<?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" style="background: #ffffff; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="2307px" height="3052px" viewBox="-0.5 -0.5 2307 3052" content="&lt;mxfile host=&quot;Electron&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/26.0.9 Chrome/128.0.6613.186 Electron/32.2.5 Safari/537.36&quot; version=&quot;26.0.9&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;ZF7IzUoScaG6IMGvsgH6&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;4435&quot; dy=&quot;3490&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-180&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-3&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-138&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-3&quot; value=&quot;Splash Sceen&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-350&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-7&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#FFD966;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-6&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-3&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-6&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;Setting API:&amp;lt;br&amp;gt;1. Service availablility by city&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;2. Force and soft update&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;shape=card;whiteSpace=wrap;html=1;fillColor=#e3c800;strokeColor=#B09500;fontColor=#000000;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-505&quot; y=&quot;395&quot; width=&quot;90&quot; height=&quot;90&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-173&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.75;entryDx=0;entryDy=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-8&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-186&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-265&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-8&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-263&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;470&quot; y=&quot;590&quot; as=&quot;sourcePoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-8&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-10&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0); font-size: 11px;&amp;quot;&amp;gt;Guest mode \ Home page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;396&quot; y=&quot;250&quot; width=&quot;150&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-16&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Home&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;570&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-17&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;436&quot; y=&quot;569.44&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-18&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Favorites&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;471&quot; y=&quot;570&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-19&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;506&quot; y=&quot;570&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-194&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-21&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-193&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;390&quot; y=&quot;300&quot; /&gt;&#10;              &lt;mxPoint x=&quot;390&quot; y=&quot;226&quot; /&gt;&#10;              &lt;mxPoint x=&quot;455&quot; y=&quot;226&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-21&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Notification&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;290&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-320&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#FF3333;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-22&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-319&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;380&quot; y=&quot;320&quot; /&gt;&#10;              &lt;mxPoint x=&quot;380&quot; y=&quot;177&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-22&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;My Cart&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FF3333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;310&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-389&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontColor=#3333FF;strokeColor=#3333FF;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-23&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-388&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-23&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Address&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#3333FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;451&quot; y=&quot;290&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-416&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#00FF00;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-24&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-415&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-24&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Choose vehicle&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#00FF00;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;451&quot; y=&quot;310&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-25&quot; value=&quot;Banners&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;360&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-2&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#67AB9F;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-26&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-214&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;790&quot; y=&quot;345&quot; /&gt;&#10;              &lt;mxPoint x=&quot;790&quot; y=&quot;949&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-26&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#67AB9F;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;330&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-27&quot; value=&quot;Top Brands&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;420&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-28&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;450&quot; width=&quot;140&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-29&quot; value=&quot;Manual sections&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;500&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-30&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401&quot; y=&quot;540&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-31&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;835&quot; y=&quot;-327&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-33&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Splash screen&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-330&quot; y=&quot;248&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-34&quot; value=&quot;Select delivery address&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;850&quot; y=&quot;-322&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-37&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;845&quot; y=&quot;-317&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-35&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-37&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-36&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-37&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-49&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#67AB9F;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-38&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-47&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-38&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;search for the location&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#67AB9F;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;845&quot; y=&quot;-297&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-39&quot; value=&quot;Map with pointer&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;835&quot; y=&quot;-268&quot; width=&quot;140&quot; height=&quot;180&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-40&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;845&quot; y=&quot;-117&quot; width=&quot;20&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-41&quot; value=&quot;&quot; style=&quot;html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.gps;strokeColor=#737373;fillColor=#737373;shadow=0;strokeWidth=2;sketch=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;850&quot; y=&quot;-112&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-42&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;835&quot; y=&quot;-87&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-43&quot; value=&quot;Pointer location title&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;835&quot; y=&quot;-87&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-44&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Pointer location description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;832&quot; y=&quot;-71&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-46&quot; value=&quot;Confirm location&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#3333FF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;852.25&quot; y=&quot;-51&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-47&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1025&quot; y=&quot;-657&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-51&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1035&quot; y=&quot;-647&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-52&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-51&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-53&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-51&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-55&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;search for the location&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1035&quot; y=&quot;-627&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-58&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0;entryDx=0;entryDy=0;strokeColor=#EA6B66;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-56&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-31&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-59&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Back to location page and&amp;lt;br&amp;gt;&amp;amp;nbsp;set pointer to current location&amp;lt;/font&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-58&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.3165&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-56&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Use current location&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#EA6B66;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1035&quot; y=&quot;-597&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-57&quot; value=&quot;&quot; style=&quot;html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.gps;strokeColor=#737373;fillColor=#737373;shadow=0;strokeWidth=2;sketch=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1040&quot; y=&quot;-592&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-61&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1335&quot; y=&quot;-657&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-62&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1345&quot; y=&quot;-647&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-63&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-62&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-64&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-62&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-65&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;Baramika&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFFFF;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1345&quot; y=&quot;-627&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-108&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#FF3333;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-66&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-31&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;1315&quot; y=&quot;-579&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1315&quot; y=&quot;-697&quot; /&gt;&#10;              &lt;mxPoint x=&quot;905&quot; y=&quot;-697&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-109&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Back to location page and&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;&amp;amp;nbsp;set pointer to selected location&amp;lt;/span&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-108&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.5783&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-66&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=#FF3333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1345&quot; y=&quot;-592&quot; width=&quot;120&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-69&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Location title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1335&quot; y=&quot;-602&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-70&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;Location description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1338&quot; y=&quot;-592&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-75&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1345&quot; y=&quot;-557&quot; width=&quot;120&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-76&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Location title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1335&quot; y=&quot;-567&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-77&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;Location description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1338&quot; y=&quot;-557&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-78&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1345&quot; y=&quot;-522&quot; width=&quot;120&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-79&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Location title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1335&quot; y=&quot;-532&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-80&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;Location description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1338&quot; y=&quot;-522&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-103&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=0.456;exitY=1.013;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-84&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-89&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;1252&quot; y=&quot;-327&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1505&quot; y=&quot;-327&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1505&quot; y=&quot;-507&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-104&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;No&amp;lt;/font&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-103&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.961&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-84&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Search result true?&amp;lt;/font&amp;gt;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1225&quot; y=&quot;-584.5&quot; width=&quot;60&quot; height=&quot;57.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-85&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.502;entryY=0.048;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-55&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-84&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-86&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.014;entryY=0.547;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-84&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-61&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-87&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Yes&amp;lt;/font&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-86&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.7559&quot; y=&quot;-1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-89&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1535&quot; y=&quot;-657&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-90&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1545&quot; y=&quot;-647&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-91&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-90&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-92&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-90&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-93&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;Baramika&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFFFF;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1545&quot; y=&quot;-627&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-105&quot; value=&quot;Error view:&amp;lt;br&amp;gt;no result found&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1545&quot; y=&quot;-547&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-106&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Use current location&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#EA6B66;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1545&quot; y=&quot;-592&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-107&quot; value=&quot;&quot; style=&quot;html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.gps;strokeColor=#737373;fillColor=#737373;shadow=0;strokeWidth=2;sketch=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1550&quot; y=&quot;-587&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-110&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1025&quot; y=&quot;-287&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-111&quot; value=&quot;New address details&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1047.5&quot; y=&quot;-277&quot; width=&quot;100&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-112&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1037.5&quot; y=&quot;-272&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-113&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-112&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-114&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-112&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-115&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;New address&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;855&quot; y=&quot;-377&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-116&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Address search 1&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1035&quot; y=&quot;-697&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-117&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Address search 2&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1345&quot; y=&quot;-697&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-118&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Address search err&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1545&quot; y=&quot;-697&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-119&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;New address details&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1030&quot; y=&quot;-327&quot; width=&quot;130&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-120&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 11px;&amp;quot;&amp;gt;Map with preselected pointer&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1025&quot; y=&quot;-247&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-121&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1036&quot; y=&quot;-187&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-122&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Pointer location title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1035&quot; y=&quot;-188&quot; width=&quot;80&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-123&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;Pointer location description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1032&quot; y=&quot;-177&quot; width=&quot;100&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-124&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Edit&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=center;strokeColor=#FF33FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1123.5&quot; y=&quot;-179&quot; width=&quot;27.5&quot; height=&quot;15&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-125&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.008;entryY=0.464;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#3333FF;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-46&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-110&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;905&quot; y=&quot;-7&quot; /&gt;&#10;              &lt;mxPoint x=&quot;991&quot; y=&quot;-7&quot; /&gt;&#10;              &lt;mxPoint x=&quot;991&quot; y=&quot;-148&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-127&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(179, 179, 179); font-size: 8px;&amp;quot;&amp;gt;Text field&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1033&quot; y=&quot;-132&quot; width=&quot;124&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-128&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Auto inserted from location&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1033&quot; y=&quot;-91&quot; width=&quot;124&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-129&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(179, 179, 179);&amp;quot;&amp;gt;Text field&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1033&quot; y=&quot;-51&quot; width=&quot;124&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-413&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0;entryDx=0;entryDy=0;strokeColor=#FF0000;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-130&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-23&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;1096&quot; y=&quot;220&quot; /&gt;&#10;              &lt;mxPoint x=&quot;541&quot; y=&quot;220&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-414&quot; value=&quot;Add location and set it as default&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-413&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.0065&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-130&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Confirm delivery location&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FF0000;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1043.25&quot; y=&quot;-15.879999999999995&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-131&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Address title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1024&quot; y=&quot;-157&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-132&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Area&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1024&quot; y=&quot;-117&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-133&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Details&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1023&quot; y=&quot;-76&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-134&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0;entryDx=0;entryDy=0;strokeColor=#FF33FF;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-124&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-31&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;1195&quot; y=&quot;-171&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1195&quot; y=&quot;-327&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-181&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-138&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-157&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-138&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-160&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-139&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Intro screen 1&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-140&quot; y=&quot;248&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-141&quot; value=&quot;Skip&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-150&quot; y=&quot;306.5&quot; width=&quot;40&quot; height=&quot;23.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-143&quot; value=&quot;Image&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-160&quot; y=&quot;347&quot; width=&quot;140&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-144&quot; value=&quot;Text&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-155&quot; y=&quot;480&quot; width=&quot;130&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-145&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#3333FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-106&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-146&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-92&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-147&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-78&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-148&quot; value=&quot;Next&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-142.75&quot; y=&quot;560&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-182&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-157&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-165&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-157&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;30&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-158&quot; value=&quot;Skip&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;62&quot; y=&quot;303.87&quot; width=&quot;40&quot; height=&quot;23.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-159&quot; value=&quot;Image&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;30&quot; y=&quot;347&quot; width=&quot;140&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-160&quot; value=&quot;Text&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;35&quot; y=&quot;480&quot; width=&quot;130&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-161&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#000000;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;84&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-162&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#3333FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;98&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-163&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;112&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-164&quot; value=&quot;Next&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;47.25&quot; y=&quot;560&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-165&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;210&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-167&quot; value=&quot;Image&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;210&quot; y=&quot;347&quot; width=&quot;140&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-168&quot; value=&quot;Text&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;215&quot; y=&quot;480&quot; width=&quot;130&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-169&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#000000;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;264&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-170&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#000000;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;278&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-171&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#3333FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;292&quot; y=&quot;536&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-172&quot; value=&quot;Great!&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;227.25&quot; y=&quot;560&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-173&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Intro screen 3&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;230&quot; y=&quot;248&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-183&quot; value=&quot;Text&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;246.5&quot; y=&quot;306.49&quot; width=&quot;95&quot; height=&quot;18.25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-184&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.007;entryY=0.653;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-165&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-27&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-185&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;40&quot; y=&quot;310&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-186&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-185&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-187&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-185&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-188&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;220&quot; y=&quot;310&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-189&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-188&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-190&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-188&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-191&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;310&quot; y=&quot;-236&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-192&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Notification center - empty&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;300&quot; y=&quot;-280&quot; width=&quot;160&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-195&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-193&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-191&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;455&quot; y=&quot;80&quot; /&gt;&#10;              &lt;mxPoint x=&quot;380&quot; y=&quot;80&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-196&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Yes&amp;lt;/font&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-195&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.7853&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-62&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Guest default&amp;lt;/font&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-195&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.1246&quot; y=&quot;-1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-198&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-193&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-197&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-199&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;No&amp;lt;/font&amp;gt;&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-198&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.8985&quot; y=&quot;-1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-193&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;ntf center empty?&amp;lt;/font&amp;gt;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;425&quot; y=&quot;104&quot; width=&quot;60&quot; height=&quot;57.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-197&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;75&quot; y=&quot;-236&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-200&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Notification center&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;85&quot; y=&quot;-280&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-201&quot; value=&quot;Notification Center&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;331.5&quot; y=&quot;-222&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-202&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;322.5&quot; y=&quot;-217&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-203&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-202&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-204&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-202&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-216&quot; value=&quot;Notification Center&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;96.5&quot; y=&quot;-222&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-217&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;87.5&quot; y=&quot;-217&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-218&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-217&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-219&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-217&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-220&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;85&quot; y=&quot;-192&quot; width=&quot;120&quot; height=&quot;32&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-221&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;85&quot; y=&quot;-144&quot; width=&quot;120&quot; height=&quot;94&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-223&quot; value=&quot;Error view:&amp;lt;br&amp;gt;no result found&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;322.5&quot; y=&quot;-152&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-224&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;84&quot; y=&quot;-197&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-225&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;84&quot; y=&quot;-187&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-226&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;x hours ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;160&quot; y=&quot;-183&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-261&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;strokeColor=#FF3333;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-227&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-260&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-227&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=#FF3333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;83&quot; y=&quot;-36&quot; width=&quot;120&quot; height=&quot;32&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-228&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;82&quot; y=&quot;-41&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-229&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;82&quot; y=&quot;-31&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-230&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;x days ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;158&quot; y=&quot;-27&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-235&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;83&quot; y=&quot;-144&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-236&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;83&quot; y=&quot;-134&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-237&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(179, 179, 179);&amp;quot;&amp;gt;x hours ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;159&quot; y=&quot;-130&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-239&quot; value=&quot;Notification image&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;85&quot; y=&quot;-100&quot; width=&quot;120&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-241&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;73&quot; y=&quot;-650&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-242&quot; value=&quot;Notification Center&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;94.5&quot; y=&quot;-636&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-243&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;85.5&quot; y=&quot;-631&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-244&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-243&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-245&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-243&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-246&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;83&quot; y=&quot;-606&quot; width=&quot;120&quot; height=&quot;32&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-247&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;83&quot; y=&quot;-558&quot; width=&quot;120&quot; height=&quot;94&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-248&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;82&quot; y=&quot;-611&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-249&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;82&quot; y=&quot;-601&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-250&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;x hours ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;158&quot; y=&quot;-597&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-251&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;81&quot; y=&quot;-450&quot; width=&quot;120&quot; height=&quot;32&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-252&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;80&quot; y=&quot;-455&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-253&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;80&quot; y=&quot;-445&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-254&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;x days ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;156&quot; y=&quot;-441&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-255&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;81&quot; y=&quot;-558&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-256&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;81&quot; y=&quot;-548&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-257&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;x hours ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;157&quot; y=&quot;-544&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-258&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification image&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;83&quot; y=&quot;-514&quot; width=&quot;120&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-284&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-260&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;378&quot; y=&quot;-350&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-286&quot; value=&quot;Store&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-284&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.5582&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-260&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Store ntf or general ?&amp;lt;/span&amp;gt;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;strokeColor=#FF3333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;232&quot; y=&quot;-337.5&quot; width=&quot;60&quot; height=&quot;57.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-263&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Notification center - general&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;60&quot; y=&quot;-692&quot; width=&quot;170&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-282&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Notification center - general&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;295&quot; y=&quot;-692&quot; width=&quot;170&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-283&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.486;entryY=1.011;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-260&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-241&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-285&quot; value=&quot;General&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-283&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.6639&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-9&quot; y=&quot;-1&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-288&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;91&quot; y=&quot;-591&quot; width=&quot;104&quot; height=&quot;148&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-289&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;91&quot; y=&quot;-593&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-290&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;91&quot; y=&quot;-585&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-291&quot; value=&quot;Notification image if exist&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;91&quot; y=&quot;-540.5&quot; width=&quot;104&quot; height=&quot;98.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-292&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 19px;&amp;quot;&amp;gt;x&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;181&quot; y=&quot;-597&quot; width=&quot;15&quot; height=&quot;15&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-293&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;310&quot; y=&quot;-650&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-294&quot; value=&quot;Notification Center&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;331.5&quot; y=&quot;-636&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-295&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;322.5&quot; y=&quot;-631&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-296&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-295&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-297&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-295&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-298&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;320&quot; y=&quot;-606&quot; width=&quot;120&quot; height=&quot;32&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-299&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;320&quot; y=&quot;-558&quot; width=&quot;120&quot; height=&quot;94&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-300&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;319&quot; y=&quot;-611&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-301&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;319&quot; y=&quot;-601&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-302&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;x hours ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;395&quot; y=&quot;-597&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-303&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;318&quot; y=&quot;-450&quot; width=&quot;120&quot; height=&quot;32&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-304&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;317&quot; y=&quot;-455&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-305&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;317&quot; y=&quot;-445&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-306&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;x days ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;393&quot; y=&quot;-441&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-307&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;318&quot; y=&quot;-558&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-308&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;318&quot; y=&quot;-548&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-309&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(77, 77, 77);&amp;quot;&amp;gt;x hours ago&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontColor=#E6E6E6;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;394&quot; y=&quot;-544&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-310&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(77, 77, 77);&amp;quot;&amp;gt;Notification image&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontColor=#E6E6E6;strokeColor=#333333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;320&quot; y=&quot;-514&quot; width=&quot;120&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-311&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;328&quot; y=&quot;-591&quot; width=&quot;104&quot; height=&quot;148&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-312&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Ntf title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;328&quot; y=&quot;-593&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-313&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Notification description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;328&quot; y=&quot;-585&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-314&quot; value=&quot;Notification image if exist&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;328&quot; y=&quot;-540.5&quot; width=&quot;104&quot; height=&quot;120.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-315&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 19px;&amp;quot;&amp;gt;x&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;418&quot; y=&quot;-597&quot; width=&quot;15&quot; height=&quot;15&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-316&quot; value=&quot;Go to Store&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;343.5&quot; y=&quot;-446.44&quot; width=&quot;72.75&quot; height=&quot;16.44&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-317&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.001;entryY=0.647;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-141&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-27&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;-130&quot; y=&quot;220&quot; /&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;220&quot; /&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;439&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-318&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.001;entryY=0.629;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-158&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-27&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;82&quot; y=&quot;220&quot; /&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;220&quot; /&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;439&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-140&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Intro screen 2&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;50&quot; y=&quot;248&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-334&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-319&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-321&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-336&quot; value=&quot;Yes&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-334&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.8704&quot; y=&quot;-1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-63&quot; value=&quot;Guest default&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-334&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.2491&quot; y=&quot;1&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-319&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Cart empty?&amp;lt;/font&amp;gt;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;strokeColor=#FF3333;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-170&quot; y=&quot;148&quot; width=&quot;60&quot; height=&quot;57.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-321&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-425&quot; y=&quot;-241&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-323&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-412.5&quot; y=&quot;-222&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-324&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-323&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-325&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-323&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-327&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-214&quot; y=&quot;-241&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-329&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-201.5&quot; y=&quot;-222&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-330&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-329&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-331&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-329&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-333&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.529;entryY=1.003;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-319&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-327&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-335&quot; value=&quot;No&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;gQ6CopY3biEYqA4OTjpi-333&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.6536&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-337&quot; value=&quot;Your cart&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-410&quot; y=&quot;-227&quot; width=&quot;60&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-328&quot; value=&quot;Your cart&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-198&quot; y=&quot;-227&quot; width=&quot;60&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-339&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0;entryDx=0;entryDy=0;strokeColor=#FFFF33;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-338&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-22&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;360&quot; y=&quot;665&quot; /&gt;&#10;              &lt;mxPoint x=&quot;360&quot; y=&quot;310&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;gQ6CopY3biEYqA4OTjpi-338&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;&amp;lt;br&amp;gt;When NTF center have NTF in it show counter for count of ntf&amp;lt;br&amp;gt;Same for cart (show count of total products in the cart)&amp;lt;/font&amp;gt;&quot; style=&quot;shape=card;whiteSpace=wrap;html=1;fillColor=#e3c800;strokeColor=#B09500;fontColor=#000000;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;113&quot; y=&quot;620&quot; width=&quot;90&quot; height=&quot;90&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-1&quot; value=&quot;No products in the cart&amp;amp;nbsp;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-415&quot; y=&quot;-187&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-4&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-425&quot; y=&quot;-112&quot; width=&quot;140&quot; height=&quot;101&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-6&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Store logo&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-204.5&quot; y=&quot;-199&quot; width=&quot;21&quot; height=&quot;21&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-7&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Store title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-193&quot; y=&quot;-207.5&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-8&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px; color: rgb(204, 204, 204);&amp;quot;&amp;gt;Count of products selected from this store&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-193&quot; y=&quot;-201&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-9&quot; value=&quot;&amp;lt;div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-166&quot; y=&quot;-178&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-10&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-193&quot; y=&quot;-165&quot; width=&quot;19&quot; height=&quot;19&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-11&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product name&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;line-height: 10%;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product price&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-181.5&quot; y=&quot;-175.5&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-12&quot; value=&quot;&amp;lt;font&amp;gt;&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;1&amp;amp;nbsp; &amp;amp;nbsp; +&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=9;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-116.37&quot; y=&quot;-162&quot; width=&quot;36.37&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-13&quot; value=&quot;&amp;lt;div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-166&quot; y=&quot;-146.5&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-14&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-193&quot; y=&quot;-135.5&quot; width=&quot;19&quot; height=&quot;19&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-15&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product name&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;line-height: 10%;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product price&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-181.5&quot; y=&quot;-146&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-16&quot; value=&quot;&amp;lt;font&amp;gt;-&amp;amp;nbsp; &amp;amp;nbsp; 2&amp;amp;nbsp; &amp;amp;nbsp; +&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=9;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-116.37&quot; y=&quot;-132.5&quot; width=&quot;36.37&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-17&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Total cart price&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=9;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-150&quot; y=&quot;-13&quot; width=&quot;66.37&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-28&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Store logo&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-210&quot; y=&quot;-101.75&quot; width=&quot;21&quot; height=&quot;21&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-29&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Store title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-198.5&quot; y=&quot;-110.25&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-30&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px; color: rgb(204, 204, 204);&amp;quot;&amp;gt;Count of products selected from this store&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-198.5&quot; y=&quot;-103.75&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-31&quot; value=&quot;&amp;lt;div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-171.5&quot; y=&quot;-80.75&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-39&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;🗑️&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-127&quot; y=&quot;-172.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-40&quot; value=&quot;&amp;lt;div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-169.5&quot; y=&quot;-80.25&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-41&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-196.5&quot; y=&quot;-69.25&quot; width=&quot;19&quot; height=&quot;19&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-42&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product name&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;line-height: 10%;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product price&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-185&quot; y=&quot;-79.75&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-43&quot; value=&quot;&amp;lt;font&amp;gt;&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;1&amp;amp;nbsp; &amp;amp;nbsp; +&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=9;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-119.87&quot; y=&quot;-66.25&quot; width=&quot;36.37&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-44&quot; value=&quot;&amp;lt;div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-169.5&quot; y=&quot;-50.75&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-45&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-196.5&quot; y=&quot;-39.75&quot; width=&quot;19&quot; height=&quot;19&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-46&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product name&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;line-height: 10%;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 6px; line-height: 10%;&amp;quot;&amp;gt;Product price&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-185&quot; y=&quot;-50.25&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-47&quot; value=&quot;&amp;lt;font&amp;gt;-&amp;amp;nbsp; &amp;amp;nbsp; 2&amp;amp;nbsp; &amp;amp;nbsp; +&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=9;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-119.87&quot; y=&quot;-36.75&quot; width=&quot;36.37&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-48&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;🗑️&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-130.5&quot; y=&quot;-76.75&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-49&quot; value=&quot;&amp;lt;font&amp;gt;+ add more&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=5;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-109.87&quot; y=&quot;-201&quot; width=&quot;29.87&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-50&quot; value=&quot;&amp;lt;font&amp;gt;+ add more&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=5;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-108.37&quot; y=&quot;-105.5&quot; width=&quot;29.87&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-51&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255); font-size: 4px;&amp;quot;&amp;gt;Available in stock&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-178&quot; y=&quot;-164.5&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-52&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255); font-size: 4px;&amp;quot;&amp;gt;Available in stock&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-178.5&quot; y=&quot;-137&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-53&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255); font-size: 4px;&amp;quot;&amp;gt;Available in stock&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-183.5&quot; y=&quot;-70&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-54&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255); font-size: 4px;&amp;quot;&amp;gt;Available in stock&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-183&quot; y=&quot;-39&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-55&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-213&quot; y=&quot;34&quot; width=&quot;140&quot; height=&quot;26&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-57&quot; value=&quot;Submit&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#FFFFFF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-179.5&quot; y=&quot;12.120000000000001&quot; width=&quot;73.5&quot; height=&quot;13.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-61&quot; value=&quot;&amp;lt;span style=&amp;quot;text-wrap: nowrap;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;🗑️ Delete entire cart&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontSize=9;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-210&quot; y=&quot;-13&quot; width=&quot;56.37&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-64&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Cart&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-168&quot; y=&quot;-280&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-65&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Cart - empty&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-400&quot; y=&quot;-280&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-67&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-66&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-316&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-66&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;When clicked, go to store page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;506&quot; y=&quot;-504&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-70&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-69&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-49&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-69&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;When clicked, go to store page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-83.63&quot; y=&quot;-350&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-71&quot; value=&quot;1&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-12&quot; y=&quot;-327&quot; width=&quot;14&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-72&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;When clicked, go to product page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-52.75&quot; y=&quot;-241&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-73&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.707;entryY=0.048;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-72&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-51&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;-3&quot; y=&quot;-180&quot; /&gt;&#10;              &lt;mxPoint x=&quot;-143&quot; y=&quot;-180&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-74&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 11px;&amp;quot;&amp;gt;2&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1;align=center;verticalAlign=middle;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;23&quot; y=&quot;-218.5&quot; width=&quot;13&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-78&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;fontColor=#6D8764;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-77&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-57&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-77&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px; line-height: 50%;&amp;quot;&amp;gt;When clicked, go to checkout&amp;amp;nbsp;&amp;lt;br&amp;gt;&amp;amp;nbsp;page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-55&quot; y=&quot;-13&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-79&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 11px;&amp;quot;&amp;gt;3&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;17&quot; y=&quot;13&quot; width=&quot;13&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-144&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-80&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-115&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-80&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1005.5&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-82&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Adding new vehicle 1&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1005.5&quot; y=&quot;254&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-86&quot; value=&quot;Add your vehicle&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1019.5000000000001&quot; y=&quot;293&quot; width=&quot;80&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-87&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1010.5000000000001&quot; y=&quot;298&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-88&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-87&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-89&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-87&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-90&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Step 1 of 2&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1005.5&quot; y=&quot;303.87&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-91&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=0.8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1018.0000000000001&quot; y=&quot;330&quot; width=&quot;120&quot; height=&quot;2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-92&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=0.4;fillColor=#3333FF;strokeColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1018.0000000000001&quot; y=&quot;330&quot; width=&quot;60&quot; height=&quot;2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-93&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Basic information&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1000&quot; y=&quot;333.87&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-94&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Car Make&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1010.5000000000001&quot; y=&quot;347&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-95&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1023.5000000000001&quot; y=&quot;372&quot; width=&quot;101&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-96&quot; value=&quot;&quot; style=&quot;group;rotation=-90;&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1105.5&quot; y=&quot;368&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-97&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;rotation=-90;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-96&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;3&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-98&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;rotation=-90;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-96&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;4&quot; y=&quot;-4&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-100&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; parent=&quot;1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;1055.5&quot; y=&quot;372&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;1122&quot; y=&quot;372&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-101&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Car Model&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1006.5&quot; y=&quot;382&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-102&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1022.5000000000001&quot; y=&quot;407&quot; width=&quot;101&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-103&quot; value=&quot;&quot; style=&quot;group;rotation=-90;&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1104.5&quot; y=&quot;403&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-104&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;rotation=-90;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-103&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;3&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-105&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;rotation=-90;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-103&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;4&quot; y=&quot;-4&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-106&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; parent=&quot;1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;1054.5&quot; y=&quot;407&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;1121&quot; y=&quot;407&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-107&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Year&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1009.5000000000001&quot; y=&quot;419&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-108&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1023.5000000000001&quot; y=&quot;445&quot; width=&quot;101&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-109&quot; value=&quot;&quot; style=&quot;group;rotation=-90;&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1105.5&quot; y=&quot;441&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-110&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;rotation=-90;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-109&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;3&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-111&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;rotation=-90;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-109&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;4&quot; y=&quot;-4&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-112&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; parent=&quot;1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;1055.5&quot; y=&quot;445&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;1122&quot; y=&quot;445&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-113&quot; value=&quot;Next&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1023.5000000000001&quot; y=&quot;547&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-115&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1218&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-116&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Adding new vehicle 2&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1218&quot; y=&quot;254&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-117&quot; value=&quot;Add your vehicle&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1232&quot; y=&quot;293&quot; width=&quot;80&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-118&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1223&quot; y=&quot;298&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-119&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-118&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-120&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-118&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-121&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Step 2 of 2&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1218&quot; y=&quot;303.87&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-122&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=0.8;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1230.5&quot; y=&quot;330&quot; width=&quot;120&quot; height=&quot;2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-123&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeWidth=0.4;fillColor=#3333FF;strokeColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1230.5&quot; y=&quot;330&quot; width=&quot;120&quot; height=&quot;2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-124&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Engine &amp;amp;amp; Transmission&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1212&quot; y=&quot;333.87&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-125&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Engine type&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1223&quot; y=&quot;360&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-143&quot; value=&quot;Save Car&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1236&quot; y=&quot;547&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-145&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Gasoline&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1223&quot; y=&quot;390&quot; width=&quot;40&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-146&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Electric&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1267.75&quot; y=&quot;390&quot; width=&quot;40&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-147&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Hybird&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1313.5&quot; y=&quot;390&quot; width=&quot;40&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-148&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Engine size&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1218&quot; y=&quot;436.5&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-149&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Transmission&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1283&quot; y=&quot;436.5&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-153&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1229.75&quot; y=&quot;466.5&quot; width=&quot;46.5&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-154&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1295&quot; y=&quot;466.5&quot; width=&quot;46.5&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-158&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Fuel type&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1219&quot; y=&quot;487&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-159&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Color&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1282&quot; y=&quot;487&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-160&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1229.75&quot; y=&quot;515&quot; width=&quot;46.5&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-161&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px; color: rgb(153, 153, 153);&amp;quot;&amp;gt;Drop down list&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1295&quot; y=&quot;515&quot; width=&quot;46.5&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-163&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1.002;entryY=0.12;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-143&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-28&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;1289&quot; y=&quot;620&quot; /&gt;&#10;              &lt;mxPoint x=&quot;610&quot; y=&quot;620&quot; /&gt;&#10;              &lt;mxPoint x=&quot;610&quot; y=&quot;456&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-164&quot; value=&quot;Back to home page&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-163&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.6527&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-77&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-172&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;799&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-174&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Home&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;1079&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-175&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;654&quot; y=&quot;1079&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-176&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Favorites&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;689&quot; y=&quot;1079&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-177&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;724&quot; y=&quot;1079&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-178&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Explore page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;644&quot; y=&quot;760&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-179&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;My Cart&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFFFF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;819&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-180&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Notification&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFFFF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;799&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-181&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Address&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFFFF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;669&quot; y=&quot;799&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-182&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Choose vehicle&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#FFFFFF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;669&quot; y=&quot;819&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-183&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#67AB9F;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;839&quot; width=&quot;140&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-184&quot; value=&quot;Banners&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;859&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-185&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Shopping for [saved vehicles by user]&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;899&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-186&quot; value=&quot;Filters and sorting&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;929&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-187&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;959&quot; width=&quot;140&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-190&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore sections (Best sellers - Recently viewed...etc.)&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;636&quot; y=&quot;944&quot; width=&quot;110&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-191&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;629&quot; y=&quot;995&quot; width=&quot;53&quot; height=&quot;79&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-194&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;636.25&quot; y=&quot;1006.5&quot; width=&quot;38.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-195&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Fits car&amp;lt;/font&amp;gt;&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;size=0.25;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;629&quot; y=&quot;995&quot; width=&quot;22&quot; height=&quot;13.2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-197&quot; value=&quot;&quot; style=&quot;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;sketch=0;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;632.5&quot; y=&quot;995&quot; width=&quot;7&quot; height=&quot;7&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-198&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;669&quot; y=&quot;996.5&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-199&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Product title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;1020&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-200&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;621&quot; y=&quot;1025.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-201&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;631&quot; y=&quot;1033.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-203&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Add&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;629&quot; y=&quot;1056.5&quot; width=&quot;53&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-204&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;693&quot; y=&quot;995&quot; width=&quot;53&quot; height=&quot;79&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-205&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;700.25&quot; y=&quot;1006.5&quot; width=&quot;38.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-206&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Fits car&amp;lt;/font&amp;gt;&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;size=0.25;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;693&quot; y=&quot;995&quot; width=&quot;22&quot; height=&quot;13.2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-207&quot; value=&quot;&quot; style=&quot;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;sketch=0;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;696.5&quot; y=&quot;995&quot; width=&quot;7&quot; height=&quot;7&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-208&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;733&quot; y=&quot;996.5&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-209&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Product title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;683&quot; y=&quot;1020&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-210&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;685&quot; y=&quot;1025.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-211&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;695&quot; y=&quot;1033.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-212&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Add&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;693&quot; y=&quot;1056.5&quot; width=&quot;53&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-225&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-214&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-224&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-214&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;816&quot; y=&quot;799&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-216&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Search page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;840.5&quot; y=&quot;760&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-217&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;851.5&quot; y=&quot;809&quot; width=&quot;97.5&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-218&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.007;entryY=0.515;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#67AB9F;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-183&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-214&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-219&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;818&quot; y=&quot;814&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-220&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-219&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-221&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-219&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-222&quot; value=&quot;Recent searches&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;827.25&quot; y=&quot;864&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-223&quot; value=&quot;Trendy searches&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;826.5&quot; y=&quot;914&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-224&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;989&quot; y=&quot;799&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-226&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Guest \ Search result page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;974&quot; y=&quot;760&quot; width=&quot;170&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-227&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1024.5&quot; y=&quot;809&quot; width=&quot;97.5&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-228&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;991&quot; y=&quot;814&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-229&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-228&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-230&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-228&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-231&quot; value=&quot;Filters&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1000.25&quot; y=&quot;839&quot; width=&quot;117.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-232&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1004.5&quot; y=&quot;892&quot; width=&quot;53&quot; height=&quot;79&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-233&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1011.75&quot; y=&quot;903.5&quot; width=&quot;38.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-234&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Fits car&amp;lt;/font&amp;gt;&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;size=0.25;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1004.5&quot; y=&quot;892&quot; width=&quot;22&quot; height=&quot;13.2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-235&quot; value=&quot;&quot; style=&quot;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;sketch=0;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1008&quot; y=&quot;892&quot; width=&quot;7&quot; height=&quot;7&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-236&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1044.5&quot; y=&quot;893.5&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-237&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Product title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;994.5&quot; y=&quot;917&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-238&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;996.5&quot; y=&quot;922.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-239&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1006.5&quot; y=&quot;930.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-240&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Add&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1004.5&quot; y=&quot;953.5&quot; width=&quot;53&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-241&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1068.5&quot; y=&quot;892&quot; width=&quot;53&quot; height=&quot;79&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-242&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1075.75&quot; y=&quot;903.5&quot; width=&quot;38.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-243&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Fits car&amp;lt;/font&amp;gt;&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;size=0.25;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1068.5&quot; y=&quot;892&quot; width=&quot;22&quot; height=&quot;13.2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-244&quot; value=&quot;&quot; style=&quot;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;sketch=0;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1072&quot; y=&quot;892&quot; width=&quot;7&quot; height=&quot;7&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-245&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1108.5&quot; y=&quot;893.5&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-246&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Product title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1058.5&quot; y=&quot;917&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-247&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1060.5&quot; y=&quot;922.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-248&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1070.5&quot; y=&quot;930.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-249&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Add&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1068.5&quot; y=&quot;953.5&quot; width=&quot;53&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-250&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;1190&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-251&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Home&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;619&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-252&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;654&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-253&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Favorites&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;689&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-254&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;724&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-255&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Guest \ Favorite page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;620&quot; y=&quot;1153&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-257&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=-0.001;entryY=0.474;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0;exitY=1;exitDx=0;exitDy=0;&quot; parent=&quot;1&quot; source=&quot;gQ6CopY3biEYqA4OTjpi-18&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-250&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-258&quot; value=&quot;My favorite section&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;630.25&quot; y=&quot;1220&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-259&quot; value=&quot;My orders section&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;630.25&quot; y=&quot;1280&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-260&quot; value=&quot;Recommended for u&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;630.25&quot; y=&quot;1350&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-261&quot; value=&quot;Top rated items section&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;632.25&quot; y=&quot;1410&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-263&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;620&quot; y=&quot;1579&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-264&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Guest \ Profile page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;626&quot; y=&quot;1539&quot; width=&quot;130&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-266&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Home&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;620&quot; y=&quot;1859&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-267&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;655&quot; y=&quot;1859&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-268&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Favorites&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;690&quot; y=&quot;1859&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-269&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;725&quot; y=&quot;1859&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-288&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;124&quot; y=&quot;830&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-289&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Profile page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;150&quot; y=&quot;790&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-290&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Home&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;124&quot; y=&quot;1110&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-291&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;159&quot; y=&quot;1110&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-292&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Favorites&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;194&quot; y=&quot;1110&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-293&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;229&quot; y=&quot;1110&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-294&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Profile pic&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;170&quot; y=&quot;832&quot; width=&quot;54&quot; height=&quot;54&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-295&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;User name&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;162&quot; y=&quot;881&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-296&quot; value=&quot;User type&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=7;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;162&quot; y=&quot;905&quot; width=&quot;70&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-297&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Personal info&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;120.5&quot; y=&quot;910&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-298&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Email address&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;130&quot; y=&quot;921&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-299&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;144.25&quot; y=&quot;945&quot; width=&quot;110&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-300&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;141.75&quot; y=&quot;975&quot; width=&quot;110&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-301&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Phone number&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;127.5&quot; y=&quot;951&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-302&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;141.75&quot; y=&quot;1005&quot; width=&quot;110&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-303&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Birth day&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;127.5&quot; y=&quot;981&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-304&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Gender&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;130.75&quot; y=&quot;1011&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-305&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;140&quot; y=&quot;1039&quot; width=&quot;110&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-306&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Language&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;134&quot; y=&quot;1055&quot; width=&quot;124&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-307&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Support &amp;amp;amp; FAQs&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;134&quot; y=&quot;1070&quot; width=&quot;124&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-308&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Sign out&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;133.75&quot; y=&quot;1084&quot; width=&quot;124&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-309&quot; value=&quot;Please Sign up to manage your profile&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;629.75&quot; y=&quot;1640&quot; width=&quot;120&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-310&quot; value=&quot;Sign up&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;638.25&quot; y=&quot;1740&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-312&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-311&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-310&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-311&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px; line-height: 50%;&amp;quot;&amp;gt;When clicked, go to Sign up page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;830.5&quot; y=&quot;1700&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-313&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;4&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;904&quot; y=&quot;1724&quot; width=&quot;14&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-314&quot; value=&quot;Sign up to see content&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;636&quot; y=&quot;1248.12&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-315&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;990.25&quot; y=&quot;1190&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-316&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Home&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;990.25&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-317&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Explore&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1025.25&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-318&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Favorites&amp;amp;nbsp;&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1060.25&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-319&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1095.25&quot; y=&quot;1470&quot; width=&quot;35&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-320&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Favorite page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1011.25&quot; y=&quot;1153&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-321&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;My favorite section&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;(fav products and fav stores)&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1001.5&quot; y=&quot;1220&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-322&quot; value=&quot;My orders section&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1001.5&quot; y=&quot;1280&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-323&quot; value=&quot;Recommended for u&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1001.5&quot; y=&quot;1350&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-324&quot; value=&quot;Top rated items section&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1003.5&quot; y=&quot;1410&quot; width=&quot;117.5&quot; height=&quot;35&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-325&quot; value=&quot;Sign up to see content&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;637.25&quot; y=&quot;1307.12&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-328&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-326&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-314&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-329&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-326&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-325&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-326&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px; line-height: 50%;&amp;quot;&amp;gt;When clicked, go to Sign up page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;806&quot; y=&quot;1225&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-327&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;4&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;879.5&quot; y=&quot;1249&quot; width=&quot;14&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-330&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1275&quot; y=&quot;799&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-331&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Search result page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1281&quot; y=&quot;760&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-332&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1310.5&quot; y=&quot;809&quot; width=&quot;97.5&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-333&quot; value=&quot;&quot; style=&quot;group&quot; parent=&quot;1&quot; vertex=&quot;1&quot; connectable=&quot;0&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1277&quot; y=&quot;814&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-334&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-333&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-335&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; parent=&quot;vgEL6QnxoprSQkKM2MRA-333&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-336&quot; value=&quot;Filters&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1286.25&quot; y=&quot;839&quot; width=&quot;117.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-337&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1290.5&quot; y=&quot;892&quot; width=&quot;53&quot; height=&quot;79&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-338&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1297.75&quot; y=&quot;903.5&quot; width=&quot;38.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-339&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Fits car&amp;lt;/font&amp;gt;&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;size=0.25;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1290.5&quot; y=&quot;892&quot; width=&quot;22&quot; height=&quot;13.2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-340&quot; value=&quot;&quot; style=&quot;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;sketch=0;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1294&quot; y=&quot;892&quot; width=&quot;7&quot; height=&quot;7&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-341&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1330.5&quot; y=&quot;893.5&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-342&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Product title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1280.5&quot; y=&quot;917&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-343&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1282.5&quot; y=&quot;922.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-344&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1292.5&quot; y=&quot;930.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-345&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Add&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1290.5&quot; y=&quot;953.5&quot; width=&quot;53&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-346&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1354.5&quot; y=&quot;892&quot; width=&quot;53&quot; height=&quot;79&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-347&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 3px;&amp;quot;&amp;gt;Product pic&amp;lt;/font&amp;gt;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1361.75&quot; y=&quot;903.5&quot; width=&quot;38.5&quot; height=&quot;25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-348&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;Fits car&amp;lt;/font&amp;gt;&quot; style=&quot;shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;size=0.25;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1354.5&quot; y=&quot;892&quot; width=&quot;22&quot; height=&quot;13.2&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-349&quot; value=&quot;&quot; style=&quot;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;sketch=0;aspect=fixed;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1358&quot; y=&quot;892&quot; width=&quot;7&quot; height=&quot;7&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-350&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1394.5&quot; y=&quot;893.5&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-351&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Product title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1344.5&quot; y=&quot;917&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-352&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1346.5&quot; y=&quot;922.5&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-353&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1356.5&quot; y=&quot;930.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-354&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Add&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1354.5&quot; y=&quot;953.5&quot; width=&quot;53&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-355&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;After browsing some products ask for&amp;lt;font style=&amp;quot;&amp;quot;&amp;gt; &amp;lt;/font&amp;gt;signup to see more&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1000.25&quot; y=&quot;991.5&quot; width=&quot;120&quot; height=&quot;48.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-356&quot; value=&quot;Sign up to see content&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1007.75&quot; y=&quot;1050&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-359&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.75;entryDx=0;entryDy=0;strokeColor=#6D8764;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-357&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-356&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-357&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px; line-height: 50%;&amp;quot;&amp;gt;When clicked, go to Sign up page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1160&quot; y=&quot;1035.5&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-358&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;4&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1233.5&quot; y=&quot;1059.5&quot; width=&quot;14&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-363&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-361&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-362&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-361&quot; value=&quot;&amp;lt;font&amp;gt;4&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=23;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-360.25&quot; y=&quot;963.75&quot; width=&quot;32.5&quot; height=&quot;32.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-375&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-362&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-374&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-362&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-253.25&quot; y=&quot;830&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-364&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Sign up screen&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-231.25&quot; y=&quot;793&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-365&quot; value=&quot;Image&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-246.25&quot; y=&quot;845&quot; width=&quot;124&quot; height=&quot;75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-366&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Text&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-253.25&quot; y=&quot;927&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-367&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Select your account type&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-253.25&quot; y=&quot;950&quot; width=&quot;110&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-368&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;Regular customer&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-244.25&quot; y=&quot;979&quot; width=&quot;121&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-369&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Mechanic&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-183.25&quot; y=&quot;979&quot; width=&quot;60&quot; height=&quot;17.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-370&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Phone number&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-253.25&quot; y=&quot;1003.75&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-371&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(153, 153, 153);&amp;quot;&amp;gt;+963 9xx xxxx xx&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-241.25&quot; y=&quot;1030&quot; width=&quot;120&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-372&quot; value=&quot;Sign up&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-234&quot; y=&quot;1062&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-373&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;By continuing, you agree to out &amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;Terms&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;&amp;amp;nbsp;of Use&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt; and &amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;Privacy Policy&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;.&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-251.25&quot; y=&quot;1085&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-387&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-374&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-288&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-374&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-63.25&quot; y=&quot;830&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-376&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;OTP screen&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-41.68000000000001&quot; y=&quot;793&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-377&quot; value=&quot;Image&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-55.25&quot; y=&quot;840.5&quot; width=&quot;124&quot; height=&quot;75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-378&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Text&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-61.75&quot; y=&quot;923&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-379&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Insert the OTP&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-61.25&quot; y=&quot;950&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-380&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-51.25&quot; y=&quot;984&quot; width=&quot;18&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-381&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-26.25&quot; y=&quot;984&quot; width=&quot;18&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-382&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.25&quot; y=&quot;984&quot; width=&quot;18&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-383&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;23.75&quot; y=&quot;984&quot; width=&quot;18&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-384&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;48.32&quot; y=&quot;984&quot; width=&quot;18&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-385&quot; value=&quot;Confirm&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-46&quot; y=&quot;1038.56&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-386&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;By continuing, you agree to out &amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;Terms&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;&amp;amp;nbsp;of Use&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt; and &amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;Privacy Policy&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;.&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-61.75&quot; y=&quot;1085&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-388&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601&quot; y=&quot;-114&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-395&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Notification&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;-114&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-396&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;My Cart&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;-94&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-397&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Address&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;651.5&quot; y=&quot;-114&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-398&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Choose vehicle&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;651.5&quot; y=&quot;-94&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-399&quot; value=&quot;Banners&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;-44&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-400&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;-74&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-401&quot; value=&quot;Top Brands&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;16&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-402&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;46&quot; width=&quot;140&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-403&quot; value=&quot;Manual sections&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;96&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-404&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;136&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-390&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601.5&quot; y=&quot;-114&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-407&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;601&quot; width=&quot;139&quot; height=&quot;186&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-411&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#3333FF;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-408&quot; target=&quot;gQ6CopY3biEYqA4OTjpi-39&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-408&quot; value=&quot;Add new address&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=#3333FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;614&quot; y=&quot;16&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-409&quot; value=&quot;Saved addres 1&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;614&quot; y=&quot;59&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-410&quot; value=&quot;Saved addres 2&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;616.5&quot; y=&quot;96&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-412&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Address list&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;622.5&quot; y=&quot;-148.5&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-415&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;809&quot; y=&quot;289.44&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-418&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Vehicles list&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;831&quot; y=&quot;254&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-419&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.25&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-420&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Notification&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;290&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-421&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;My Cart&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;310&quot; width=&quot;50&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-422&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Address&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;860.75&quot; y=&quot;290&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-423&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Choose vehicle&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;strokeColor=#4D4D4D;fontColor=#666666;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;860.75&quot; y=&quot;310&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-424&quot; value=&quot;Banners&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;360&quot; width=&quot;140&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-425&quot; value=&quot;Search bar&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;330&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-426&quot; value=&quot;Top Brands&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;420&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-427&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;450&quot; width=&quot;140&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-428&quot; value=&quot;Manual sections&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;500&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-429&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Guest Recommended for u&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fontColor=#666666;strokeColor=#4D4D4D;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;540&quot; width=&quot;140&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-430&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;fillColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.75&quot; y=&quot;290&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-431&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;810.25&quot; y=&quot;404&quot; width=&quot;139&quot; height=&quot;186&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-432&quot; value=&quot;Add new vehicle&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=#3333FF;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;823.25&quot; y=&quot;420&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-433&quot; value=&quot;Saved vehicle1&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;823.25&quot; y=&quot;463&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-434&quot; value=&quot;Saved vehicle 2&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;825.75&quot; y=&quot;500&quot; width=&quot;110&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;vgEL6QnxoprSQkKM2MRA-436&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=-0.001;entryY=0.516;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#3333FF;&quot; parent=&quot;1&quot; source=&quot;vgEL6QnxoprSQkKM2MRA-432&quot; target=&quot;vgEL6QnxoprSQkKM2MRA-80&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;990&quot; y=&quot;450&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-4&quot; value=&quot;1&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;580&quot; y=&quot;-481&quot; width=&quot;14&quot; height=&quot;14&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-18&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-5&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-6&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-5&quot; value=&quot;&amp;lt;font&amp;gt;1&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=23;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-360.25&quot; y=&quot;1346.75&quot; width=&quot;32.5&quot; height=&quot;32.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-6&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-252.81&quot; y=&quot;1213&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-7&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Store Page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-221.25&quot; y=&quot;1180&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-8&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Store cover photo&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-252.06&quot; y=&quot;1213&quot; width=&quot;139&quot; height=&quot;67&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-9&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-247&quot; y=&quot;1287&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-20&quot; value=&quot;&quot; style=&quot;group&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-244.9999999999999&quot; y=&quot;1220&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-21&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-20&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-22&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-20&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-23&quot; value=&quot;&amp;lt;font style=&amp;quot;line-height: 100%; font-size: 4px;&amp;quot;&amp;gt;StoreLogo&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;spacing=2;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-249&quot; y=&quot;1250&quot; width=&quot;24.06&quot; height=&quot;24.06&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-24&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-250&quot; y=&quot;1274.06&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-25&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Store rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-175&quot; y=&quot;1274.06&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-26&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;Open until xx:xx PM&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-189.87&quot; y=&quot;1287&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-28&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-144.5&quot; y=&quot;1267.31&quot; width=&quot;21.25&quot; height=&quot;6.75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-29&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4.5px;&amp;quot;&amp;gt;Open&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-150&quot; y=&quot;1253&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-30&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.heart&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-130.5&quot; y=&quot;1220&quot; width=&quot;9.87&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-31&quot; value=&quot;Filters&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-246.37&quot; y=&quot;1323.5&quot; width=&quot;126.25&quot; height=&quot;33&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-32&quot; value=&quot;Categories&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-246.37&quot; y=&quot;1368&quot; width=&quot;126.25&quot; height=&quot;33&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-33&quot; value=&quot;Products&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-246.25&quot; y=&quot;1412&quot; width=&quot;126.25&quot; height=&quot;78&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-34&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-63.25&quot; y=&quot;1213&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-35&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Product Page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-45&quot; y=&quot;1180&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-36&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.481;entryDx=0;entryDy=0;entryPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-33&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-34&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-37&quot; value=&quot;&amp;lt;font&amp;gt;2&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=23;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-105.5&quot; y=&quot;1265&quot; width=&quot;32.5&quot; height=&quot;32.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-38&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.003;entryY=0.481;entryDx=0;entryDy=0;entryPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-37&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-34&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;-89&quot; y=&quot;1320&quot; /&gt;&#10;              &lt;mxPoint x=&quot;-90&quot; y=&quot;1320&quot; /&gt;&#10;              &lt;mxPoint x=&quot;-90&quot; y=&quot;1357&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-39&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Product page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-45&quot; y=&quot;1215&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-40&quot; value=&quot;&quot; style=&quot;group&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-52.999999999999886&quot; y=&quot;1225&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-41&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-40&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-42&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-40&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-43&quot; value=&quot;Product Image or Video&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-55.25&quot; y=&quot;1244.06&quot; width=&quot;125.25&quot; height=&quot;105.94&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-48&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#3333FF;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-11&quot; y=&quot;1338&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-49&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;3&quot; y=&quot;1338&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-50&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;17&quot; y=&quot;1338&quot; width=&quot;4&quot; height=&quot;4&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-51&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Title&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Summary&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Discount&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Dynamic flags&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;In Stock or not&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Price&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Quantity&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Rates and customer reviews&amp;lt;/font&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Select color, Size,...etc.&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=7;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-52.62000000000001&quot; y=&quot;1351.5&quot; width=&quot;120&quot; height=&quot;110&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-52&quot; value=&quot;Add to cart&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-44.5&quot; y=&quot;1473.12&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-53&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; edge=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-54&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-55&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-54&quot; value=&quot;&amp;lt;font&amp;gt;3&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=23;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-363.19&quot; y=&quot;1745.75&quot; width=&quot;32.5&quot; height=&quot;32.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-55&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-255.75&quot; y=&quot;1612&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-56&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Checkout Page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-239.19&quot; y=&quot;1579&quot; width=&quot;110&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-59&quot; value=&quot;&quot; style=&quot;group&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-247.93999999999988&quot; y=&quot;1619&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-60&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-59&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-61&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-59&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-72&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Checkout&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-239.19&quot; y=&quot;1609&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-73&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Delivery address&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-242.62&quot; y=&quot;1644&quot; width=&quot;115.75&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-74&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Delivery method&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-256&quot; y=&quot;1693&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-75&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Standard (with description)&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-242.62&quot; y=&quot;1716.75&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-76&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Schduled (with description)&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-243&quot; y=&quot;1743&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-77&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Express (with description)&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-242.5&quot; y=&quot;1769.25&quot; width=&quot;120&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-78&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 102, 0); font-size: 8px;&amp;quot;&amp;gt;2.99 $&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-162.81&quot; y=&quot;1711.75&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-79&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 102, 0); font-size: 8px;&amp;quot;&amp;gt;3.99 $&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-162.81&quot; y=&quot;1738&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-80&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 102, 0); font-size: 8px;&amp;quot;&amp;gt;6.99 $&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-162.81&quot; y=&quot;1764.25&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-81&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Delivery instructions&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-239&quot; y=&quot;1796.25&quot; width=&quot;111&quot; height=&quot;26.75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-82&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 8px; line-height: 3.2px;&amp;quot;&amp;gt;Bill calculation&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-size: 8px; line-height: 3.2px;&amp;quot;&amp;gt;subtotal-tax-delivery-discount-net total&amp;lt;/span&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;verticalAlign=bottom;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-238.31&quot; y=&quot;1830&quot; width=&quot;111&quot; height=&quot;40.75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-83&quot; value=&quot;Place Order&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-235.56&quot; y=&quot;1882&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-84&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Edit&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=center;strokeColor=#FFFFFF;strokeWidth=0.5;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-161.75&quot; y=&quot;1650&quot; width=&quot;28.75&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-85&quot; value=&quot;&amp;lt;div&amp;gt;&amp;lt;span style=&amp;quot;font-size: 6px; line-height: 100%;&amp;quot;&amp;gt;&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp; When no delivery address is saved, display a prompt asking the user to add an address. Upon pressing it, open &amp;quot;new address&amp;quot; page.&amp;lt;/span&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;shape=card;whiteSpace=wrap;html=1;fillColor=#e3c800;strokeColor=#B09500;fontColor=#000000;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-490&quot; y=&quot;1635.75&quot; width=&quot;90&quot; height=&quot;90&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-86&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=-0.006;entryY=0.23;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#FFD966;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-85&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-55&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-88&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#FFD966;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-87&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-85&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-87&quot; value=&quot;&amp;lt;span style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;When pressing &amp;quot;Place Order&amp;quot; while in guest mode, prompt the user to log in and redirect them to the sign-up page.&amp;lt;/span&amp;gt;&quot; style=&quot;shape=card;whiteSpace=wrap;html=1;fillColor=#e3c800;strokeColor=#B09500;fontColor=#000000;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-630&quot; y=&quot;1635.75&quot; width=&quot;90&quot; height=&quot;90&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-89&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;24.740000000000006&quot; y=&quot;1612&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-90&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Order tracking widget in home page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-8.629999999999999&quot; y=&quot;1578&quot; width=&quot;210&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-91&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;223.11&quot; y=&quot;1612&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-92&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Order tracking page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;229.36&quot; y=&quot;1578&quot; width=&quot;130&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-93&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;27.37&quot; y=&quot;1660&quot; width=&quot;133.63&quot; height=&quot;150&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-94&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Map with driver tracking&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;arcSize=0;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;27.37&quot; y=&quot;1660&quot; width=&quot;133.63&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-95&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Order number&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;21&quot; y=&quot;1733.44&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-96&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; line-height: 40%;&amp;quot;&amp;gt;Expected time&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;line-height: 40%;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 7px; line-height: 40%;&amp;quot;&amp;gt;of arrival&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;98&quot; y=&quot;1736.44&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-101&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;39.18&quot; y=&quot;1781.02&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;149.18&quot; y=&quot;1781.02&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-97&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;34.99999999999999&quot; y=&quot;1776.25&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-98&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;72&quot; y=&quot;1776.25&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-99&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;105.5&quot; y=&quot;1776.25&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-100&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;142.75&quot; y=&quot;1776.25&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-102&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;225.98&quot; y=&quot;1648.25&quot; width=&quot;133.63&quot; height=&quot;201.75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-103&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Map with driver tracking&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;arcSize=0;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;225.98&quot; y=&quot;1648.25&quot; width=&quot;133.63&quot; height=&quot;131.75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-104&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Order number&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;219.29&quot; y=&quot;1780&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-105&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px; line-height: 40%;&amp;quot;&amp;gt;Expected time&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;line-height: 40%;&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 7px; line-height: 40%;&amp;quot;&amp;gt;of arrival&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;296.29&quot; y=&quot;1783&quot; width=&quot;70&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-106&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;237.47&quot; y=&quot;1827.58&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;347.47&quot; y=&quot;1827.58&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-107&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;233.29&quot; y=&quot;1822.81&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-108&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;270.29&quot; y=&quot;1822.81&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-109&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;303.79&quot; y=&quot;1822.81&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-110&quot; value=&quot;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;strokeWidth=0.4;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;341.04&quot; y=&quot;1822.81&quot; width=&quot;10&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-111&quot; value=&quot;&quot; style=&quot;group&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;230.0000000000001&quot; y=&quot;1624&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-112&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-111&quot;&gt;&#10;          &lt;mxGeometry y=&quot;0.4444444444444444&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-113&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-111&quot;&gt;&#10;          &lt;mxGeometry x=&quot;8&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-114&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Tracking&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;243.75&quot; y=&quot;1614&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-115&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Bill details (net total)&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;237.79000000000002&quot; y=&quot;1877.75&quot; width=&quot;110&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-116&quot; value=&quot;&quot; style=&quot;image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/general/Help_and_Support.svg;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;41&quot; y=&quot;1817.25&quot; width=&quot;16.23&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-118&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Contact support&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;52.75&quot; y=&quot;1814.25&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-119&quot; value=&quot;&quot; style=&quot;image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/general/Help_and_Support.svg;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;250&quot; y=&quot;1860&quot; width=&quot;16.23&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-120&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Contact support&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;261.75&quot; y=&quot;1857&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-121&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4px;&amp;quot;&amp;gt;If discoount on all store is applied show it here&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-236.82&quot; y=&quot;1300.56&quot; width=&quot;110&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-125&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(255, 0, 0);&amp;quot;&amp;gt;Sign in as Store&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=8;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;277&quot; y=&quot;518&quot; width=&quot;80&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-126&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(255, 0, 0);&amp;quot;&amp;gt;Sign in as Store&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=9;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;153&quot; y=&quot;1092&quot; width=&quot;90&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-127&quot; value=&quot;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px; line-height: 50%;&amp;quot;&amp;gt;When clicked, go to Sign in as&amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;div&amp;gt;&amp;lt;span style=&amp;quot;color: rgb(237, 237, 237);&amp;quot;&amp;gt;&amp;lt;font style=&amp;quot;font-size: 9px; line-height: 50%;&amp;quot;&amp;gt;a store page&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;nbsp;&amp;lt;/font&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;fillColor=#6d8764;fontColor=#ffffff;strokeColor=#3A5431;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;328&quot; y=&quot;720&quot; width=&quot;100&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-128&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#6D8764;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-127&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-125&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;378&quot; y=&quot;629&quot; /&gt;&#10;              &lt;mxPoint x=&quot;340&quot; y=&quot;629&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-129&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.99;entryY=0.605;entryDx=0;entryDy=0;entryPerimeter=0;fontColor=default;strokeColor=#6D8764;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-127&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-126&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-131&quot; value=&quot;5&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=16;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;401.5&quot; y=&quot;740&quot; width=&quot;20&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-156&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-132&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-145&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-132&quot; value=&quot;&amp;lt;font&amp;gt;5&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;rotation=0;gradientColor=#223548;strokeColor=none;gradientDirection=east;fillColor=#5b738b;rounded=0;pointerEvents=0;fontFamily=Helvetica;fontSize=23;fontColor=#FFFFFF;spacingTop=4;spacingBottom=4;spacingLeft=4;spacingRight=4;points=[];fontStyle=1&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-452.25&quot; y=&quot;2180&quot; width=&quot;32.5&quot; height=&quot;32.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-162&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-145&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-161&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-145&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-353&quot; y=&quot;2046.25&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-146&quot; value=&quot;Image&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-346&quot; y=&quot;2061.25&quot; width=&quot;124&quot; height=&quot;75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-147&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Text&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-353&quot; y=&quot;2143.25&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-151&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Username&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-344&quot; y=&quot;2169.75&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-152&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(153, 153, 153); font-size: 10px;&amp;quot;&amp;gt;Username&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-342&quot; y=&quot;2196&quot; width=&quot;120&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-153&quot; value=&quot;Sign in&quot; style=&quot;rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#666666;align=center;strokeColor=#FFFFFF;fontColor=#ffffff;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-333.75&quot; y=&quot;2278.25&quot; width=&quot;105.5&quot; height=&quot;16.88&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-154&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;By continuing, you agree to out &amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;Terms&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;&amp;amp;nbsp;of Use&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt; and &amp;lt;b&amp;gt;&amp;lt;font style=&amp;quot;color: rgb(51, 51, 255);&amp;quot;&amp;gt;Privacy Policy&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;.&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-351&quot; y=&quot;2301.25&quot; width=&quot;140&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-158&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(0, 255, 0);&amp;quot;&amp;gt;Sign in as store&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-339&quot; y=&quot;2010&quot; width=&quot;110&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-159&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Passord&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-339&quot; y=&quot;2212.5&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-160&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(153, 153, 153); font-size: 10px;&amp;quot;&amp;gt;Password&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-342&quot; y=&quot;2242.5&quot; width=&quot;120&quot; height=&quot;16.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-238&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-161&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-207&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-161&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-153.63&quot; y=&quot;2046.25&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-163&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Orders page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-136&quot; y=&quot;2010&quot; width=&quot;90&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-168&quot; value=&quot;Status&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-155&quot; y=&quot;2046.25&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-169&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Off&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.6;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-86&quot; y=&quot;2052.75&quot; width=&quot;60&quot; height=&quot;15&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-170&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Active&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.6;arcSize=10;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-60&quot; y=&quot;2052.75&quot; width=&quot;33.75&quot; height=&quot;15&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-171&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(255, 255, 255); font-size: 8px;&amp;quot;&amp;gt;Pending&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-142.75&quot; y=&quot;2084&quot; width=&quot;122.75&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-172&quot; value=&quot;&quot; style=&quot;group;rotation=-90;&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-40&quot; y=&quot;2080&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-173&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;rotation=-90;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-172&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;3&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-174&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;rotation=-90;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-172&quot;&gt;&#10;          &lt;mxGeometry x=&quot;4&quot; y=&quot;-4&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-175&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; edge=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-172&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-49.5&quot; y=&quot;4&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;17&quot; y=&quot;4&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-176&quot; value=&quot;Order details&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-143.63&quot; y=&quot;2109.75&quot; width=&quot;123.63&quot; height=&quot;50.25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-178&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Reject&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-143.63&quot; y=&quot;2150&quot; width=&quot;123.63&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-179&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Accept&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-90&quot; y=&quot;2150&quot; width=&quot;70&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-188&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(255, 255, 255); font-size: 8px;&amp;quot;&amp;gt;Picking up&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-143.62&quot; y=&quot;2177.25&quot; width=&quot;122.75&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-189&quot; value=&quot;&quot; style=&quot;group;rotation=-90;&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-40.87&quot; y=&quot;2173.25&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-190&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;rotation=-90;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-189&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;3&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-191&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;rotation=-90;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-189&quot;&gt;&#10;          &lt;mxGeometry x=&quot;4&quot; y=&quot;-4&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-192&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; edge=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-189&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-49.5&quot; y=&quot;4&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;17&quot; y=&quot;4&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-193&quot; value=&quot;Order details&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-144.5&quot; y=&quot;2203&quot; width=&quot;123.63&quot; height=&quot;50.25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-194&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Reject&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-144.5&quot; y=&quot;2243.25&quot; width=&quot;123.63&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-195&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Accept&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-90.87&quot; y=&quot;2243.25&quot; width=&quot;70&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-196&quot; value=&quot;&amp;lt;font style=&amp;quot;color: rgb(255, 255, 255); font-size: 8px;&amp;quot;&amp;gt;Delivering&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-143.18&quot; y=&quot;2265.25&quot; width=&quot;122.75&quot; height=&quot;13&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-197&quot; value=&quot;&quot; style=&quot;group;rotation=-90;&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-40.43&quot; y=&quot;2261.25&quot; width=&quot;20&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-198&quot; value=&quot;&quot; style=&quot;rhombus;whiteSpace=wrap;html=1;rotation=-90;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-197&quot;&gt;&#10;          &lt;mxGeometry x=&quot;2&quot; y=&quot;3&quot; width=&quot;16&quot; height=&quot;8.888888888888888&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-199&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeColor=none;fillColor=default;arcSize=0;rotation=-90;&quot; vertex=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-197&quot;&gt;&#10;          &lt;mxGeometry x=&quot;4&quot; y=&quot;-4&quot; width=&quot;12&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-200&quot; value=&quot;&quot; style=&quot;endArrow=none;html=1;rounded=0;&quot; edge=&quot;1&quot; parent=&quot;yY_mFuhOE_7EV_XrkYbY-197&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;-49.5&quot; y=&quot;4&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;17&quot; y=&quot;4&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-204&quot; value=&quot;Order details&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-144.5&quot; y=&quot;2291&quot; width=&quot;123.63&quot; height=&quot;50.25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-205&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Reject&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;align=left;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-144.5&quot; y=&quot;2331.25&quot; width=&quot;123.63&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-206&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Accept&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-90.87&quot; y=&quot;2331.25&quot; width=&quot;70&quot; height=&quot;10&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-165&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Reports&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-106.93&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-164&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Orders&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-153.63&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-167&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-60.230000000000004&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-249&quot; style=&quot;edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;yY_mFuhOE_7EV_XrkYbY-207&quot; target=&quot;yY_mFuhOE_7EV_XrkYbY-248&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-207&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;46.69&quot; y=&quot;2046.25&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-235&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Reports&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;93.38999999999999&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-236&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Orders&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;46.69&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-237&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;140.08999999999997&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-239&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Reports page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;65.32&quot; y=&quot;2010&quot; width=&quot;100&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-240&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Time filter&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;58.5&quot; y=&quot;2060&quot; width=&quot;62&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-242&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;55.32&quot; y=&quot;2100&quot; width=&quot;120&quot; height=&quot;100&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-243&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;55.32&quot; y=&quot;2230&quot; width=&quot;120&quot; height=&quot;86.25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-244&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Report 1&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;55&quot; y=&quot;2076.25&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-245&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Report 2&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;55&quot; y=&quot;2191.25&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-246&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Export&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.3;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;150&quot; y=&quot;2080&quot; width=&quot;24.25&quot; height=&quot;16&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-247&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 5px;&amp;quot;&amp;gt;Export&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.3;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;149.75&quot; y=&quot;2205.25&quot; width=&quot;24.25&quot; height=&quot;16&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-248&quot; value=&quot;&quot; style=&quot;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;236.75&quot; y=&quot;2046.25&quot; width=&quot;140&quot; height=&quot;300&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-250&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Reports&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;283.45&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-251&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Orders&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=default;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;236.75&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-252&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Profile&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;fillColor=#000066;strokeColor=default;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;330.15&quot; y=&quot;2326.25&quot; width=&quot;46.6&quot; height=&quot;20&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-271&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 10px;&amp;quot;&amp;gt;Store cover photo&amp;lt;/font&amp;gt;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;237.56&quot; y=&quot;2046&quot; width=&quot;139&quot; height=&quot;45.25&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-272&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 8px;&amp;quot;&amp;gt;Description&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;242.61999999999995&quot; y=&quot;2098.25&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-276&quot; value=&quot;&amp;lt;font style=&amp;quot;line-height: 100%; font-size: 4px;&amp;quot;&amp;gt;StoreLogo&amp;lt;/font&amp;gt;&quot; style=&quot;ellipse;whiteSpace=wrap;html=1;aspect=fixed;spacing=2;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;240.61999999999995&quot; y=&quot;2061.25&quot; width=&quot;24.06&quot; height=&quot;24.06&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-277&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 9px;&amp;quot;&amp;gt;Title&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;239.61999999999995&quot; y=&quot;2085.31&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-278&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 7px;&amp;quot;&amp;gt;Store rate&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;314.61999999999995&quot; y=&quot;2085.31&quot; width=&quot;50&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-279&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 6px;&amp;quot;&amp;gt;Open until xx:xx PM&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;299.74999999999994&quot; y=&quot;2098.25&quot; width=&quot;80&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-280&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;345.11999999999995&quot; y=&quot;2078.56&quot; width=&quot;21.25&quot; height=&quot;6.75&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-281&quot; value=&quot;&amp;lt;font style=&amp;quot;font-size: 4.5px;&amp;quot;&amp;gt;Open&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;339.61999999999995&quot; y=&quot;2064.25&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-284&quot; value=&quot;Categories&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;243.24999999999994&quot; y=&quot;2179.25&quot; width=&quot;126.25&quot; height=&quot;33&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-285&quot; value=&quot;Products&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;243.36999999999995&quot; y=&quot;2223.25&quot; width=&quot;126.25&quot; height=&quot;78&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-289&quot; value=&quot;Customer reviews&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;243.92999999999995&quot; y=&quot;2136.75&quot; width=&quot;126.25&quot; height=&quot;33&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;yY_mFuhOE_7EV_XrkYbY-290&quot; value=&quot;&amp;lt;font color=&amp;quot;#00ff00&amp;quot;&amp;gt;Store profile page&amp;lt;/font&amp;gt;&quot; style=&quot;text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;244.25&quot; y=&quot;2010&quot; width=&quot;120&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;">
<defs>
<linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0">
<stop offset="0%" stop-color="#5b738b" stop-opacity="1" style="stop-color: light-dark(rgb(91, 115, 139), rgb(91, 115, 139)); stop-opacity: 1;"/>
<stop offset="100%" stop-color="#223548" stop-opacity="1" style="stop-color: light-dark(rgb(34, 53, 72), rgb(34, 53, 72)); stop-opacity: 1;"/>
</linearGradient>
</defs>
<rect fill="#ffffff" width="100%" height="100%" x="0" y="0" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
<g>
<g data-cell-id="0">
<g data-cell-id="1">
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-180">
<g>
<path d="M 420 1144 L 463.63 1144" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 468.88 1144 L 461.88 1147.5 L 463.63 1144 L 461.88 1140.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-3">
<g>
<rect x="280" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1144px; margin-left: 281px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Splash Sceen</div>
</div>
</div>
</foreignObject>
<text x="350" y="1148" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Splash Sceen</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-7">
<g>
<path d="M 215 1144 L 273.63 1144" fill="none" stroke="#ffd966" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 217, 102), rgb(255, 217, 102));"/>
<path d="M 278.88 1144 L 271.88 1147.5 L 273.63 1144 L 271.88 1140.5 Z" fill="#ffd966" stroke="#ffd966" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 217, 102), rgb(255, 217, 102)); stroke: light-dark(rgb(255, 217, 102), rgb(255, 217, 102));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-6">
<g>
<path d="M 155 1099 L 215 1099 L 215 1189 L 125 1189 L 125 1129 Z" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(227, 200, 0), rgb(227, 200, 0)); stroke: light-dark(rgb(176, 149, 0), rgb(176, 149, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1144px; margin-left: 126px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #000000); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px;">Setting API:<br />1. Service availablility by city</font>
<div>
<font style="font-size: 6px;">2. Force and soft update</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="170" y="1148" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Setting API:...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-173">
<g>
<path d="M 1101 1294 L 1101 1655.5 L 1242.63 1655.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1247.88 1655.5 L 1240.88 1659 L 1242.63 1655.5 L 1240.88 1652 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-265">
<g>
<path d="M 1101 1294 L 1101 2433 L 1243.63 2433" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1248.88 2433 L 1241.88 2436.5 L 1243.63 2433 L 1241.88 2429.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-8">
<g>
<rect x="1031" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-10">
<g>
<rect x="1026" y="954" width="150" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 969px; margin-left: 1101px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0)); font-size: 11px;">Guest mode \ Home page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1101" y="973" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest mode \ Home page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-16">
<g>
<rect x="1031" y="1274" width="35" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1284px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Home</font>
</div>
</div>
</div>
</foreignObject>
<text x="1049" y="1288" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Home</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-17">
<g>
<rect x="1066" y="1273.44" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1283px; margin-left: 1067px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore</font>
</div>
</div>
</div>
</foreignObject>
<text x="1084" y="1287" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-18">
<g>
<rect x="1101" y="1274" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1284px; margin-left: 1102px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Favorites </font>
</div>
</div>
</div>
</foreignObject>
<text x="1119" y="1288" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favori...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-19">
<g>
<rect x="1136" y="1274" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1284px; margin-left: 1137px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="1154" y="1288" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-194">
<g>
<path d="M 1031 1004 L 1020 1004 L 1020 930 L 1085 930 L 1085 871.87" fill="none" stroke="#ffff33" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
<path d="M 1085 866.62 L 1088.5 873.62 L 1085 871.87 L 1081.5 873.62 Z" fill="#ffff33" stroke="#ffff33" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 51), rgb(255, 255, 51)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-21">
<g>
<rect x="1031" y="994" width="50" height="20" fill="#ffffff" stroke="#ffff33" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1004px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Notification</font>
</div>
</div>
</div>
</foreignObject>
<text x="1056" y="1008" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notifica...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-320">
<g>
<path d="M 1031 1024 L 1010 1024 L 1010 880.75 L 526.37 880.75" fill="none" stroke="#ff3333" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
<path d="M 521.12 880.75 L 528.12 877.25 L 526.37 880.75 L 528.12 884.25 Z" fill="#ff3333" stroke="#ff3333" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 51, 51), rgb(255, 51, 51)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-22">
<g>
<rect x="1031" y="1014" width="50" height="20" fill="#ffffff" stroke="#ff3333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1024px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">My Cart</font>
</div>
</div>
</div>
</foreignObject>
<text x="1056" y="1028" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My Cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-389">
<g>
<path d="M 1171 1004 L 1201 1004 L 1201 740 L 1224.63 740" fill="none" stroke="#3333ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
<path d="M 1229.88 740 L 1222.88 743.5 L 1224.63 740 L 1222.88 736.5 Z" fill="#3333ff" stroke="#3333ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-23">
<g>
<rect x="1081" y="994" width="90" height="20" fill="#ffffff" stroke="#3333ff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1004px; margin-left: 1082px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Address</span>
</div>
</div>
</div>
</foreignObject>
<text x="1126" y="1008" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-416">
<g>
<path d="M 1171 1024 L 1305 1024 L 1305 1143.5 L 1432.63 1143.44" fill="none" stroke="#00ff00" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));"/>
<path d="M 1437.88 1143.44 L 1430.88 1146.94 L 1432.63 1143.44 L 1430.88 1139.94 Z" fill="#00ff00" stroke="#00ff00" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 255, 0), rgb(0, 255, 0)); stroke: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-24">
<g>
<rect x="1081" y="1014" width="90" height="20" fill="#ffffff" stroke="#00ff00" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1024px; margin-left: 1082px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Choose vehicle</span>
</div>
</div>
</div>
</foreignObject>
<text x="1126" y="1028" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Choose vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-25">
<g>
<rect x="1031" y="1064" width="140" height="60" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1094px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Banners</div>
</div>
</div>
</foreignObject>
<text x="1101" y="1098" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Banners</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-2">
<g>
<path d="M 1171 1049 L 1420 1049 L 1420 1653 L 1439.63 1653" fill="none" stroke="#67ab9f" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
<path d="M 1444.88 1653 L 1437.88 1656.5 L 1439.63 1653 L 1437.88 1649.5 Z" fill="#67ab9f" stroke="#67ab9f" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(103, 171, 159), rgb(103, 171, 159)); stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-26">
<g>
<rect x="1031" y="1034" width="140" height="30" fill="#ffffff" stroke="#67ab9f" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1049px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1101" y="1053" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-27">
<g>
<rect x="1031" y="1124" width="140" height="30" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1139px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Top Brands</div>
</div>
</div>
</foreignObject>
<text x="1101" y="1143" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Top Brands</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-28">
<g>
<rect x="1031" y="1154" width="140" height="50" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1179px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="1101" y="1183" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-29">
<g>
<rect x="1031" y="1204" width="140" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1224px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Manual sections</div>
</div>
</div>
</foreignObject>
<text x="1101" y="1228" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Manual sections</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-30">
<g>
<rect x="1031" y="1244" width="140" height="30" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1259px; margin-left: 1032px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="1101" y="1263" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-31">
<g>
<rect x="1465" y="377" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-33">
<g>
<rect x="300" y="952" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 967px; margin-left: 350px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Splash screen</font>
</div>
</div>
</div>
</foreignObject>
<text x="350" y="971" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Splash screen</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-34">
<g>
<rect x="1480" y="382" width="110" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 392px; margin-left: 1535px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Select delivery address</div>
</div>
</div>
</foreignObject>
<text x="1535" y="394" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Select delivery address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-37">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-35">
<g>
<path d="M 1483 387.44 L 1491 391.89 L 1483 396.33 L 1475 391.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-36">
<g>
<rect x="1483" y="387" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-49">
<g>
<path d="M 1595 417 L 1625 417 L 1625 197 L 1648.63 197" fill="none" stroke="#67ab9f" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
<path d="M 1653.88 197 L 1646.88 200.5 L 1648.63 197 L 1646.88 193.5 Z" fill="#67ab9f" stroke="#67ab9f" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(103, 171, 159), rgb(103, 171, 159)); stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-38">
<g>
<rect x="1475" y="407" width="120" height="20" fill="#ffffff" stroke="#67ab9f" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 417px; margin-left: 1476px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">search for the location</font>
</div>
</div>
</div>
</foreignObject>
<text x="1535" y="421" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">search for the locat...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-39">
<g>
<rect x="1465" y="436" width="140" height="180" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 526px; margin-left: 1466px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Map with pointer</div>
</div>
</div>
</foreignObject>
<text x="1535" y="530" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Map with pointer</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-40">
<g>
<ellipse cx="1485" cy="597" rx="10" ry="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-41">
<g>
<ellipse cx="1485" cy="597" rx="3.75" ry="3.75" fill="none" stroke="#737373" stroke-width="2" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1485 592 L 1485 593.25" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1480 597 L 1481.25 597" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1485 600.75 L 1485 602" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1488.75 597 L 1490 597" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<rect x="1480" y="592" width="0" height="0" fill="none" stroke="#737373" stroke-width="2" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<ellipse cx="1485" cy="597" rx="2.5" ry="2.5" fill="#737373" stroke="none" pointer-events="all" style="fill: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-42">
<g>
<rect x="1465" y="617" width="140" height="60" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-43">
<g>
<rect x="1465" y="617" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 627px; margin-left: 1510px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Pointer location title</div>
</div>
</div>
</foreignObject>
<text x="1510" y="629" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Pointer location title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-44">
<g>
<rect x="1462" y="633" width="110" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 643px; margin-left: 1517px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Pointer location description</font>
</div>
</div>
</div>
</foreignObject>
<text x="1517" y="645" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Pointer location description</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-46">
<g>
<rect x="1482.25" y="653" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#3333ff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 661px; margin-left: 1483px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Confirm location</div>
</div>
</div>
</foreignObject>
<text x="1535" y="664" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Confirm location</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-47">
<g>
<rect x="1655" y="47" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-51">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-52">
<g>
<path d="M 1673 57.44 L 1681 61.89 L 1673 66.33 L 1665 61.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-53">
<g>
<rect x="1673" y="57" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-55">
<g>
<rect x="1665" y="77" width="120" height="20" fill="#ffffff" stroke="#ffff33" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 87px; margin-left: 1666px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">search for the location</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="91" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">search for the locat...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-58">
<g>
<path d="M 1665 117 L 1465 117 L 1465 370.63" fill="none" stroke="#ea6b66" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(234, 107, 102), rgb(234, 107, 102));"/>
<path d="M 1465 375.88 L 1461.5 368.88 L 1465 370.63 L 1468.5 368.88 Z" fill="#ea6b66" stroke="#ea6b66" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(234, 107, 102), rgb(234, 107, 102)); stroke: light-dark(rgb(234, 107, 102), rgb(234, 107, 102));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-59">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 221px; margin-left: 1467px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<font style="font-size: 9px;">Back to location page and<br /> set pointer to current location</font>
</div>
</div>
</div>
</foreignObject>
<text x="1467" y="224" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Back to location page and...</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-56">
<g>
<rect x="1665" y="107" width="120" height="20" fill="#ffffff" stroke="#ea6b66" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(234, 107, 102), rgb(234, 107, 102));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 117px; margin-left: 1666px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Use current location</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="121" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Use current location</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-57">
<g>
<ellipse cx="1675" cy="117" rx="3.75" ry="3.75" fill="none" stroke="#737373" stroke-width="2" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1675 112 L 1675 113.25" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1670 117 L 1671.25 117" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1675 120.75 L 1675 122" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 1678.75 117 L 1680 117" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<rect x="1670" y="112" width="0" height="0" fill="none" stroke="#737373" stroke-width="2" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<ellipse cx="1675" cy="117" rx="2.5" ry="2.5" fill="#737373" stroke="none" pointer-events="all" style="fill: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-61">
<g>
<rect x="1965" y="47" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-62">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-63">
<g>
<path d="M 1983 57.44 L 1991 61.89 L 1983 66.33 L 1975 61.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-64">
<g>
<rect x="1983" y="57" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-65">
<g>
<rect x="1975" y="77" width="120" height="20" fill="#ffffff" stroke="#ffffff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 87px; margin-left: 1977px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">Baramika</font>
</div>
</div>
</div>
</foreignObject>
<text x="1977" y="91" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Baramika</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-108">
<g>
<path d="M 1975 124.5 L 1945 124.5 L 1945 7 L 1535 7 L 1535 370.63" fill="none" stroke="#ff3333" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
<path d="M 1535 375.88 L 1531.5 368.88 L 1535 370.63 L 1538.5 368.88 Z" fill="#ff3333" stroke="#ff3333" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 51, 51), rgb(255, 51, 51)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-109">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 183px; margin-left: 1536px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<span style="font-size: 9px;">Back to location page and</span>
<br style="font-size: 9px;" />
<span style="font-size: 9px;"> set pointer to selected location</span>
</div>
</div>
</div>
</foreignObject>
<text x="1536" y="187" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Back to location page and...</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-66">
<g>
<rect x="1975" y="112" width="120" height="25" rx="3.75" ry="3.75" fill="#ffffff" stroke="#ff3333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-69">
<g>
<rect x="1965" y="102" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 117px; margin-left: 2000px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Location title</font>
</div>
</div>
</div>
</foreignObject>
<text x="2000" y="121" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Location ti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-70">
<g>
<rect x="1968" y="112" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 127px; margin-left: 2013px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">Location description</font>
</div>
</div>
</div>
</foreignObject>
<text x="2013" y="131" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Location descri...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-75">
<g>
<rect x="1975" y="147" width="120" height="25" rx="3.75" ry="3.75" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-76">
<g>
<rect x="1965" y="137" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 152px; margin-left: 2000px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Location title</font>
</div>
</div>
</div>
</foreignObject>
<text x="2000" y="156" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Location ti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-77">
<g>
<rect x="1968" y="147" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 162px; margin-left: 2013px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">Location description</font>
</div>
</div>
</div>
</foreignObject>
<text x="2013" y="166" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Location descri...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-78">
<g>
<rect x="1975" y="182" width="120" height="25" rx="3.75" ry="3.75" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-79">
<g>
<rect x="1965" y="172" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 187px; margin-left: 2000px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Location title</font>
</div>
</div>
</div>
</foreignObject>
<text x="2000" y="191" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Location ti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-80">
<g>
<rect x="1968" y="182" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 197px; margin-left: 2013px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">Location description</font>
</div>
</div>
</div>
</foreignObject>
<text x="2013" y="201" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Location descri...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-103">
<g>
<path d="M 1882.36 177.75 L 1882.5 377 L 2135 377 L 2135 197 L 2158.63 197" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 2163.88 197 L 2156.88 200.5 L 2158.63 197 L 2156.88 193.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-104">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 191px; margin-left: 1884px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<font style="font-size: 9px;">No</font>
</div>
</div>
</div>
</foreignObject>
<text x="1884" y="195" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">No</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-84">
<g>
<path d="M 1885 119.5 L 1915 148.25 L 1885 177 L 1855 148.25 Z" fill="#ffffff" stroke="#ffff33" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 148px; margin-left: 1856px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 5px;">Search result true?</font>
</div>
</div>
</div>
</foreignObject>
<text x="1885" y="152" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search res...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-85">
<g>
<path d="M 1785 87 L 1885 87 L 1885.1 115.89" fill="none" stroke="#ffff33" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
<path d="M 1885.12 121.14 L 1881.59 114.15 L 1885.1 115.89 L 1888.59 114.13 Z" fill="#ffff33" stroke="#ffff33" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 51), rgb(255, 255, 51)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-86">
<g>
<path d="M 1915 148.25 L 1940 148.25 L 1940 211 L 1960.59 211.08" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1965.84 211.1 L 1958.83 214.57 L 1960.59 211.08 L 1958.86 207.57 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-87">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 151px; margin-left: 1931px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<font style="font-size: 9px;">Yes</font>
</div>
</div>
</div>
</foreignObject>
<text x="1931" y="154" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Yes</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-89">
<g>
<rect x="2165" y="47" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-90">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-91">
<g>
<path d="M 2183 57.44 L 2191 61.89 L 2183 66.33 L 2175 61.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-92">
<g>
<rect x="2183" y="57" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-93">
<g>
<rect x="2175" y="77" width="120" height="20" fill="#ffffff" stroke="#ffffff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 87px; margin-left: 2177px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">Baramika</font>
</div>
</div>
</div>
</foreignObject>
<text x="2177" y="91" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Baramika</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-105">
<g>
<path d="M 2195 157 L 2275 157 L 2295 197 L 2275 237 L 2195 237 L 2175 197 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 197px; margin-left: 2176px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Error view:<br />no result found</div>
</div>
</div>
</foreignObject>
<text x="2235" y="201" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Error view:...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-106">
<g>
<rect x="2175" y="112" width="120" height="20" fill="#ffffff" stroke="#ea6b66" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(234, 107, 102), rgb(234, 107, 102));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 122px; margin-left: 2176px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Use current location</font>
</div>
</div>
</div>
</foreignObject>
<text x="2235" y="126" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Use current location</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-107">
<g>
<ellipse cx="2185" cy="122" rx="3.75" ry="3.75" fill="none" stroke="#737373" stroke-width="2" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 2185 117 L 2185 118.25" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 2180 122 L 2181.25 122" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 2185 125.75 L 2185 127" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<path d="M 2188.75 122 L 2190 122" fill="none" stroke="#737373" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<rect x="2180" y="117" width="0" height="0" fill="none" stroke="#737373" stroke-width="2" pointer-events="all" style="stroke: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
<ellipse cx="2185" cy="122" rx="2.5" ry="2.5" fill="#737373" stroke="none" pointer-events="all" style="fill: light-dark(rgb(115, 115, 115), rgb(115, 115, 115));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-110">
<g>
<rect x="1655" y="417" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-111">
<g>
<rect x="1677.5" y="427" width="100" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 437px; margin-left: 1728px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">New address details</div>
</div>
</div>
</foreignObject>
<text x="1728" y="439" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">New address details</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-112">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-113">
<g>
<path d="M 1675.5 432.44 L 1683.5 436.89 L 1675.5 441.33 L 1667.5 436.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-114">
<g>
<rect x="1675.5" y="432" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-115">
<g>
<rect x="1485" y="327" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 342px; margin-left: 1535px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">New address </font>
</div>
</div>
</div>
</foreignObject>
<text x="1535" y="346" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">New address </text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-116">
<g>
<rect x="1665" y="7" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 22px; margin-left: 1725px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Address search 1</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="26" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address search 1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-117">
<g>
<rect x="1975" y="7" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 22px; margin-left: 2035px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Address search 2</font>
</div>
</div>
</div>
</foreignObject>
<text x="2035" y="26" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address search 2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-118">
<g>
<rect x="2175" y="7" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 22px; margin-left: 2235px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Address search err</font>
</div>
</div>
</div>
</foreignObject>
<text x="2235" y="26" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address search err</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-119">
<g>
<rect x="1660" y="377" width="130" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 392px; margin-left: 1725px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">New address details</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="396" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">New address details</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-120">
<g>
<rect x="1655" y="457" width="140" height="60" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 487px; margin-left: 1656px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 11px;">Map with preselected pointer</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="491" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Map with preselected po...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-121">
<g>
<rect x="1666" y="517" width="120" height="30" rx="4.5" ry="4.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-122">
<g>
<rect x="1665" y="516" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 526px; margin-left: 1705px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Pointer location title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1705" y="528" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Pointer location ti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-123">
<g>
<rect x="1662" y="527" width="100" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 537px; margin-left: 1712px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px;">Pointer location description</font>
</div>
</div>
</div>
</foreignObject>
<text x="1712" y="539" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Pointer location descrip...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-124">
<g>
<rect x="1753.5" y="525" width="27.5" height="15" rx="2.25" ry="2.25" fill="#ffffff" stroke="#ff33ff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 51, 255), rgb(255, 51, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 26px; height: 1px; padding-top: 533px; margin-left: 1755px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Edit</font>
</div>
</div>
</div>
</foreignObject>
<text x="1767" y="536" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Edit</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-125">
<g>
<path d="M 1535 669.88 L 1535 697 L 1621 697 L 1621 556.25 L 1649.75 556.21" fill="none" stroke="#3333ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
<path d="M 1655 556.2 L 1648.01 559.71 L 1649.75 556.21 L 1648 552.71 Z" fill="#3333ff" stroke="#3333ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-127">
<g>
<rect x="1663" y="572" width="124" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 122px; height: 1px; padding-top: 582px; margin-left: 1665px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179)); font-size: 8px;">Text field</font>
</div>
</div>
</div>
</foreignObject>
<text x="1665" y="586" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Text field</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-128">
<g>
<rect x="1663" y="613" width="124" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 122px; height: 1px; padding-top: 623px; margin-left: 1665px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Auto inserted from location</font>
</div>
</div>
</div>
</foreignObject>
<text x="1665" y="627" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Auto inserted from l...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-129">
<g>
<rect x="1663" y="653" width="124" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 122px; height: 1px; padding-top: 663px; margin-left: 1665px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">
<font style="color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">Text field</font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="1665" y="667" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Text field</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-413">
<g>
<path d="M 1726 705 L 1726 924 L 1171 924 L 1171 987.63" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 0, 0), rgb(255, 0, 0));"/>
<path d="M 1171 992.88 L 1167.5 985.88 L 1171 987.63 L 1174.5 985.88 Z" fill="#ff0000" stroke="#ff0000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 0, 0), rgb(255, 0, 0)); stroke: light-dark(rgb(255, 0, 0), rgb(255, 0, 0));"/>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-414">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 925px; margin-left: 1526px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Add location and set it as default</div>
</div>
</div>
</foreignObject>
<text x="1526" y="929" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Add location and set it as default</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-130">
<g>
<rect x="1673.25" y="688.12" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ff0000" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 0, 0), rgb(255, 0, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 697px; margin-left: 1674px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Confirm delivery location</font>
</div>
</div>
</div>
</foreignObject>
<text x="1726" y="700" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Confirm delivery loca...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-131">
<g>
<rect x="1654" y="547" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 562px; margin-left: 1689px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Address title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1689" y="566" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address tit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-132">
<g>
<rect x="1654" y="587" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 602px; margin-left: 1674px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Area</font>
</div>
</div>
</div>
</foreignObject>
<text x="1674" y="606" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Area</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-133">
<g>
<rect x="1653" y="628" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 643px; margin-left: 1678px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Details</font>
</div>
</div>
</div>
</foreignObject>
<text x="1678" y="647" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Details</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-134">
<g>
<path d="M 1781 532.5 L 1825 532.5 L 1825 377 L 1611.37 377" fill="none" stroke="#ff33ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 51, 255), rgb(255, 51, 255));"/>
<path d="M 1606.12 377 L 1613.12 373.5 L 1611.37 377 L 1613.12 380.5 Z" fill="#ff33ff" stroke="#ff33ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 51, 255), rgb(255, 51, 255)); stroke: light-dark(rgb(255, 51, 255), rgb(255, 51, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-181">
<g>
<path d="M 610 1144 L 653.63 1144" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 658.88 1144 L 651.88 1147.5 L 653.63 1144 L 651.88 1140.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-138">
<g>
<rect x="470" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-139">
<g>
<rect x="490" y="952" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 967px; margin-left: 540px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Intro screen 1</font>
</div>
</div>
</div>
</foreignObject>
<text x="540" y="971" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Intro screen 1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-141">
<g>
<rect x="480" y="1010.5" width="40" height="23.5" rx="3.52" ry="3.52" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 1022px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Skip</div>
</div>
</div>
</foreignObject>
<text x="500" y="1026" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Skip</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-143">
<g>
<rect x="470" y="1051" width="140" height="120" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1111px; margin-left: 471px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Image</div>
</div>
</div>
</foreignObject>
<text x="540" y="1115" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-144">
<g>
<rect x="475" y="1184" width="130" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 1204px; margin-left: 476px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Text</div>
</div>
</div>
</foreignObject>
<text x="540" y="1208" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-145">
<g>
<ellipse cx="526" cy="1242" rx="2" ry="2" fill="#3333ff" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-146">
<g>
<ellipse cx="540" cy="1242" rx="2" ry="2" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-147">
<g>
<ellipse cx="554" cy="1242" rx="2" ry="2" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-148">
<g>
<rect x="487.25" y="1264" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1272px; margin-left: 488px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Next</div>
</div>
</div>
</foreignObject>
<text x="540" y="1275" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Next</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-182">
<g>
<path d="M 800 1144 L 833.63 1144" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 838.88 1144 L 831.88 1147.5 L 833.63 1144 L 831.88 1140.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-157">
<g>
<rect x="660" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-158">
<g>
<rect x="692" y="1007.87" width="40" height="23.5" rx="3.52" ry="3.52" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 1020px; margin-left: 693px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Skip</div>
</div>
</div>
</foreignObject>
<text x="712" y="1023" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Skip</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-159">
<g>
<rect x="660" y="1051" width="140" height="120" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1111px; margin-left: 661px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Image</div>
</div>
</div>
</foreignObject>
<text x="730" y="1115" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-160">
<g>
<rect x="665" y="1184" width="130" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 1204px; margin-left: 666px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Text</div>
</div>
</div>
</foreignObject>
<text x="730" y="1208" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-161">
<g>
<ellipse cx="716" cy="1242" rx="2" ry="2" fill="#000000" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(0, 0, 0)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-162">
<g>
<ellipse cx="730" cy="1242" rx="2" ry="2" fill="#3333ff" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-163">
<g>
<ellipse cx="744" cy="1242" rx="2" ry="2" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-164">
<g>
<rect x="677.25" y="1264" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1272px; margin-left: 678px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Next</div>
</div>
</div>
</foreignObject>
<text x="730" y="1275" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Next</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-165">
<g>
<rect x="840" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-167">
<g>
<rect x="840" y="1051" width="140" height="120" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1111px; margin-left: 841px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Image</div>
</div>
</div>
</foreignObject>
<text x="910" y="1115" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-168">
<g>
<rect x="845" y="1184" width="130" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 1204px; margin-left: 846px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Text</div>
</div>
</div>
</foreignObject>
<text x="910" y="1208" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-169">
<g>
<ellipse cx="896" cy="1242" rx="2" ry="2" fill="#000000" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(0, 0, 0)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-170">
<g>
<ellipse cx="910" cy="1242" rx="2" ry="2" fill="#000000" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(0, 0, 0)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-171">
<g>
<ellipse cx="924" cy="1242" rx="2" ry="2" fill="#3333ff" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-172">
<g>
<rect x="857.25" y="1264" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1272px; margin-left: 858px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Great!</div>
</div>
</div>
</foreignObject>
<text x="910" y="1275" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Great!</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-173">
<g>
<rect x="860" y="952" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 967px; margin-left: 910px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Intro screen 3</font>
</div>
</div>
</div>
</foreignObject>
<text x="910" y="971" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Intro screen 3</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-183">
<g>
<rect x="876.5" y="1010.49" width="95" height="18.25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1020px; margin-left: 878px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Text</div>
</div>
</div>
</foreignObject>
<text x="924" y="1023" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-184">
<g>
<path d="M 980 1144 L 1005.5 1144 L 1025.61 1143.69" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1030.86 1143.61 L 1023.92 1147.22 L 1025.61 1143.69 L 1023.81 1140.22 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-185">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-186">
<g>
<path d="M 678 1014.44 L 686 1018.89 L 678 1023.33 L 670 1018.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-187">
<g>
<rect x="678" y="1014" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-188">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-189">
<g>
<path d="M 858 1014.44 L 866 1018.89 L 858 1023.33 L 850 1018.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-190">
<g>
<rect x="858" y="1014" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-191">
<g>
<rect x="940" y="468" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-192">
<g>
<rect x="930" y="424" width="160" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 439px; margin-left: 1010px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Notification center - empty</font>
</div>
</div>
</div>
</foreignObject>
<text x="1010" y="443" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification center - empty</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-195">
<g>
<path d="M 1085 808 L 1085 784 L 1010 784 L 1010 774.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1010 769.12 L 1013.5 776.12 L 1010 774.37 L 1006.5 776.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-196">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 797px; margin-left: 1085px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<font style="font-size: 9px;">Yes</font>
</div>
</div>
</div>
</foreignObject>
<text x="1085" y="800" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Yes</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-62">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 784px; margin-left: 1045px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<font style="font-size: 8px;">Guest default</font>
</div>
</div>
</div>
</foreignObject>
<text x="1045" y="788" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Guest default</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-198">
<g>
<path d="M 1055 836.75 L 775 836.75 L 775 774.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 775 769.12 L 778.5 776.12 L 775 774.37 L 771.5 776.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-199">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 837px; margin-left: 1039px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
<font style="font-size: 9px;">No</font>
</div>
</div>
</div>
</foreignObject>
<text x="1039" y="840" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">No</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-193">
<g>
<path d="M 1085 808 L 1115 836.75 L 1085 865.5 L 1055 836.75 Z" fill="#ffffff" stroke="#ffff33" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 837px; margin-left: 1056px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 5px;">ntf center empty?</font>
</div>
</div>
</div>
</foreignObject>
<text x="1085" y="840" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">ntf center...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-197">
<g>
<rect x="705" y="468" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-200">
<g>
<rect x="715" y="424" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 439px; margin-left: 775px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Notification center</font>
</div>
</div>
</div>
</foreignObject>
<text x="775" y="443" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification center</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-201">
<g>
<rect x="961.5" y="482" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 492px; margin-left: 1007px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Notification Center</div>
</div>
</div>
</foreignObject>
<text x="1007" y="494" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Notification Center</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-202">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-203">
<g>
<path d="M 960.5 487.44 L 968.5 491.89 L 960.5 496.33 L 952.5 491.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-204">
<g>
<rect x="960.5" y="487" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-216">
<g>
<rect x="726.5" y="482" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 492px; margin-left: 772px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Notification Center</div>
</div>
</div>
</foreignObject>
<text x="772" y="494" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Notification Center</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-217">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-218">
<g>
<path d="M 725.5 487.44 L 733.5 491.89 L 725.5 496.33 L 717.5 491.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-219">
<g>
<rect x="725.5" y="487" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-220">
<g>
<rect x="715" y="512" width="120" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-221">
<g>
<rect x="715" y="560" width="120" height="94" rx="14.1" ry="14.1" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-223">
<g>
<path d="M 972.5 552 L 1052.5 552 L 1072.5 592 L 1052.5 632 L 972.5 632 L 952.5 592 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 592px; margin-left: 954px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Error view:<br />no result found</div>
</div>
</div>
</foreignObject>
<text x="1013" y="596" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Error view:...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-224">
<g>
<rect x="714" y="507" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 522px; margin-left: 739px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="739" y="526" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-225">
<g>
<rect x="714" y="517" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 532px; margin-left: 759px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="759" y="536" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-226">
<g>
<rect x="790" y="521" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 536px; margin-left: 815px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">x hours ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="815" y="540" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x hours...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-261">
<g>
<path d="M 833 684 L 892 684 L 892 430.37" fill="none" stroke="#ff3333" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
<path d="M 892 425.12 L 895.5 432.12 L 892 430.37 L 888.5 432.12 Z" fill="#ff3333" stroke="#ff3333" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 51, 51), rgb(255, 51, 51)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-227">
<g>
<rect x="713" y="668" width="120" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#ff3333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-228">
<g>
<rect x="712" y="663" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 678px; margin-left: 737px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="737" y="682" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-229">
<g>
<rect x="712" y="673" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 688px; margin-left: 757px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="757" y="692" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-230">
<g>
<rect x="788" y="677" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 692px; margin-left: 813px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">x days ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="813" y="696" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x days a...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-235">
<g>
<rect x="713" y="560" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 575px; margin-left: 738px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="738" y="579" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-236">
<g>
<rect x="713" y="570" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 585px; margin-left: 758px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="758" y="589" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-237">
<g>
<rect x="789" y="574" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 589px; margin-left: 814px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(179, 179, 179), rgb(179, 179, 179));">x hours ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="814" y="593" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x hours...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-239">
<g>
<rect x="715" y="604" width="120" height="50" rx="7.5" ry="7.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 629px; margin-left: 716px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Notification image</div>
</div>
</div>
</foreignObject>
<text x="775" y="633" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-241">
<g>
<rect x="703" y="54" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-242">
<g>
<rect x="724.5" y="68" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 78px; margin-left: 770px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Notification Center</div>
</div>
</div>
</foreignObject>
<text x="770" y="80" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Notification Center</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-243">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-244">
<g>
<path d="M 723.5 73.44 L 731.5 77.89 L 723.5 82.33 L 715.5 77.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-245">
<g>
<rect x="723.5" y="73" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-246">
<g>
<rect x="713" y="98" width="120" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-247">
<g>
<rect x="713" y="146" width="120" height="94" rx="14.1" ry="14.1" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-248">
<g>
<rect x="712" y="93" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 108px; margin-left: 737px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="737" y="112" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-249">
<g>
<rect x="712" y="103" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 118px; margin-left: 757px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="757" y="122" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-250">
<g>
<rect x="788" y="107" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 122px; margin-left: 813px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">x hours ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="813" y="126" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x hours...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-251">
<g>
<rect x="711" y="254" width="120" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-252">
<g>
<rect x="710" y="249" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 264px; margin-left: 735px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="735" y="268" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-253">
<g>
<rect x="710" y="259" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 274px; margin-left: 755px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="755" y="278" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-254">
<g>
<rect x="786" y="263" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 278px; margin-left: 811px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">x days ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="811" y="282" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x days a...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-255">
<g>
<rect x="711" y="146" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 161px; margin-left: 736px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="736" y="165" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-256">
<g>
<rect x="711" y="156" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 171px; margin-left: 756px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="756" y="175" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-257">
<g>
<rect x="787" y="160" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 175px; margin-left: 812px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">x hours ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="812" y="179" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x hours...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-258">
<g>
<rect x="713" y="190" width="120" height="50" rx="7.5" ry="7.5" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 215px; margin-left: 714px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification image</font>
</div>
</div>
</div>
</foreignObject>
<text x="773" y="219" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-284">
<g>
<path d="M 922 395.25 L 1008.5 395.25 L 1008.08 360.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1008.01 355.12 L 1011.6 362.07 L 1008.08 360.37 L 1004.6 362.16 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-286">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 395px; margin-left: 951px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Store</div>
</div>
</div>
</foreignObject>
<text x="951" y="399" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Store</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-260">
<g>
<path d="M 892 366.5 L 922 395.25 L 892 424 L 862 395.25 Z" fill="#ffffff" stroke="#ff3333" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 395px; margin-left: 863px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 5px;">Store ntf or general ?</span>
</div>
</div>
</div>
</foreignObject>
<text x="892" y="399" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store ntf...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-263">
<g>
<rect x="690" y="12" width="170" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 27px; margin-left: 775px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Notification center - general</font>
</div>
</div>
</div>
</foreignObject>
<text x="775" y="31" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification center - general</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-282">
<g>
<rect x="925" y="12" width="170" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 27px; margin-left: 1010px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Notification center - general</font>
</div>
</div>
</div>
</foreignObject>
<text x="1010" y="31" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification center - general</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-283">
<g>
<path d="M 862 395.25 L 771 395.25 L 771.03 363.67" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 771.04 358.42 L 774.53 365.42 L 771.03 363.67 L 767.53 365.41 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-285">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 397px; margin-left: 832px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">General</div>
</div>
</div>
</foreignObject>
<text x="832" y="400" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">General</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-288">
<g>
<rect x="721" y="113" width="104" height="148" rx="15.6" ry="15.6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-289">
<g>
<rect x="721" y="111" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 126px; margin-left: 746px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="746" y="130" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-290">
<g>
<rect x="721" y="119" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 134px; margin-left: 766px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="766" y="138" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-291">
<g>
<rect x="721" y="163.5" width="104" height="98.5" rx="14.78" ry="14.78" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 102px; height: 1px; padding-top: 213px; margin-left: 722px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Notification image if exist</div>
</div>
</div>
</foreignObject>
<text x="773" y="216" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification imag...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-292">
<g>
<ellipse cx="818.5" cy="114.5" rx="7.5" ry="7.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 13px; height: 1px; padding-top: 115px; margin-left: 812px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 19px;">x</font>
</div>
</div>
</div>
</foreignObject>
<text x="819" y="118" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-293">
<g>
<rect x="940" y="54" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-294">
<g>
<rect x="961.5" y="68" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 78px; margin-left: 1007px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Notification Center</div>
</div>
</div>
</foreignObject>
<text x="1007" y="80" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Notification Center</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-295">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-296">
<g>
<path d="M 960.5 73.44 L 968.5 77.89 L 960.5 82.33 L 952.5 77.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-297">
<g>
<rect x="960.5" y="73" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-298">
<g>
<rect x="950" y="98" width="120" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-299">
<g>
<rect x="950" y="146" width="120" height="94" rx="14.1" ry="14.1" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-300">
<g>
<rect x="949" y="93" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 108px; margin-left: 974px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="974" y="112" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-301">
<g>
<rect x="949" y="103" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 118px; margin-left: 994px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="994" y="122" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-302">
<g>
<rect x="1025" y="107" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 122px; margin-left: 1050px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">x hours ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="1050" y="126" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x hours...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-303">
<g>
<rect x="948" y="254" width="120" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-304">
<g>
<rect x="947" y="249" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 264px; margin-left: 972px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="972" y="268" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-305">
<g>
<rect x="947" y="259" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 274px; margin-left: 992px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="992" y="278" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-306">
<g>
<rect x="1023" y="263" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 278px; margin-left: 1048px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">x days ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="1048" y="282" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x days a...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-307">
<g>
<rect x="948" y="146" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 161px; margin-left: 973px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="973" y="165" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-308">
<g>
<rect x="948" y="156" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 171px; margin-left: 993px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="993" y="175" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-309">
<g>
<rect x="1024" y="160" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 175px; margin-left: 1049px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">x hours ago</font>
</div>
</div>
</div>
</foreignObject>
<text x="1049" y="179" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x hours...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-310">
<g>
<rect x="950" y="190" width="120" height="50" rx="7.5" ry="7.5" fill="#ffffff" stroke="#333333" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 51), rgb(51, 51, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 215px; margin-left: 951px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #E6E6E6; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#E6E6E6, #E6E6E6); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));">Notification image</font>
</div>
</div>
</div>
</foreignObject>
<text x="1010" y="219" fill="#E6E6E6" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-311">
<g>
<rect x="958" y="113" width="104" height="148" rx="15.6" ry="15.6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-312">
<g>
<rect x="958" y="111" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 126px; margin-left: 983px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Ntf title</font>
</div>
</div>
</div>
</foreignObject>
<text x="983" y="130" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Ntf title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-313">
<g>
<rect x="958" y="119" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 134px; margin-left: 1003px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Notification description</font>
</div>
</div>
</div>
</foreignObject>
<text x="1003" y="138" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification de...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-314">
<g>
<rect x="958" y="163.5" width="104" height="120.5" rx="15.6" ry="15.6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 102px; height: 1px; padding-top: 224px; margin-left: 959px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Notification image if exist</div>
</div>
</div>
</foreignObject>
<text x="1010" y="227" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notification imag...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-315">
<g>
<ellipse cx="1055.5" cy="114.5" rx="7.5" ry="7.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 13px; height: 1px; padding-top: 115px; margin-left: 1049px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 19px;">x</font>
</div>
</div>
</div>
</foreignObject>
<text x="1056" y="118" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">x</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-316">
<g>
<rect x="973.5" y="257.56" width="72.75" height="16.44" rx="2.47" ry="2.47" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 71px; height: 1px; padding-top: 266px; margin-left: 975px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Go to Store</div>
</div>
</div>
</foreignObject>
<text x="1010" y="269" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Go to Store</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-317">
<g>
<path d="M 500 1010.5 L 500 924 L 1000 924 L 1000 1143.5 L 1024.77 1143.43" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1030.02 1143.41 L 1023.03 1146.93 L 1024.77 1143.43 L 1023.01 1139.93 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-318">
<g>
<path d="M 712 1007.87 L 712 924 L 1000 924 L 1000 1143 L 1024.77 1142.9" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1030.02 1142.87 L 1023.04 1146.4 L 1024.77 1142.9 L 1023.01 1139.4 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-140">
<g>
<rect x="680" y="952" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 967px; margin-left: 730px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Intro screen 2</font>
</div>
</div>
</div>
</foreignObject>
<text x="730" y="971" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Intro screen 2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-334">
<g>
<path d="M 460 880.75 L 275 880.75 L 275 769.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 275 764.12 L 278.5 771.12 L 275 769.37 L 271.5 771.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-336">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 881px; margin-left: 441px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Yes</div>
</div>
</div>
</foreignObject>
<text x="441" y="884" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Yes</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-63">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 883px; margin-left: 349px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Guest default</div>
</div>
</div>
</foreignObject>
<text x="349" y="886" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Guest default</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-319">
<g>
<path d="M 490 852 L 520 880.75 L 490 909.5 L 460 880.75 Z" fill="#ffffff" stroke="#ff3333" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 51, 51), rgb(255, 51, 51));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 881px; margin-left: 461px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Cart empty?</font>
</div>
</div>
</div>
</foreignObject>
<text x="490" y="884" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Cart empty?</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-321">
<g>
<rect x="205" y="463" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-323">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-324">
<g>
<path d="M 225.5 482.44 L 233.5 486.89 L 225.5 491.33 L 217.5 486.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-325">
<g>
<rect x="225.5" y="482" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-327">
<g>
<rect x="416" y="463" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-329">
<g/>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-330">
<g>
<path d="M 436.5 482.44 L 444.5 486.89 L 436.5 491.33 L 428.5 486.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-331">
<g>
<rect x="436.5" y="482" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-333">
<g>
<path d="M 490 852 L 490 807.5 L 490.05 770.27" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 490.06 765.02 L 493.55 772.02 L 490.05 770.27 L 486.55 772.01 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-335">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 838px; margin-left: 491px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">No</div>
</div>
</div>
</foreignObject>
<text x="491" y="842" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">No</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-337">
<g>
<rect x="220" y="477" width="60" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 487px; margin-left: 250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Your cart</div>
</div>
</div>
</foreignObject>
<text x="250" y="489" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Your cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-328">
<g>
<rect x="432" y="477" width="60" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 487px; margin-left: 462px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Your cart</div>
</div>
</div>
</foreignObject>
<text x="462" y="489" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Your cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-339">
<g>
<path d="M 833 1369 L 990 1369 L 990 1014 L 1024.63 1014" fill="none" stroke="#ffff33" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
<path d="M 1029.88 1014 L 1022.88 1017.5 L 1024.63 1014 L 1022.88 1010.5 Z" fill="#ffff33" stroke="#ffff33" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 255, 51), rgb(255, 255, 51)); stroke: light-dark(rgb(255, 255, 51), rgb(255, 255, 51));"/>
</g>
</g>
<g data-cell-id="gQ6CopY3biEYqA4OTjpi-338">
<g>
<path d="M 773 1324 L 833 1324 L 833 1414 L 743 1414 L 743 1354 Z" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(227, 200, 0), rgb(227, 200, 0)); stroke: light-dark(rgb(176, 149, 0), rgb(176, 149, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1369px; margin-left: 744px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #000000); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px;">
<br />When NTF center have NTF in it show counter for count of ntf<br />Same for cart (show count of total products in the cart)</font>
</div>
</div>
</div>
</foreignObject>
<text x="788" y="1373" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When NTF center...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-1">
<g>
<rect x="215" y="517" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 547px; margin-left: 216px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">No products in the cart </div>
</div>
</div>
</foreignObject>
<text x="275" y="551" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">No products in the c...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-4">
<g>
<rect x="205" y="592" width="140" height="101" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 643px; margin-left: 206px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="275" y="646" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-6">
<g>
<ellipse cx="436" cy="515.5" rx="10.5" ry="10.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 19px; height: 1px; padding-top: 516px; margin-left: 427px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Store logo</font>
</div>
</div>
</div>
</foreignObject>
<text x="436" y="519" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Sto...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-7">
<g>
<rect x="437" y="496.5" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 512px; margin-left: 472px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Store title</font>
</div>
</div>
</div>
</foreignObject>
<text x="472" y="515" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-8">
<g>
<rect x="437" y="503" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 518px; margin-left: 497px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px; color: light-dark(rgb(204, 204, 204), rgb(204, 204, 204));">Count of products selected from this store</font>
</div>
</div>
</div>
</foreignObject>
<text x="497" y="522" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Count of products se...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-9">
<g>
<rect x="464" y="526" width="20" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 541px; margin-left: 474px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div>
<br />
</div>
</div>
</div>
</div>
</foreignObject>
<text x="474" y="545" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">&#xa;</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-10">
<g>
<rect x="437" y="539" width="19" height="19" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 17px; height: 1px; padding-top: 548px; margin-left: 438px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="447" y="552" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Pro...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-11">
<g>
<rect x="448.5" y="528.5" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 544px; margin-left: 479px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; line-height: 10%;">Product name</font>
<div style="line-height: 10%;">
<font style="font-size: 6px; line-height: 10%;">Product price</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="479" y="547" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product na...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-12">
<g>
<rect x="513.63" y="542" width="36.37" height="14" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 34px; height: 1px; padding-top: 549px; margin-left: 515px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font>     1    +</font>
</div>
</div>
</div>
</foreignObject>
<text x="532" y="552" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">1...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-13">
<g>
<rect x="464" y="557.5" width="20" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 573px; margin-left: 474px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div>
<br />
</div>
</div>
</div>
</div>
</foreignObject>
<text x="474" y="576" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">&#xa;</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-14">
<g>
<rect x="437" y="568.5" width="19" height="19" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 17px; height: 1px; padding-top: 578px; margin-left: 438px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="447" y="582" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Pro...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-15">
<g>
<rect x="448.5" y="558" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 573px; margin-left: 479px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; line-height: 10%;">Product name</font>
<div style="line-height: 10%;">
<font style="font-size: 6px; line-height: 10%;">Product price</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="479" y="577" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product na...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-16">
<g>
<rect x="513.63" y="571.5" width="36.37" height="14" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 34px; height: 1px; padding-top: 578px; margin-left: 515px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font>-    2    +</font>
</div>
</div>
</div>
</foreignObject>
<text x="532" y="581" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">-    2...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-17">
<g>
<rect x="480" y="691" width="66.37" height="14" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 64px; height: 1px; padding-top: 698px; margin-left: 481px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Total cart price</font>
</div>
</div>
</div>
</foreignObject>
<text x="513" y="701" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">Total cart pri...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-28">
<g>
<ellipse cx="430.5" cy="612.75" rx="10.5" ry="10.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 19px; height: 1px; padding-top: 613px; margin-left: 421px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Store logo</font>
</div>
</div>
</div>
</foreignObject>
<text x="431" y="616" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Sto...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-29">
<g>
<rect x="431.5" y="593.75" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 609px; margin-left: 467px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Store title</font>
</div>
</div>
</div>
</foreignObject>
<text x="467" y="612" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-30">
<g>
<rect x="431.5" y="600.25" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 615px; margin-left: 492px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px; color: light-dark(rgb(204, 204, 204), rgb(204, 204, 204));">Count of products selected from this store</font>
</div>
</div>
</div>
</foreignObject>
<text x="492" y="619" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Count of products se...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-31">
<g>
<rect x="458.5" y="623.25" width="20" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 638px; margin-left: 469px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div>
<br />
</div>
</div>
</div>
</div>
</foreignObject>
<text x="469" y="642" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">&#xa;</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-39">
<g>
<rect x="503" y="531.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 547px; margin-left: 518px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px;">🗑️</font>
</div>
</div>
</div>
</foreignObject>
<text x="518" y="550" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">🗑️</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-40">
<g>
<rect x="460.5" y="623.75" width="20" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 639px; margin-left: 471px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div>
<br />
</div>
</div>
</div>
</div>
</foreignObject>
<text x="471" y="642" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">&#xa;</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-41">
<g>
<rect x="433.5" y="634.75" width="19" height="19" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 17px; height: 1px; padding-top: 644px; margin-left: 435px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="443" y="648" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Pro...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-42">
<g>
<rect x="445" y="624.25" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 639px; margin-left: 475px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; line-height: 10%;">Product name</font>
<div style="line-height: 10%;">
<font style="font-size: 6px; line-height: 10%;">Product price</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="475" y="643" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product na...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-43">
<g>
<rect x="510.13" y="637.75" width="36.37" height="14" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 34px; height: 1px; padding-top: 645px; margin-left: 511px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font>     1    +</font>
</div>
</div>
</div>
</foreignObject>
<text x="528" y="647" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">1...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-44">
<g>
<rect x="460.5" y="653.25" width="20" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 668px; margin-left: 471px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div>
<br />
</div>
</div>
</div>
</div>
</foreignObject>
<text x="471" y="672" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">&#xa;</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-45">
<g>
<rect x="433.5" y="664.25" width="19" height="19" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 17px; height: 1px; padding-top: 674px; margin-left: 435px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="443" y="677" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Pro...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-46">
<g>
<rect x="445" y="653.75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 669px; margin-left: 475px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px; line-height: 10%;">Product name</font>
<div style="line-height: 10%;">
<font style="font-size: 6px; line-height: 10%;">Product price</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="475" y="672" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product na...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-47">
<g>
<rect x="510.13" y="667.25" width="36.37" height="14" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 34px; height: 1px; padding-top: 674px; margin-left: 511px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font>-    2    +</font>
</div>
</div>
</div>
</foreignObject>
<text x="528" y="677" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">-    2...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-48">
<g>
<rect x="499.5" y="627.25" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 642px; margin-left: 515px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px;">🗑️</font>
</div>
</div>
</div>
</foreignObject>
<text x="515" y="646" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">🗑️</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-49">
<g>
<rect x="520.13" y="503" width="29.87" height="13" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 510px; margin-left: 521px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 5px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font>+ add more</font>
</div>
</div>
</div>
</foreignObject>
<text x="535" y="511" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="5px" text-anchor="middle">+ add more</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-50">
<g>
<rect x="521.63" y="598.5" width="29.87" height="13" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 605px; margin-left: 523px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 5px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font>+ add more</font>
</div>
</div>
</div>
</foreignObject>
<text x="537" y="607" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="5px" text-anchor="middle">+ add more</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-51">
<g>
<rect x="452" y="539.5" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 555px; margin-left: 477px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); font-size: 4px;">Available in stock</font>
</div>
</div>
</div>
</foreignObject>
<text x="477" y="558" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Availabl...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-52">
<g>
<rect x="451.5" y="567" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 582px; margin-left: 477px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); font-size: 4px;">Available in stock</font>
</div>
</div>
</div>
</foreignObject>
<text x="477" y="586" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Availabl...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-53">
<g>
<rect x="446.5" y="634" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 649px; margin-left: 472px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); font-size: 4px;">Available in stock</font>
</div>
</div>
</div>
</foreignObject>
<text x="472" y="653" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Availabl...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-54">
<g>
<rect x="447" y="665" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 680px; margin-left: 472px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); font-size: 4px;">Available in stock</font>
</div>
</div>
</div>
</foreignObject>
<text x="472" y="684" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Availabl...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-55">
<g>
<rect x="417" y="738" width="140" height="26" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 751px; margin-left: 418px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="487" y="755" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-57">
<g>
<rect x="450.5" y="716.12" width="73.5" height="13.88" rx="2.08" ry="2.08" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 72px; height: 1px; padding-top: 723px; margin-left: 452px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Submit</div>
</div>
</div>
</foreignObject>
<text x="487" y="726" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Submit</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-61">
<g>
<rect x="420" y="691" width="56.37" height="14" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 54px; height: 1px; padding-top: 698px; margin-left: 421px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="text-wrap: nowrap;">
<font style="font-size: 5px;">🗑️ Delete entire cart</font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="448" y="701" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">🗑️ Delete enti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-64">
<g>
<rect x="462" y="424" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 439px; margin-left: 487px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Cart</font>
</div>
</div>
</div>
</foreignObject>
<text x="487" y="443" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-65">
<g>
<rect x="230" y="424" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 439px; margin-left: 275px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Cart - empty</font>
</div>
</div>
</div>
</foreignObject>
<text x="275" y="443" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Cart - empty</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-67">
<g>
<path d="M 1136 220 L 1091.25 220 L 1091.25 265.75 L 1052.62 265.78" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 1047.37 265.78 L 1054.37 262.27 L 1052.62 265.78 L 1054.37 269.27 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-66">
<g>
<rect x="1136" y="200" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 1146 200 L 1146 240 M 1226 200 L 1226 240" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 220px; margin-left: 1147px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px;">When clicked, go to store page      </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="1186" y="224" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-70">
<g>
<path d="M 596.5 394 L 596.5 448.5 L 535 448.5 L 535 496.63" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 535 501.88 L 531.5 494.88 L 535 496.63 L 538.5 494.88 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-69">
<g>
<rect x="546.37" y="354" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 556.37 354 L 556.37 394 M 636.37 354 L 636.37 394" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 374px; margin-left: 557px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px;">When clicked, go to store page      </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="596" y="378" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-71">
<g>
<ellipse cx="625" cy="384" rx="7" ry="7" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 4px; height: 1px; padding-top: 384px; margin-left: 623px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">1</div>
</div>
</div>
</foreignObject>
<text x="625" y="389" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-72">
<g>
<rect x="577.25" y="463" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 587.25 463 L 587.25 503 M 667.25 463 L 667.25 503" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 483px; margin-left: 588px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px;">When clicked, go to product page      </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="627" y="487" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-73">
<g>
<path d="M 627.25 503 L 627.25 524 L 487.5 524 L 487.41 534.57" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 487.36 539.82 L 483.92 532.79 L 487.41 534.57 L 490.92 532.85 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-74">
<g>
<ellipse cx="659.5" cy="492" rx="6.5" ry="6.5" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 3px; height: 1px; padding-top: 492px; margin-left: 658px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font style="font-size: 11px;">2</font>
</div>
</div>
</div>
</foreignObject>
<text x="660" y="497" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-78">
<g>
<path d="M 575 711 L 549.5 711 L 549.5 723 L 530.37 723.05" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 525.12 723.06 L 532.11 719.54 L 530.37 723.05 L 532.13 726.54 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-77">
<g>
<rect x="575" y="691" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 585 691 L 585 731 M 665 691 L 665 731" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 711px; margin-left: 586px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px; line-height: 50%;">When clicked, go to checkout <br /> page      </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="625" y="715" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-79">
<g>
<ellipse cx="653.5" cy="723.5" rx="6.5" ry="6.5" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 3px; height: 1px; padding-top: 723px; margin-left: 652px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font style="font-size: 11px;">3</font>
</div>
</div>
</div>
</foreignObject>
<text x="654" y="728" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">3</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-144">
<g>
<path d="M 1775.5 1144 L 1841.63 1144" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1846.88 1144 L 1839.88 1147.5 L 1841.63 1144 L 1839.88 1140.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-80">
<g>
<rect x="1635.5" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-82">
<g>
<rect x="1635.5" y="958" width="140" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 973px; margin-left: 1706px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Adding new vehicle 1</font>
</div>
</div>
</div>
</foreignObject>
<text x="1706" y="977" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Adding new vehicle 1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-86">
<g>
<rect x="1649.5" y="997" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1007px; margin-left: 1690px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Add your vehicle</div>
</div>
</div>
</foreignObject>
<text x="1690" y="1009" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Add your vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-87">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-88">
<g>
<path d="M 1648.5 1002.44 L 1656.5 1006.89 L 1648.5 1011.33 L 1640.5 1006.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-89">
<g>
<rect x="1648.5" y="1002" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-90">
<g>
<rect x="1635.5" y="1007.87" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1023px; margin-left: 1661px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Step 1 of 2</font>
</div>
</div>
</div>
</foreignObject>
<text x="1661" y="1026" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Step 1 o...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-91">
<g>
<rect x="1648" y="1034" width="120" height="2" fill="#ffffff" stroke="#000000" stroke-width="0.8" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-92">
<g>
<rect x="1648" y="1034" width="60" height="2" fill="#3333ff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-93">
<g>
<rect x="1630" y="1037.87" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1053px; margin-left: 1670px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Basic information</font>
</div>
</div>
</div>
</foreignObject>
<text x="1670" y="1056" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Basic informa...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-94">
<g>
<rect x="1640.5" y="1051" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1066px; margin-left: 1666px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Car Make</font>
</div>
</div>
</div>
</foreignObject>
<text x="1666" y="1070" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Car Make</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-95">
<g>
<rect x="1653.5" y="1076" width="101" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 99px; height: 1px; padding-top: 1083px; margin-left: 1656px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1656" y="1086" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop down list</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-96">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-97">
<g>
<path d="M 1745.5 1075 L 1753.5 1079.44 L 1745.5 1083.89 L 1737.5 1079.44 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(-90,1745.5,1079.44)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-98">
<g>
<rect x="1739.5" y="1068" width="12" height="10" fill="#ffffff" stroke="none" transform="rotate(-90,1745.5,1073)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-100">
<g>
<path d="M 1685.5 1076 L 1752 1076" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-101">
<g>
<rect x="1636.5" y="1086" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1101px; margin-left: 1666px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Car Model</font>
</div>
</div>
</div>
</foreignObject>
<text x="1666" y="1105" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Car Model</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-102">
<g>
<rect x="1652.5" y="1111" width="101" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 99px; height: 1px; padding-top: 1118px; margin-left: 1655px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1655" y="1121" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop down list</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-103">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-104">
<g>
<path d="M 1744.5 1110 L 1752.5 1114.44 L 1744.5 1118.89 L 1736.5 1114.44 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(-90,1744.5,1114.44)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-105">
<g>
<rect x="1738.5" y="1103" width="12" height="10" fill="#ffffff" stroke="none" transform="rotate(-90,1744.5,1108)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-106">
<g>
<path d="M 1684.5 1111 L 1751 1111" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-107">
<g>
<rect x="1639.5" y="1123" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1138px; margin-left: 1660px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Year</font>
</div>
</div>
</div>
</foreignObject>
<text x="1660" y="1142" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Year</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-108">
<g>
<rect x="1653.5" y="1149" width="101" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 99px; height: 1px; padding-top: 1155px; margin-left: 1656px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1656" y="1159" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop down list</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-109">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-110">
<g>
<path d="M 1745.5 1148 L 1753.5 1152.44 L 1745.5 1156.89 L 1737.5 1152.44 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(-90,1745.5,1152.44)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-111">
<g>
<rect x="1739.5" y="1141" width="12" height="10" fill="#ffffff" stroke="none" transform="rotate(-90,1745.5,1146)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-112">
<g>
<path d="M 1685.5 1149 L 1752 1149" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-113">
<g>
<rect x="1653.5" y="1251" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1259px; margin-left: 1655px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Next</div>
</div>
</div>
</foreignObject>
<text x="1706" y="1262" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Next</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-115">
<g>
<rect x="1848" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-116">
<g>
<rect x="1848" y="958" width="140" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 973px; margin-left: 1918px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Adding new vehicle 2</font>
</div>
</div>
</div>
</foreignObject>
<text x="1918" y="977" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Adding new vehicle 2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-117">
<g>
<rect x="1862" y="997" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1007px; margin-left: 1902px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Add your vehicle</div>
</div>
</div>
</foreignObject>
<text x="1902" y="1009" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Add your vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-118">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-119">
<g>
<path d="M 1861 1002.44 L 1869 1006.89 L 1861 1011.33 L 1853 1006.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-120">
<g>
<rect x="1861" y="1002" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-121">
<g>
<rect x="1848" y="1007.87" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1023px; margin-left: 1873px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Step 2 of 2</font>
</div>
</div>
</div>
</foreignObject>
<text x="1873" y="1026" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Step 2 o...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-122">
<g>
<rect x="1860.5" y="1034" width="120" height="2" fill="#ffffff" stroke="#000000" stroke-width="0.8" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-123">
<g>
<rect x="1860.5" y="1034" width="120" height="2" fill="#3333ff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-124">
<g>
<rect x="1842" y="1037.87" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1053px; margin-left: 1892px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Engine &amp; Transmission</font>
</div>
</div>
</div>
</foreignObject>
<text x="1892" y="1056" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Engine &amp; Transmi...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-125">
<g>
<rect x="1853" y="1064" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1079px; margin-left: 1883px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Engine type</font>
</div>
</div>
</div>
</foreignObject>
<text x="1883" y="1083" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Engine type</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-143">
<g>
<rect x="1866" y="1251" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1259px; margin-left: 1867px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Save Car</div>
</div>
</div>
</foreignObject>
<text x="1919" y="1262" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Save Car</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-145">
<g>
<rect x="1853" y="1094" width="40" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 1114px; margin-left: 1854px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Gasoline</font>
</div>
</div>
</div>
</foreignObject>
<text x="1873" y="1118" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Gasoli...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-146">
<g>
<rect x="1897.75" y="1094" width="40" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 1114px; margin-left: 1899px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 7px;">Electric</span>
</div>
</div>
</div>
</foreignObject>
<text x="1918" y="1118" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Electr...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-147">
<g>
<rect x="1943.5" y="1094" width="40" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 1114px; margin-left: 1945px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 7px;">Hybird</span>
</div>
</div>
</div>
</foreignObject>
<text x="1964" y="1118" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Hybird</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-148">
<g>
<rect x="1848" y="1140.5" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1156px; margin-left: 1878px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Engine size</font>
</div>
</div>
</div>
</foreignObject>
<text x="1878" y="1159" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Engine size</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-149">
<g>
<rect x="1913" y="1140.5" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1156px; margin-left: 1943px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Transmission</font>
</div>
</div>
</div>
</foreignObject>
<text x="1943" y="1159" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Transmissi...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-153">
<g>
<rect x="1859.75" y="1170.5" width="46.5" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 45px; height: 1px; padding-top: 1177px; margin-left: 1862px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1862" y="1181" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop dow...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-154">
<g>
<rect x="1925" y="1170.5" width="46.5" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 45px; height: 1px; padding-top: 1177px; margin-left: 1927px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1927" y="1181" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop dow...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-158">
<g>
<rect x="1849" y="1191" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1206px; margin-left: 1874px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Fuel type</font>
</div>
</div>
</div>
</foreignObject>
<text x="1874" y="1210" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fuel type</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-159">
<g>
<rect x="1912" y="1191" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1206px; margin-left: 1932px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Color</font>
</div>
</div>
</div>
</foreignObject>
<text x="1932" y="1210" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Color</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-160">
<g>
<rect x="1859.75" y="1219" width="46.5" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 45px; height: 1px; padding-top: 1225px; margin-left: 1862px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1862" y="1229" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop dow...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-161">
<g>
<rect x="1925" y="1219" width="46.5" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 45px; height: 1px; padding-top: 1225px; margin-left: 1927px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px; color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">Drop down list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1927" y="1229" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Drop dow...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-163">
<g>
<path d="M 1918.75 1267.88 L 1918.75 1324 L 1240 1324 L 1240 1160 L 1177.65 1160" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1172.4 1160 L 1179.4 1156.5 L 1177.65 1160 L 1179.4 1163.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-164">
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1325px; margin-left: 1732px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">Back to home page</div>
</div>
</div>
</foreignObject>
<text x="1732" y="1329" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">Back to home page</text>
</switch>
</g>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-172">
<g>
<rect x="1249" y="1503" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-174">
<g>
<rect x="1249" y="1783" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1793px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Home</font>
</div>
</div>
</div>
</foreignObject>
<text x="1267" y="1797" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Home</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-175">
<g>
<rect x="1284" y="1783" width="35" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1793px; margin-left: 1285px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore</font>
</div>
</div>
</div>
</foreignObject>
<text x="1302" y="1797" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-176">
<g>
<rect x="1319" y="1783" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1793px; margin-left: 1320px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Favorites </font>
</div>
</div>
</div>
</foreignObject>
<text x="1336" y="1797" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favori...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-177">
<g>
<rect x="1354" y="1783" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1793px; margin-left: 1355px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="1371" y="1797" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-178">
<g>
<rect x="1274" y="1464" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1479px; margin-left: 1319px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Explore page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1483" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-179">
<g>
<rect x="1249" y="1523" width="50" height="20" fill="#ffffff" stroke="#ffffff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1533px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">My Cart</font>
</div>
</div>
</div>
</foreignObject>
<text x="1274" y="1537" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My Cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-180">
<g>
<rect x="1249" y="1503" width="50" height="20" fill="#ffffff" stroke="#ffffff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1513px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Notification</font>
</div>
</div>
</div>
</foreignObject>
<text x="1274" y="1517" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notifica...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-181">
<g>
<rect x="1299" y="1503" width="90" height="20" fill="#ffffff" stroke="#ffffff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1513px; margin-left: 1300px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Address</span>
</div>
</div>
</div>
</foreignObject>
<text x="1344" y="1517" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-182">
<g>
<rect x="1299" y="1523" width="90" height="20" fill="#ffffff" stroke="#ffffff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1533px; margin-left: 1300px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Choose vehicle</span>
</div>
</div>
</div>
</foreignObject>
<text x="1344" y="1537" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Choose vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-183">
<g>
<rect x="1249" y="1543" width="140" height="20" fill="#ffffff" stroke="#67ab9f" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1553px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1557" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-184">
<g>
<rect x="1249" y="1563" width="140" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1583px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Banners</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1587" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Banners</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-185">
<g>
<rect x="1249" y="1603" width="140" height="30" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1618px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Shopping for [saved vehicles by user]</font>
</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1622" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Shopping for [saved veh...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-186">
<g>
<rect x="1249" y="1633" width="140" height="30" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1648px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Filters and sorting</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1652" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Filters and sorting</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-187">
<g>
<rect x="1249" y="1663" width="140" height="120" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-190">
<g>
<rect x="1266" y="1648" width="110" height="60" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1678px; margin-left: 1267px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore sections (Best sellers - Recently viewed...etc.)</font>
</div>
</div>
</div>
</foreignObject>
<text x="1321" y="1682" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore sections (...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-191">
<g>
<rect x="1259" y="1699" width="53" height="79" rx="7.95" ry="7.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-194">
<g>
<rect x="1266.25" y="1710.5" width="38.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 37px; height: 1px; padding-top: 1723px; margin-left: 1267px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="1286" y="1727" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Produc...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-195">
<g>
<path d="M 1264.5 1699 L 1275.5 1699 L 1281 1705.6 L 1275.5 1712.2 L 1264.5 1712.2 L 1259 1705.6 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 20px; height: 1px; padding-top: 1706px; margin-left: 1260px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Fits car</font>
</div>
</div>
</div>
</foreignObject>
<text x="1270" y="1709" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-197">
<g>
<ellipse cx="1266" cy="1702.5" rx="3.5000000000000004" ry="3.5000000000000004" fill="#0080f0" stroke="none" pointer-events="all" style="fill: light-dark(rgb(0, 128, 240), rgb(0, 128, 240));"/>
<path d="M 1263.9 1702.85 L 1264.6 1703.9 L 1268.45 1700.75" fill="none" stroke="#ffffff" stroke-width="0.14" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-198">
<g>
<path d="M 1304 1710.5 C 1304.37 1710.08 1306.49 1707.69 1307.81 1706.2 C 1309 1704.87 1308.97 1702.92 1307.9 1701.71 C 1306.82 1700.5 1305.07 1700.51 1304 1701.72 C 1302.93 1700.51 1301.18 1700.5 1300.1 1701.71 C 1299.03 1702.92 1299 1704.87 1300.19 1706.2 C 1301.51 1707.69 1303.63 1710.08 1304 1710.5 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-199">
<g>
<rect x="1249" y="1724" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1739px; margin-left: 1274px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Product title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1274" y="1743" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-200">
<g>
<rect x="1251" y="1729.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1745px; margin-left: 1266px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="1266" y="1748" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Rate</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-201">
<g>
<rect x="1261" y="1737.5" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1753px; margin-left: 1281px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Price</font>
</div>
</div>
</div>
</foreignObject>
<text x="1281" y="1756" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Price</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-203">
<g>
<rect x="1259" y="1760.5" width="53" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 51px; height: 1px; padding-top: 1769px; margin-left: 1260px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Add</font>
</div>
</div>
</div>
</foreignObject>
<text x="1286" y="1773" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-204">
<g>
<rect x="1323" y="1699" width="53" height="79" rx="7.95" ry="7.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-205">
<g>
<rect x="1330.25" y="1710.5" width="38.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 37px; height: 1px; padding-top: 1723px; margin-left: 1331px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="1349" y="1727" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Produc...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-206">
<g>
<path d="M 1328.5 1699 L 1339.5 1699 L 1345 1705.6 L 1339.5 1712.2 L 1328.5 1712.2 L 1323 1705.6 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 20px; height: 1px; padding-top: 1706px; margin-left: 1324px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Fits car</font>
</div>
</div>
</div>
</foreignObject>
<text x="1334" y="1709" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-207">
<g>
<ellipse cx="1330" cy="1702.5" rx="3.5000000000000004" ry="3.5000000000000004" fill="#0080f0" stroke="none" pointer-events="all" style="fill: light-dark(rgb(0, 128, 240), rgb(0, 128, 240));"/>
<path d="M 1327.9 1702.85 L 1328.6 1703.9 L 1332.45 1700.75" fill="none" stroke="#ffffff" stroke-width="0.14" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-208">
<g>
<path d="M 1368 1710.5 C 1368.37 1710.08 1370.49 1707.69 1371.81 1706.2 C 1373 1704.87 1372.97 1702.92 1371.9 1701.71 C 1370.82 1700.5 1369.07 1700.51 1368 1701.72 C 1366.93 1700.51 1365.18 1700.5 1364.1 1701.71 C 1363.03 1702.92 1363 1704.87 1364.19 1706.2 C 1365.51 1707.69 1367.63 1710.08 1368 1710.5 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-209">
<g>
<rect x="1313" y="1724" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1739px; margin-left: 1338px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Product title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1338" y="1743" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-210">
<g>
<rect x="1315" y="1729.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1745px; margin-left: 1330px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="1330" y="1748" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Rate</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-211">
<g>
<rect x="1325" y="1737.5" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1753px; margin-left: 1345px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Price</font>
</div>
</div>
</div>
</foreignObject>
<text x="1345" y="1756" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Price</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-212">
<g>
<rect x="1323" y="1760.5" width="53" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 51px; height: 1px; padding-top: 1769px; margin-left: 1324px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Add</font>
</div>
</div>
</div>
</foreignObject>
<text x="1350" y="1773" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-225">
<g>
<path d="M 1586 1653 L 1606 1653 L 1599 1653 L 1612.63 1653" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1617.88 1653 L 1610.88 1656.5 L 1612.63 1653 L 1610.88 1649.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-214">
<g>
<rect x="1446" y="1503" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-216">
<g>
<rect x="1470.5" y="1464" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1479px; margin-left: 1516px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Search page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1516" y="1483" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-217">
<g>
<rect x="1481.5" y="1513" width="97.5" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 95px; height: 1px; padding-top: 1523px; margin-left: 1482px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1530" y="1527" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-218">
<g>
<path d="M 1389 1553 L 1417.5 1553 L 1417.5 1657.5 L 1440.61 1657.5" fill="none" stroke="#67ab9f" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
<path d="M 1445.86 1657.5 L 1438.86 1661 L 1440.61 1657.5 L 1438.86 1654 Z" fill="#67ab9f" stroke="#67ab9f" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(103, 171, 159), rgb(103, 171, 159)); stroke: light-dark(rgb(103, 171, 159), rgb(103, 171, 159));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-219">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-220">
<g>
<path d="M 1456 1518.44 L 1464 1522.89 L 1456 1527.33 L 1448 1522.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-221">
<g>
<rect x="1456" y="1518" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-222">
<g>
<rect x="1457.25" y="1568" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 1586px; margin-left: 1458px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Recent searches</div>
</div>
</div>
</foreignObject>
<text x="1516" y="1589" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Recent searches</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-223">
<g>
<rect x="1456.5" y="1618" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 1636px; margin-left: 1457px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Trendy searches</div>
</div>
</div>
</foreignObject>
<text x="1515" y="1639" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Trendy searches</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-224">
<g>
<rect x="1619" y="1503" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-226">
<g>
<rect x="1604" y="1464" width="170" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1479px; margin-left: 1689px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Guest \ Search result page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1689" y="1483" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest \ Search result page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-227">
<g>
<rect x="1654.5" y="1513" width="97.5" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 95px; height: 1px; padding-top: 1523px; margin-left: 1656px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1703" y="1527" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-228">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-229">
<g>
<path d="M 1629 1518.44 L 1637 1522.89 L 1629 1527.33 L 1621 1522.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-230">
<g>
<rect x="1629" y="1518" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-231">
<g>
<rect x="1630.25" y="1543" width="117.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 1556px; margin-left: 1631px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Filters</div>
</div>
</div>
</foreignObject>
<text x="1689" y="1559" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Filters</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-232">
<g>
<rect x="1634.5" y="1596" width="53" height="79" rx="7.95" ry="7.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-233">
<g>
<rect x="1641.75" y="1607.5" width="38.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 37px; height: 1px; padding-top: 1620px; margin-left: 1643px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="1661" y="1624" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Produc...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-234">
<g>
<path d="M 1640 1596 L 1651 1596 L 1656.5 1602.6 L 1651 1609.2 L 1640 1609.2 L 1634.5 1602.6 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 20px; height: 1px; padding-top: 1603px; margin-left: 1636px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Fits car</font>
</div>
</div>
</div>
</foreignObject>
<text x="1646" y="1606" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-235">
<g>
<ellipse cx="1641.5" cy="1599.5" rx="3.5000000000000004" ry="3.5000000000000004" fill="#0080f0" stroke="none" pointer-events="all" style="fill: light-dark(rgb(0, 128, 240), rgb(0, 128, 240));"/>
<path d="M 1639.4 1599.85 L 1640.1 1600.9 L 1643.95 1597.75" fill="none" stroke="#ffffff" stroke-width="0.14" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-236">
<g>
<path d="M 1679.5 1607.5 C 1679.87 1607.08 1681.99 1604.69 1683.31 1603.2 C 1684.5 1601.87 1684.47 1599.92 1683.4 1598.71 C 1682.32 1597.5 1680.57 1597.51 1679.5 1598.72 C 1678.43 1597.51 1676.68 1597.5 1675.6 1598.71 C 1674.53 1599.92 1674.5 1601.87 1675.69 1603.2 C 1677.01 1604.69 1679.13 1607.08 1679.5 1607.5 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-237">
<g>
<rect x="1624.5" y="1621" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1636px; margin-left: 1650px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Product title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1650" y="1640" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-238">
<g>
<rect x="1626.5" y="1626.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1642px; margin-left: 1641px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="1641" y="1645" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Rate</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-239">
<g>
<rect x="1636.5" y="1634.5" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1650px; margin-left: 1656px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Price</font>
</div>
</div>
</div>
</foreignObject>
<text x="1656" y="1653" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Price</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-240">
<g>
<rect x="1634.5" y="1657.5" width="53" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 51px; height: 1px; padding-top: 1666px; margin-left: 1636px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Add</font>
</div>
</div>
</div>
</foreignObject>
<text x="1661" y="1670" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-241">
<g>
<rect x="1698.5" y="1596" width="53" height="79" rx="7.95" ry="7.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-242">
<g>
<rect x="1705.75" y="1607.5" width="38.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 37px; height: 1px; padding-top: 1620px; margin-left: 1707px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="1624" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Produc...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-243">
<g>
<path d="M 1704 1596 L 1715 1596 L 1720.5 1602.6 L 1715 1609.2 L 1704 1609.2 L 1698.5 1602.6 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 20px; height: 1px; padding-top: 1603px; margin-left: 1700px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Fits car</font>
</div>
</div>
</div>
</foreignObject>
<text x="1710" y="1606" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-244">
<g>
<ellipse cx="1705.5" cy="1599.5" rx="3.5000000000000004" ry="3.5000000000000004" fill="#0080f0" stroke="none" pointer-events="all" style="fill: light-dark(rgb(0, 128, 240), rgb(0, 128, 240));"/>
<path d="M 1703.4 1599.85 L 1704.1 1600.9 L 1707.95 1597.75" fill="none" stroke="#ffffff" stroke-width="0.14" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-245">
<g>
<path d="M 1743.5 1607.5 C 1743.87 1607.08 1745.99 1604.69 1747.31 1603.2 C 1748.5 1601.87 1748.47 1599.92 1747.4 1598.71 C 1746.32 1597.5 1744.57 1597.51 1743.5 1598.72 C 1742.43 1597.51 1740.68 1597.5 1739.6 1598.71 C 1738.53 1599.92 1738.5 1601.87 1739.69 1603.2 C 1741.01 1604.69 1743.13 1607.08 1743.5 1607.5 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-246">
<g>
<rect x="1688.5" y="1621" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1636px; margin-left: 1714px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Product title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1714" y="1640" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-247">
<g>
<rect x="1690.5" y="1626.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1642px; margin-left: 1706px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="1706" y="1645" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Rate</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-248">
<g>
<rect x="1700.5" y="1634.5" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1650px; margin-left: 1721px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Price</font>
</div>
</div>
</div>
</foreignObject>
<text x="1721" y="1653" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Price</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-249">
<g>
<rect x="1698.5" y="1657.5" width="53" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 51px; height: 1px; padding-top: 1666px; margin-left: 1700px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Add</font>
</div>
</div>
</div>
</foreignObject>
<text x="1725" y="1670" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-250">
<g>
<rect x="1249" y="1894" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-251">
<g>
<rect x="1249" y="2174" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1250px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Home</font>
</div>
</div>
</div>
</foreignObject>
<text x="1267" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Home</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-252">
<g>
<rect x="1284" y="2174" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1285px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore</font>
</div>
</div>
</div>
</foreignObject>
<text x="1302" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-253">
<g>
<rect x="1319" y="2174" width="35" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1320px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Favorites </font>
</div>
</div>
</div>
</foreignObject>
<text x="1336" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favori...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-254">
<g>
<rect x="1354" y="2174" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1355px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="1371" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-255">
<g>
<rect x="1250" y="1857" width="140" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1872px; margin-left: 1320px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Guest \ Favorite page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1320" y="1876" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest \ Favorite page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-257">
<g>
<path d="M 1101 1294 L 1101 2036.25 L 1242.49 2036.2" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 1247.74 2036.2 L 1240.74 2039.7 L 1242.49 2036.2 L 1240.74 2032.7 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-258">
<g>
<rect x="1260.25" y="1924" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 1942px; margin-left: 1261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">My favorite section</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1945" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My favorite section</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-259">
<g>
<rect x="1260.25" y="1984" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 2002px; margin-left: 1261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">My orders section</div>
</div>
</div>
</foreignObject>
<text x="1319" y="2005" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My orders section</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-260">
<g>
<rect x="1260.25" y="2054" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 2072px; margin-left: 1261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Recommended for u</div>
</div>
</div>
</foreignObject>
<text x="1319" y="2075" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-261">
<g>
<rect x="1262.25" y="2114" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 2132px; margin-left: 1263px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Top rated items section</div>
</div>
</div>
</foreignObject>
<text x="1321" y="2135" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Top rated items sec...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-263">
<g>
<rect x="1250" y="2283" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-264">
<g>
<rect x="1256" y="2243" width="130" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2258px; margin-left: 1321px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Guest \ Profile page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1321" y="2262" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest \ Profile page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-266">
<g>
<rect x="1250" y="2563" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2573px; margin-left: 1251px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Home</font>
</div>
</div>
</div>
</foreignObject>
<text x="1268" y="2577" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Home</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-267">
<g>
<rect x="1285" y="2563" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2573px; margin-left: 1286px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore</font>
</div>
</div>
</div>
</foreignObject>
<text x="1303" y="2577" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-268">
<g>
<rect x="1320" y="2563" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2573px; margin-left: 1321px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Favorites </font>
</div>
</div>
</div>
</foreignObject>
<text x="1338" y="2577" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favori...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-269">
<g>
<rect x="1355" y="2563" width="35" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2573px; margin-left: 1356px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="1373" y="2577" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-288">
<g>
<rect x="754" y="1534" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-289">
<g>
<rect x="780" y="1494" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1509px; margin-left: 825px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Profile page</font>
</div>
</div>
</div>
</foreignObject>
<text x="825" y="1513" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-290">
<g>
<rect x="754" y="1814" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1824px; margin-left: 755px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Home</font>
</div>
</div>
</div>
</foreignObject>
<text x="772" y="1828" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Home</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-291">
<g>
<rect x="789" y="1814" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1824px; margin-left: 790px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore</font>
</div>
</div>
</div>
</foreignObject>
<text x="807" y="1828" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-292">
<g>
<rect x="824" y="1814" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1824px; margin-left: 825px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Favorites </font>
</div>
</div>
</div>
</foreignObject>
<text x="842" y="1828" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favori...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-293">
<g>
<rect x="859" y="1814" width="35" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 1824px; margin-left: 860px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="877" y="1828" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-294">
<g>
<ellipse cx="827" cy="1563" rx="27" ry="27" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 52px; height: 1px; padding-top: 1563px; margin-left: 801px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Profile pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="827" y="1567" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile p...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-295">
<g>
<rect x="792" y="1585" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1600px; margin-left: 827px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">User name</font>
</div>
</div>
</div>
</foreignObject>
<text x="827" y="1604" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">User name</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-296">
<g>
<rect x="792" y="1609" width="70" height="10" rx="1.5" ry="1.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 1614px; margin-left: 793px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 7px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">User type</div>
</div>
</div>
</foreignObject>
<text x="827" y="1616" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="7px" text-anchor="middle">User type</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-297">
<g>
<rect x="750.5" y="1614" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1629px; margin-left: 791px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Personal info</font>
</div>
</div>
</div>
</foreignObject>
<text x="791" y="1633" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Personal info</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-298">
<g>
<rect x="760" y="1625" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1640px; margin-left: 800px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Email address</font>
</div>
</div>
</div>
</foreignObject>
<text x="800" y="1644" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Email address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-299">
<g>
<rect x="774.25" y="1649" width="110" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-300">
<g>
<rect x="771.75" y="1679" width="110" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-301">
<g>
<rect x="757.5" y="1655" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1670px; margin-left: 798px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Phone number</font>
</div>
</div>
</div>
</foreignObject>
<text x="798" y="1674" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Phone number</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-302">
<g>
<rect x="771.75" y="1709" width="110" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-303">
<g>
<rect x="757.5" y="1685" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1700px; margin-left: 788px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Birth day</font>
</div>
</div>
</div>
</foreignObject>
<text x="788" y="1704" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Birth day</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-304">
<g>
<rect x="760.75" y="1715" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1730px; margin-left: 786px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Gender</font>
</div>
</div>
</div>
</foreignObject>
<text x="786" y="1734" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Gender</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-305">
<g>
<rect x="770" y="1743" width="110" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-306">
<g>
<rect x="764" y="1759" width="124" height="10" rx="1.5" ry="1.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 1764px; margin-left: 765px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Language</font>
</div>
</div>
</div>
</foreignObject>
<text x="826" y="1768" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Language</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-307">
<g>
<rect x="764" y="1774" width="124" height="10" rx="1.5" ry="1.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 1779px; margin-left: 765px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Support &amp; FAQs</font>
</div>
</div>
</div>
</foreignObject>
<text x="826" y="1783" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Support &amp; FAQs</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-308">
<g>
<rect x="763.75" y="1788" width="124" height="10" rx="1.5" ry="1.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 1793px; margin-left: 765px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Sign out</font>
</div>
</div>
</div>
</foreignObject>
<text x="826" y="1797" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Sign out</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-309">
<g>
<rect x="1259.75" y="2344" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 2374px; margin-left: 1261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Please Sign up to manage your profile</div>
</div>
</div>
</foreignObject>
<text x="1320" y="2378" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Please Sign up to ma...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-310">
<g>
<rect x="1268.25" y="2444" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 2452px; margin-left: 1269px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sign up</div>
</div>
</div>
</foreignObject>
<text x="1321" y="2455" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Sign up</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-312">
<g>
<path d="M 1460.5 2424 L 1417.25 2424 L 1417.25 2452.5 L 1380.12 2452.45" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 1374.87 2452.44 L 1381.87 2448.95 L 1380.12 2452.45 L 1381.86 2455.95 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-311">
<g>
<rect x="1460.5" y="2404" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 1470.5 2404 L 1470.5 2444 M 1550.5 2404 L 1550.5 2444" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 2424px; margin-left: 1472px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px; line-height: 50%;">When clicked, go to Sign up page       </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="1511" y="2428" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-313">
<g>
<ellipse cx="1541" cy="2435" rx="7" ry="7" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 4px; height: 1px; padding-top: 2435px; margin-left: 1539px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">4</font>
</div>
</div>
</div>
</foreignObject>
<text x="1541" y="2440" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">4</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-314">
<g>
<rect x="1266" y="1952.12" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1961px; margin-left: 1267px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sign up to see content</div>
</div>
</div>
</foreignObject>
<text x="1319" y="1964" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Sign up to see content</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-315">
<g>
<rect x="1620.25" y="1894" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-316">
<g>
<rect x="1620.25" y="2174" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1621px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Home</font>
</div>
</div>
</div>
</foreignObject>
<text x="1638" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Home</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-317">
<g>
<rect x="1655.25" y="2174" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1656px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Explore</font>
</div>
</div>
</div>
</foreignObject>
<text x="1673" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Explore</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-318">
<g>
<rect x="1690.25" y="2174" width="35" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1691px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Favorites </font>
</div>
</div>
</div>
</foreignObject>
<text x="1708" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favori...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-319">
<g>
<rect x="1725.25" y="2174" width="35" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 33px; height: 1px; padding-top: 2184px; margin-left: 1726px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="1743" y="2188" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-320">
<g>
<rect x="1641.25" y="1857" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1872px; margin-left: 1691px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Favorite page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1691" y="1876" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Favorite page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-321">
<g>
<rect x="1631.5" y="1924" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 1942px; margin-left: 1632px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">My favorite section</font>
<div>
<font style="font-size: 9px;">(fav products and fav stores)</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="1690" y="1945" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My favorite section...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-322">
<g>
<rect x="1631.5" y="1984" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 2002px; margin-left: 1632px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">My orders section</div>
</div>
</div>
</foreignObject>
<text x="1690" y="2005" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My orders section</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-323">
<g>
<rect x="1631.5" y="2054" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 2072px; margin-left: 1632px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Recommended for u</div>
</div>
</div>
</foreignObject>
<text x="1690" y="2075" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-324">
<g>
<rect x="1633.5" y="2114" width="117.5" height="35" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 2132px; margin-left: 1635px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Top rated items section</div>
</div>
</div>
</foreignObject>
<text x="1692" y="2135" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Top rated items sec...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-325">
<g>
<rect x="1267.25" y="2011.12" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 2020px; margin-left: 1268px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sign up to see content</div>
</div>
</div>
</foreignObject>
<text x="1320" y="2023" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Sign up to see content</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-328">
<g>
<path d="M 1436 1949 L 1403.75 1949 L 1403.75 1960.5 L 1377.87 1960.55" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 1372.62 1960.56 L 1379.61 1957.04 L 1377.87 1960.55 L 1379.62 1964.04 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-329">
<g>
<path d="M 1436 1949 L 1404.5 1949 L 1404.5 2019.5 L 1379.12 2019.55" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 1373.87 2019.56 L 1380.86 2016.04 L 1379.12 2019.55 L 1380.87 2023.04 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-326">
<g>
<rect x="1436" y="1929" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 1446 1929 L 1446 1969 M 1526 1929 L 1526 1969" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 1949px; margin-left: 1447px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px; line-height: 50%;">When clicked, go to Sign up page       </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="1486" y="1953" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-327">
<g>
<ellipse cx="1516.5" cy="1960" rx="7" ry="7" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 4px; height: 1px; padding-top: 1960px; margin-left: 1515px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">4</font>
</div>
</div>
</div>
</foreignObject>
<text x="1517" y="1965" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">4</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-330">
<g>
<rect x="1905" y="1503" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-331">
<g>
<rect x="1911" y="1464" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1479px; margin-left: 1971px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Search result page</font>
</div>
</div>
</div>
</foreignObject>
<text x="1971" y="1483" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search result page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-332">
<g>
<rect x="1940.5" y="1513" width="97.5" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 95px; height: 1px; padding-top: 1523px; margin-left: 1942px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1989" y="1527" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-333">
<g/>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-334">
<g>
<path d="M 1915 1518.44 L 1923 1522.89 L 1915 1527.33 L 1907 1522.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-335">
<g>
<rect x="1915" y="1518" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-336">
<g>
<rect x="1916.25" y="1543" width="117.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 115px; height: 1px; padding-top: 1556px; margin-left: 1917px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Filters</div>
</div>
</div>
</foreignObject>
<text x="1975" y="1559" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Filters</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-337">
<g>
<rect x="1920.5" y="1596" width="53" height="79" rx="7.95" ry="7.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-338">
<g>
<rect x="1927.75" y="1607.5" width="38.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 37px; height: 1px; padding-top: 1620px; margin-left: 1929px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="1947" y="1624" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Produc...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-339">
<g>
<path d="M 1926 1596 L 1937 1596 L 1942.5 1602.6 L 1937 1609.2 L 1926 1609.2 L 1920.5 1602.6 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 20px; height: 1px; padding-top: 1603px; margin-left: 1922px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Fits car</font>
</div>
</div>
</div>
</foreignObject>
<text x="1932" y="1606" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-340">
<g>
<ellipse cx="1927.5" cy="1599.5" rx="3.5000000000000004" ry="3.5000000000000004" fill="#0080f0" stroke="none" pointer-events="all" style="fill: light-dark(rgb(0, 128, 240), rgb(0, 128, 240));"/>
<path d="M 1925.4 1599.85 L 1926.1 1600.9 L 1929.95 1597.75" fill="none" stroke="#ffffff" stroke-width="0.14" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-341">
<g>
<path d="M 1965.5 1607.5 C 1965.87 1607.08 1967.99 1604.69 1969.31 1603.2 C 1970.5 1601.87 1970.47 1599.92 1969.4 1598.71 C 1968.32 1597.5 1966.57 1597.51 1965.5 1598.72 C 1964.43 1597.51 1962.68 1597.5 1961.6 1598.71 C 1960.53 1599.92 1960.5 1601.87 1961.69 1603.2 C 1963.01 1604.69 1965.13 1607.08 1965.5 1607.5 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-342">
<g>
<rect x="1910.5" y="1621" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1636px; margin-left: 1936px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Product title</font>
</div>
</div>
</div>
</foreignObject>
<text x="1936" y="1640" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-343">
<g>
<rect x="1912.5" y="1626.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1642px; margin-left: 1928px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="1928" y="1645" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Rate</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-344">
<g>
<rect x="1922.5" y="1634.5" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1650px; margin-left: 1943px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Price</font>
</div>
</div>
</div>
</foreignObject>
<text x="1943" y="1653" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Price</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-345">
<g>
<rect x="1920.5" y="1657.5" width="53" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 51px; height: 1px; padding-top: 1666px; margin-left: 1922px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Add</font>
</div>
</div>
</div>
</foreignObject>
<text x="1947" y="1670" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-346">
<g>
<rect x="1984.5" y="1596" width="53" height="79" rx="7.95" ry="7.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-347">
<g>
<rect x="1991.75" y="1607.5" width="38.5" height="25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 37px; height: 1px; padding-top: 1620px; margin-left: 1993px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 3px;">Product pic</font>
</div>
</div>
</div>
</foreignObject>
<text x="2011" y="1624" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Produc...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-348">
<g>
<path d="M 1990 1596 L 2001 1596 L 2006.5 1602.6 L 2001 1609.2 L 1990 1609.2 L 1984.5 1602.6 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 20px; height: 1px; padding-top: 1603px; margin-left: 1986px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 4px;">Fits car</font>
</div>
</div>
</div>
</foreignObject>
<text x="1996" y="1606" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Fit...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-349">
<g>
<ellipse cx="1991.5" cy="1599.5" rx="3.5000000000000004" ry="3.5000000000000004" fill="#0080f0" stroke="none" pointer-events="all" style="fill: light-dark(rgb(0, 128, 240), rgb(0, 128, 240));"/>
<path d="M 1989.4 1599.85 L 1990.1 1600.9 L 1993.95 1597.75" fill="none" stroke="#ffffff" stroke-width="0.14" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-350">
<g>
<path d="M 2029.5 1607.5 C 2029.87 1607.08 2031.99 1604.69 2033.31 1603.2 C 2034.5 1601.87 2034.47 1599.92 2033.4 1598.71 C 2032.32 1597.5 2030.57 1597.51 2029.5 1598.72 C 2028.43 1597.51 2026.68 1597.5 2025.6 1598.71 C 2024.53 1599.92 2024.5 1601.87 2025.69 1603.2 C 2027.01 1604.69 2029.13 1607.08 2029.5 1607.5 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-351">
<g>
<rect x="1974.5" y="1621" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1636px; margin-left: 2000px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Product title</font>
</div>
</div>
</div>
</foreignObject>
<text x="2000" y="1640" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-352">
<g>
<rect x="1976.5" y="1626.5" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1642px; margin-left: 1991px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 5px;">Rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="1991" y="1645" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Rate</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-353">
<g>
<rect x="1986.5" y="1634.5" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1650px; margin-left: 2006px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Price</font>
</div>
</div>
</div>
</foreignObject>
<text x="2006" y="1653" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Price</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-354">
<g>
<rect x="1984.5" y="1657.5" width="53" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 51px; height: 1px; padding-top: 1666px; margin-left: 1986px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Add</font>
</div>
</div>
</div>
</foreignObject>
<text x="2011" y="1670" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-355">
<g>
<rect x="1630.25" y="1695.5" width="120" height="48.5" rx="7.27" ry="7.27" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 1720px; margin-left: 1631px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">After browsing some products ask for<font style=""> </font>signup to see more</font>
</div>
</div>
</div>
</foreignObject>
<text x="1690" y="1723" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">After browsing some...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-356">
<g>
<rect x="1637.75" y="1754" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1762px; margin-left: 1639px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sign up to see content</div>
</div>
</div>
</foreignObject>
<text x="1690" y="1765" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Sign up to see content</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-359">
<g>
<path d="M 1790 1759.5 L 1766.5 1759.5 L 1766.5 1766.75 L 1749.62 1766.68" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 1744.37 1766.66 L 1751.38 1763.19 L 1749.62 1766.68 L 1751.35 1770.19 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-357">
<g>
<rect x="1790" y="1739.5" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 1800 1739.5 L 1800 1779.5 M 1880 1739.5 L 1880 1779.5" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 1760px; margin-left: 1801px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px; line-height: 50%;">When clicked, go to Sign up page       </font>
</span>
</div>
</div>
</div>
</foreignObject>
<text x="1840" y="1763" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-358">
<g>
<ellipse cx="1870.5" cy="1770.5" rx="7" ry="7" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 4px; height: 1px; padding-top: 1771px; margin-left: 1869px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">4</font>
</div>
</div>
</div>
</foreignObject>
<text x="1871" y="1775" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">4</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-363">
<g>
<path d="M 302.25 1684 L 339.5 1684 L 370.38 1684" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 375.63 1684 L 368.63 1687.5 L 370.38 1684 L 368.63 1680.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-361">
<g>
<ellipse cx="286" cy="1684" rx="16.25" ry="16.25" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 1684px; margin-left: 275px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 23px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font>4</font>
</div>
</div>
</div>
</foreignObject>
<text x="286" y="1691" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="23px" text-anchor="middle" font-weight="bold">4</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-375">
<g>
<path d="M 516.75 1684 L 560.38 1684" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 565.63 1684 L 558.63 1687.5 L 560.38 1684 L 558.63 1680.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-362">
<g>
<rect x="376.75" y="1534" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-364">
<g>
<rect x="398.75" y="1497" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1512px; margin-left: 449px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Sign up screen</font>
</div>
</div>
</div>
</foreignObject>
<text x="449" y="1516" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Sign up screen</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-365">
<g>
<rect x="383.75" y="1549" width="124" height="75" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 1587px; margin-left: 385px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Image</div>
</div>
</div>
</foreignObject>
<text x="446" y="1590" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-366">
<g>
<rect x="376.75" y="1631" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1646px; margin-left: 397px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Text</font>
</div>
</div>
</div>
</foreignObject>
<text x="397" y="1650" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-367">
<g>
<rect x="376.75" y="1654" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1669px; margin-left: 432px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Select your account type</font>
</div>
</div>
</div>
</foreignObject>
<text x="432" y="1673" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Select your accoun...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-368">
<g>
<rect x="385.75" y="1683" width="121" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 119px; height: 1px; padding-top: 1692px; margin-left: 388px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 6px;">Regular customer</font>
</div>
</div>
</div>
</foreignObject>
<text x="388" y="1695" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Regular customer</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-369">
<g>
<rect x="446.75" y="1683" width="60" height="17.5" rx="2.63" ry="2.63" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 1692px; margin-left: 448px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Mechanic</font>
</div>
</div>
</div>
</foreignObject>
<text x="477" y="1695" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Mechanic</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-370">
<g>
<rect x="376.75" y="1707.75" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1723px; margin-left: 417px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Phone number</font>
</div>
</div>
</div>
</foreignObject>
<text x="417" y="1726" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Phone number</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-371">
<g>
<rect x="388.75" y="1734" width="120" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 1742px; margin-left: 391px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153));">+963 9xx xxxx xx</font>
</div>
</div>
</div>
</foreignObject>
<text x="391" y="1746" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">+963 9xx xxxx xx</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-372">
<g>
<rect x="396" y="1766" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1774px; margin-left: 397px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sign up</div>
</div>
</div>
</foreignObject>
<text x="449" y="1777" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Sign up</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-373">
<g>
<rect x="378.75" y="1789" width="140" height="40" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1809px; margin-left: 449px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">By continuing, you agree to out <b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));">Terms</font>
</b>
</font>
<div>
<font style="font-size: 7px;">
<b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"> of Use</font>
</b> and <b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));">Privacy Policy</font>
</b>.</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="449" y="1813" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">By continuing, you agre...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-387">
<g>
<path d="M 706.75 1684 L 747.63 1684" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 752.88 1684 L 745.88 1687.5 L 747.63 1684 L 745.88 1680.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-374">
<g>
<rect x="566.75" y="1534" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-376">
<g>
<rect x="588.32" y="1497" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1512px; margin-left: 633px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">OTP screen</font>
</div>
</div>
</div>
</foreignObject>
<text x="633" y="1516" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">OTP screen</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-377">
<g>
<rect x="574.75" y="1544.5" width="124" height="75" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 1582px; margin-left: 576px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Image</div>
</div>
</div>
</foreignObject>
<text x="637" y="1586" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-378">
<g>
<rect x="568.25" y="1627" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1642px; margin-left: 588px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Text</font>
</div>
</div>
</div>
</foreignObject>
<text x="588" y="1646" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-379">
<g>
<rect x="568.75" y="1654" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1669px; margin-left: 609px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Insert the OTP</font>
</div>
</div>
</div>
</foreignObject>
<text x="609" y="1673" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Insert the OTP</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-380">
<g>
<rect x="578.75" y="1688" width="18" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-381">
<g>
<rect x="603.75" y="1688" width="18" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-382">
<g>
<rect x="629.75" y="1688" width="18" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-383">
<g>
<rect x="653.75" y="1688" width="18" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-384">
<g>
<rect x="678.32" y="1688" width="18" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-385">
<g>
<rect x="584" y="1742.56" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 1751px; margin-left: 585px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Confirm</div>
</div>
</div>
</foreignObject>
<text x="637" y="1754" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Confirm</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-386">
<g>
<rect x="568.25" y="1789" width="140" height="40" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1809px; margin-left: 638px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">By continuing, you agree to out <b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));">Terms</font>
</b>
</font>
<div>
<font style="font-size: 7px;">
<b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"> of Use</font>
</b> and <b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));">Privacy Policy</font>
</b>.</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="638" y="1813" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">By continuing, you agre...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-388">
<g>
<rect x="1231" y="590" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-395">
<g>
<rect x="1231.5" y="590" width="50" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 600px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Notification</font>
</div>
</div>
</div>
</foreignObject>
<text x="1257" y="604" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notifica...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-396">
<g>
<rect x="1231.5" y="610" width="50" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 620px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">My Cart</font>
</div>
</div>
</div>
</foreignObject>
<text x="1257" y="624" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My Cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-397">
<g>
<rect x="1281.5" y="590" width="90" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 600px; margin-left: 1283px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Address</span>
</div>
</div>
</div>
</foreignObject>
<text x="1327" y="604" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-398">
<g>
<rect x="1281.5" y="610" width="90" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 620px; margin-left: 1283px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Choose vehicle</span>
</div>
</div>
</div>
</foreignObject>
<text x="1327" y="624" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Choose vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-399">
<g>
<rect x="1231.5" y="660" width="140" height="60" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 690px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Banners</div>
</div>
</div>
</foreignObject>
<text x="1302" y="694" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Banners</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-400">
<g>
<rect x="1231.5" y="630" width="140" height="30" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 645px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1302" y="649" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-401">
<g>
<rect x="1231.5" y="720" width="140" height="30" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 735px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Top Brands</div>
</div>
</div>
</foreignObject>
<text x="1302" y="739" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Top Brands</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-402">
<g>
<rect x="1231.5" y="750" width="140" height="50" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 775px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="1302" y="779" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-403">
<g>
<rect x="1231.5" y="800" width="140" height="40" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 820px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Manual sections</div>
</div>
</div>
</foreignObject>
<text x="1302" y="824" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Manual sections</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-404">
<g>
<rect x="1231.5" y="840" width="140" height="30" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 855px; margin-left: 1233px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="1302" y="859" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-390">
<g>
<rect x="1231.5" y="590" width="140" height="300" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-407">
<g>
<rect x="1231" y="704" width="139" height="186" rx="20.85" ry="20.85" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-411">
<g>
<path d="M 1354 730 L 1409.5 730 L 1409.5 526 L 1458.63 526" fill="none" stroke="#3333ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
<path d="M 1463.88 526 L 1456.88 529.5 L 1458.63 526 L 1456.88 522.5 Z" fill="#3333ff" stroke="#3333ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-408">
<g>
<rect x="1244" y="720" width="110" height="20" rx="3" ry="3" fill="#ffffff" stroke="#3333ff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 730px; margin-left: 1245px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Add new address</div>
</div>
</div>
</foreignObject>
<text x="1299" y="734" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add new address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-409">
<g>
<rect x="1244" y="763" width="110" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 773px; margin-left: 1245px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Saved addres 1</div>
</div>
</div>
</foreignObject>
<text x="1299" y="777" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Saved addres 1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-410">
<g>
<rect x="1246.5" y="800" width="110" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 810px; margin-left: 1248px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Saved addres 2</div>
</div>
</div>
</foreignObject>
<text x="1302" y="814" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Saved addres 2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-412">
<g>
<rect x="1252.5" y="555.5" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 571px; margin-left: 1298px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Address list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1298" y="574" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address list</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-415">
<g>
<rect x="1439" y="993.44" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-418">
<g>
<rect x="1461" y="958" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 973px; margin-left: 1506px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Vehicles list</font>
</div>
</div>
</div>
</foreignObject>
<text x="1506" y="977" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Vehicles list</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-419">
<g>
<rect x="1440.25" y="994" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-420">
<g>
<rect x="1440.75" y="994" width="50" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1004px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Notification</font>
</div>
</div>
</div>
</foreignObject>
<text x="1466" y="1008" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Notifica...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-421">
<g>
<rect x="1440.75" y="1014" width="50" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1024px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">My Cart</font>
</div>
</div>
</div>
</foreignObject>
<text x="1466" y="1028" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">My Cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-422">
<g>
<rect x="1490.75" y="994" width="90" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1004px; margin-left: 1492px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Address</span>
</div>
</div>
</div>
</foreignObject>
<text x="1536" y="1008" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-423">
<g>
<rect x="1490.75" y="1014" width="90" height="20" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 1024px; margin-left: 1492px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px;">Choose vehicle</span>
</div>
</div>
</div>
</foreignObject>
<text x="1536" y="1028" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Choose vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-424">
<g>
<rect x="1440.75" y="1064" width="140" height="60" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1094px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Banners</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1098" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Banners</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-425">
<g>
<rect x="1440.75" y="1034" width="140" height="30" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1049px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search bar</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1053" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Search bar</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-426">
<g>
<rect x="1440.75" y="1124" width="140" height="30" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1139px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Top Brands</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1143" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Top Brands</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-427">
<g>
<rect x="1440.75" y="1154" width="140" height="50" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1179px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1183" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-428">
<g>
<rect x="1440.75" y="1204" width="140" height="40" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1224px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Manual sections</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1228" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Manual sections</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-429">
<g>
<rect x="1440.75" y="1244" width="140" height="30" fill="#ffffff" stroke="#4d4d4d" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(77, 77, 77), rgb(77, 77, 77));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 1259px; margin-left: 1442px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #666666; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#666666, #666666); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Guest Recommended for u</font>
</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1263" fill="#666666" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Guest Recommended for u</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-430">
<g>
<rect x="1440.75" y="994" width="140" height="300" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-431">
<g>
<rect x="1440.25" y="1108" width="139" height="186" rx="20.85" ry="20.85" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-432">
<g>
<rect x="1453.25" y="1124" width="110" height="20" rx="3" ry="3" fill="#ffffff" stroke="#3333ff" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1134px; margin-left: 1454px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Add new vehicle</div>
</div>
</div>
</foreignObject>
<text x="1508" y="1138" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Add new vehicle</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-433">
<g>
<rect x="1453.25" y="1167" width="110" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1177px; margin-left: 1454px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Saved vehicle1</div>
</div>
</div>
</foreignObject>
<text x="1508" y="1181" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Saved vehicle1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-434">
<g>
<rect x="1455.75" y="1204" width="110" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 1214px; margin-left: 1457px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Saved vehicle 2</div>
</div>
</div>
</foreignObject>
<text x="1511" y="1218" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Saved vehicle 2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="vgEL6QnxoprSQkKM2MRA-436">
<g>
<path d="M 1563.25 1134 L 1599.5 1134 L 1599.5 1148.75 L 1628.99 1148.79" fill="none" stroke="#3333ff" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
<path d="M 1634.24 1148.8 L 1627.24 1152.29 L 1628.99 1148.79 L 1627.25 1145.29 Z" fill="#3333ff" stroke="#3333ff" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-4">
<g>
<ellipse cx="1217" cy="230" rx="7" ry="7" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 4px; height: 1px; padding-top: 230px; margin-left: 1215px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">1</div>
</div>
</div>
</foreignObject>
<text x="1217" y="235" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-18">
<g>
<path d="M 302.25 2067 L 339.75 2067 L 370.82 2067" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 376.07 2067 L 369.07 2070.5 L 370.82 2067 L 369.07 2063.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-5">
<g>
<ellipse cx="286" cy="2067" rx="16.25" ry="16.25" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 2067px; margin-left: 275px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 23px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font>1</font>
</div>
</div>
</div>
</foreignObject>
<text x="286" y="2074" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="23px" text-anchor="middle" font-weight="bold">1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-6">
<g>
<rect x="377.19" y="1917" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-7">
<g>
<rect x="408.75" y="1884" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1899px; margin-left: 449px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Store Page</font>
</div>
</div>
</div>
</foreignObject>
<text x="449" y="1903" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store Page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-8">
<g>
<rect x="377.94" y="1917" width="139" height="67" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 137px; height: 1px; padding-top: 1951px; margin-left: 379px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Store cover photo</font>
</div>
</div>
</div>
</foreignObject>
<text x="447" y="1954" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store cover photo</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-9">
<g>
<rect x="383" y="1991" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2006px; margin-left: 413px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Description</font>
</div>
</div>
</div>
</foreignObject>
<text x="413" y="2010" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Description</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-20">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-21">
<g>
<path d="M 393 1924.44 L 401 1928.89 L 393 1933.33 L 385 1928.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-22">
<g>
<rect x="393" y="1924" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-23">
<g>
<ellipse cx="393.03" cy="1966.03" rx="12.03" ry="12.03" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 1966px; margin-left: 382px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="line-height: 100%; font-size: 4px;">StoreLogo</font>
</div>
</div>
</div>
</foreignObject>
<text x="393" y="1970" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Stor...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-24">
<g>
<rect x="380" y="1978.06" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1993px; margin-left: 400px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Title</font>
</div>
</div>
</div>
</foreignObject>
<text x="400" y="1997" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-25">
<g>
<rect x="455" y="1978.06" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1993px; margin-left: 480px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Store rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="480" y="1997" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store ra...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-26">
<g>
<rect x="440.13" y="1991" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2006px; margin-left: 480px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px;">Open until xx:xx PM</font>
</div>
</div>
</div>
</foreignObject>
<text x="480" y="2010" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Open until xx...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-28">
<g>
<rect x="485.5" y="1971.31" width="21.25" height="6.75" rx="1.01" ry="1.01" fill="#ffffff" stroke="#000000" stroke-width="0.5" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-29">
<g>
<rect x="480" y="1957" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1972px; margin-left: 495px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 4.5px;">Open</font>
</div>
</div>
</div>
</foreignObject>
<text x="495" y="1976" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Open</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-30">
<g>
<path d="M 504.43 1934 C 504.8 1933.58 506.89 1931.19 508.2 1929.7 C 509.37 1928.37 509.34 1926.42 508.28 1925.21 C 507.22 1924 505.49 1924.01 504.43 1925.22 C 503.38 1924.01 501.65 1924 500.59 1925.21 C 499.52 1926.42 499.5 1928.37 500.67 1929.7 C 501.98 1931.19 504.07 1933.58 504.43 1934 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-31">
<g>
<rect x="383.63" y="2027.5" width="126.25" height="33" rx="4.95" ry="4.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 124px; height: 1px; padding-top: 2044px; margin-left: 385px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Filters</div>
</div>
</div>
</foreignObject>
<text x="447" y="2048" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Filters</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-32">
<g>
<rect x="383.63" y="2072" width="126.25" height="33" rx="4.95" ry="4.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 124px; height: 1px; padding-top: 2089px; margin-left: 385px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Categories</div>
</div>
</div>
</foreignObject>
<text x="447" y="2092" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Categories</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-33">
<g>
<rect x="383.75" y="2116" width="126.25" height="78" rx="11.7" ry="11.7" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 124px; height: 1px; padding-top: 2155px; margin-left: 385px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Products</div>
</div>
</div>
</foreignObject>
<text x="447" y="2159" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Products</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-34">
<g>
<rect x="566.75" y="1917" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-35">
<g>
<rect x="585" y="1884" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1899px; margin-left: 635px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Product Page</font>
</div>
</div>
</div>
</foreignObject>
<text x="635" y="1903" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product Page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-36">
<g>
<path d="M 510 2155 L 538.5 2155 L 538.5 2061.25 L 560.38 2061.29" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 565.63 2061.3 L 558.63 2064.79 L 560.38 2061.29 L 558.64 2057.79 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-37">
<g>
<ellipse cx="540.75" cy="1985.25" rx="16.25" ry="16.25" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 1985px; margin-left: 530px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 23px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font>2</font>
</div>
</div>
</div>
</foreignObject>
<text x="541" y="1992" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="23px" text-anchor="middle" font-weight="bold">2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-38">
<g>
<path d="M 540.75 2001.5 L 540.75 2024 L 540 2061.25 L 560.8 2061.29" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 566.05 2061.3 L 559.05 2064.79 L 560.8 2061.29 L 559.06 2057.79 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-39">
<g>
<rect x="585" y="1919" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1934px; margin-left: 625px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Product page</font>
</div>
</div>
</div>
</foreignObject>
<text x="625" y="1938" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-40">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-41">
<g>
<path d="M 585 1929.44 L 593 1933.89 L 585 1938.33 L 577 1933.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-42">
<g>
<rect x="585" y="1929" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-43">
<g>
<rect x="574.75" y="1948.06" width="125.25" height="105.94" rx="15.89" ry="15.89" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 123px; height: 1px; padding-top: 2001px; margin-left: 576px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Product Image or Video</div>
</div>
</div>
</foreignObject>
<text x="637" y="2005" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Product Image or Video</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-48">
<g>
<ellipse cx="621" cy="2044" rx="2" ry="2" fill="#3333ff" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(51, 51, 255), rgb(51, 51, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-49">
<g>
<ellipse cx="635" cy="2044" rx="2" ry="2" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-50">
<g>
<ellipse cx="649" cy="2044" rx="2" ry="2" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-51">
<g>
<rect x="577.38" y="2055.5" width="120" height="110" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2111px; margin-left: 637px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 7px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Title</font>
<div>
<font style="font-size: 8px;">Summary</font>
</div>
<div>
<font style="font-size: 8px;">Discount</font>
</div>
<div>
<font style="font-size: 8px;">Dynamic flags</font>
</div>
<div>
<font style="font-size: 8px;">In Stock or not</font>
</div>
<div>
<font style="font-size: 8px;">Price</font>
</div>
<div>
<font style="font-size: 8px;">Quantity</font>
</div>
<div>
<font style="font-size: 8px;">Rates and customer reviews</font>
<br />
</div>
<div>
<font style="font-size: 8px;">
<br />
</font>
</div>
<div>
<font style="font-size: 8px;">Select color, Size,...etc.</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="637" y="2113" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="7px" text-anchor="middle">Title...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-52">
<g>
<rect x="585.5" y="2177.12" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 2186px; margin-left: 587px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Add to cart</div>
</div>
</div>
</foreignObject>
<text x="638" y="2189" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Add to cart</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-53">
<g>
<path d="M 299.31 2466 L 336.75 2466 L 367.88 2466" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 373.13 2466 L 366.13 2469.5 L 367.88 2466 L 366.13 2462.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-54">
<g>
<ellipse cx="283.06" cy="2466" rx="16.25" ry="16.25" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 2466px; margin-left: 272px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 23px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font>3</font>
</div>
</div>
</div>
</foreignObject>
<text x="283" y="2473" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="23px" text-anchor="middle" font-weight="bold">3</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-55">
<g>
<rect x="374.25" y="2316" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-56">
<g>
<rect x="390.81" y="2283" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2298px; margin-left: 446px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Checkout Page</font>
</div>
</div>
</div>
</foreignObject>
<text x="446" y="2302" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Checkout Page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-59">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-60">
<g>
<path d="M 390.06 2323.44 L 398.06 2327.89 L 390.06 2332.33 L 382.06 2327.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-61">
<g>
<rect x="390.06" y="2323" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-72">
<g>
<rect x="390.81" y="2313" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2328px; margin-left: 426px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Checkout</font>
</div>
</div>
</div>
</foreignObject>
<text x="426" y="2332" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Checkout</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-73">
<g>
<rect x="387.38" y="2348" width="115.75" height="50" rx="7.5" ry="7.5" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 114px; height: 1px; padding-top: 2373px; margin-left: 388px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Delivery address</font>
</div>
</div>
</div>
</foreignObject>
<text x="445" y="2377" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Delivery address</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-74">
<g>
<rect x="374" y="2397" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2412px; margin-left: 419px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Delivery method</font>
</div>
</div>
</div>
</foreignObject>
<text x="419" y="2416" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Delivery method</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-75">
<g>
<rect x="387.38" y="2420.75" width="120" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" stroke-width="0.5" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 2431px; margin-left: 389px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Standard (with description)</font>
</div>
</div>
</div>
</foreignObject>
<text x="389" y="2434" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Standard (with descr...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-76">
<g>
<rect x="387" y="2447" width="120" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" stroke-width="0.5" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 2457px; margin-left: 389px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Schduled (with description)</font>
</div>
</div>
</div>
</foreignObject>
<text x="389" y="2461" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Schduled (with descr...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-77">
<g>
<rect x="387.5" y="2473.25" width="120" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" stroke-width="0.5" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 2483px; margin-left: 390px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Express (with description)</font>
</div>
</div>
</div>
</foreignObject>
<text x="390" y="2487" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Express (with descri...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-78">
<g>
<rect x="467.19" y="2415.75" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2431px; margin-left: 492px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 102, 0), rgb(0, 102, 0)); font-size: 8px;">2.99 $</font>
</div>
</div>
</div>
</foreignObject>
<text x="492" y="2434" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">2.99 $</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-79">
<g>
<rect x="467.19" y="2442" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2457px; margin-left: 492px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 102, 0), rgb(0, 102, 0)); font-size: 8px;">3.99 $</font>
</div>
</div>
</div>
</foreignObject>
<text x="492" y="2461" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">3.99 $</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-80">
<g>
<rect x="467.19" y="2468.25" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2483px; margin-left: 492px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 102, 0), rgb(0, 102, 0)); font-size: 8px;">6.99 $</font>
</div>
</div>
</div>
</foreignObject>
<text x="492" y="2487" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">6.99 $</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-81">
<g>
<rect x="391" y="2500.25" width="111" height="26.75" rx="4.01" ry="4.01" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 109px; height: 1px; padding-top: 2514px; margin-left: 392px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Delivery instructions</font>
</div>
</div>
</div>
</foreignObject>
<text x="447" y="2517" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Delivery instructi...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-82">
<g>
<rect x="391.69" y="2534" width="111" height="40.75" rx="6.11" ry="6.11" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 109px; height: 1px; padding-top: 2572px; margin-left: 393px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 8px; line-height: 3.2px;">Bill calculation</span>
<br style="font-size: 8px;" />
<span style="font-size: 8px; line-height: 3.2px;">subtotal-tax-delivery-discount-net total</span>
</div>
</div>
</div>
</foreignObject>
<text x="447" y="2572" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Bill calculation...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-83">
<g>
<rect x="394.44" y="2586" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 2594px; margin-left: 395px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Place Order</div>
</div>
</div>
</foreignObject>
<text x="447" y="2597" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Place Order</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-84">
<g>
<rect x="468.25" y="2354" width="28.75" height="10" rx="1.5" ry="1.5" fill="#ffffff" stroke="#ffffff" stroke-width="0.5" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 27px; height: 1px; padding-top: 2359px; margin-left: 469px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 8px;">Edit</font>
</div>
</div>
</div>
</foreignObject>
<text x="483" y="2363" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Edit</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-85">
<g>
<path d="M 170 2339.75 L 230 2339.75 L 230 2429.75 L 140 2429.75 L 140 2369.75 Z" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(227, 200, 0), rgb(227, 200, 0)); stroke: light-dark(rgb(176, 149, 0), rgb(176, 149, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 2385px; margin-left: 141px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #000000); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<div>
<span style="font-size: 6px; line-height: 100%;">        When no delivery address is saved, display a prompt asking the user to add an address. Upon pressing it, open "new address" page.</span>
<br />
</div>
</div>
</div>
</div>
</foreignObject>
<text x="185" y="2388" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When no...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-86">
<g>
<path d="M 230 2384.75 L 302.25 2384.75 L 367.04 2384.98" fill="none" stroke="#ffd966" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 217, 102), rgb(255, 217, 102));"/>
<path d="M 372.29 2385 L 365.28 2388.47 L 367.04 2384.98 L 365.3 2381.47 Z" fill="#ffd966" stroke="#ffd966" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 217, 102), rgb(255, 217, 102)); stroke: light-dark(rgb(255, 217, 102), rgb(255, 217, 102));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-88">
<g>
<path d="M 90 2384.75 L 133.63 2384.75" fill="none" stroke="#ffd966" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 217, 102), rgb(255, 217, 102));"/>
<path d="M 138.88 2384.75 L 131.88 2388.25 L 133.63 2384.75 L 131.88 2381.25 Z" fill="#ffd966" stroke="#ffd966" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 217, 102), rgb(255, 217, 102)); stroke: light-dark(rgb(255, 217, 102), rgb(255, 217, 102));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-87">
<g>
<path d="M 30 2339.75 L 90 2339.75 L 90 2429.75 L 0 2429.75 L 0 2369.75 Z" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(227, 200, 0), rgb(227, 200, 0)); stroke: light-dark(rgb(176, 149, 0), rgb(176, 149, 0));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 2385px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #000000); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="font-size: 6px;">When pressing "Place Order" while in guest mode, prompt the user to log in and redirect them to the sign-up page.</span>
</div>
</div>
</div>
</foreignObject>
<text x="45" y="2388" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When pressing "...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-89">
<g>
<rect x="654.74" y="2316" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-90">
<g>
<rect x="621.37" y="2282" width="210" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2297px; margin-left: 726px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Order tracking widget in home page</font>
</div>
</div>
</div>
</foreignObject>
<text x="726" y="2301" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order tracking widget in home page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-91">
<g>
<rect x="853.11" y="2316" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-92">
<g>
<rect x="859.36" y="2282" width="130" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2297px; margin-left: 924px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Order tracking page</font>
</div>
</div>
</div>
</foreignObject>
<text x="924" y="2301" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order tracking page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-93">
<g>
<rect x="657.37" y="2364" width="133.63" height="150" rx="20.04" ry="20.04" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-94">
<g>
<rect x="657.37" y="2364" width="133.63" height="80" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 132px; height: 1px; padding-top: 2404px; margin-left: 658px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Map with driver tracking</font>
</div>
</div>
</div>
</foreignObject>
<text x="724" y="2408" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Map with driver tracki...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-95">
<g>
<rect x="651" y="2437.44" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2452px; margin-left: 686px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Order number</font>
</div>
</div>
</div>
</foreignObject>
<text x="686" y="2456" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order number</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-96">
<g>
<rect x="728" y="2440.44" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2455px; margin-left: 763px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; line-height: 40%;">Expected time </font>
<div style="line-height: 40%;">
<font style="font-size: 7px; line-height: 40%;">of arrival</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="763" y="2459" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Expected ti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-101">
<g>
<path d="M 669.18 2485.02 L 779.18 2485.02" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-97">
<g>
<ellipse cx="670" cy="2485.25" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-98">
<g>
<ellipse cx="707" cy="2485.25" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-99">
<g>
<ellipse cx="740.5" cy="2485.25" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-100">
<g>
<ellipse cx="777.75" cy="2485.25" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-102">
<g>
<rect x="855.98" y="2352.25" width="133.63" height="201.75" rx="20.04" ry="20.04" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-103">
<g>
<rect x="855.98" y="2352.25" width="133.63" height="131.75" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 132px; height: 1px; padding-top: 2418px; margin-left: 857px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Map with driver tracking</font>
</div>
</div>
</div>
</foreignObject>
<text x="923" y="2422" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Map with driver tracki...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-104">
<g>
<rect x="849.29" y="2484" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2499px; margin-left: 884px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Order number</font>
</div>
</div>
</div>
</foreignObject>
<text x="884" y="2503" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order number</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-105">
<g>
<rect x="926.29" y="2487" width="70" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2502px; margin-left: 961px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px; line-height: 40%;">Expected time </font>
<div style="line-height: 40%;">
<font style="font-size: 7px; line-height: 40%;">of arrival</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="961" y="2506" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Expected ti...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-106">
<g>
<path d="M 867.47 2531.58 L 977.47 2531.58" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-107">
<g>
<ellipse cx="868.29" cy="2531.81" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-108">
<g>
<ellipse cx="905.29" cy="2531.81" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-109">
<g>
<ellipse cx="938.79" cy="2531.81" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-110">
<g>
<ellipse cx="976.04" cy="2531.81" rx="5" ry="5" fill="#ffffff" stroke="#000000" stroke-width="0.4" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-111">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-112">
<g>
<path d="M 868 2328.44 L 876 2332.89 L 868 2337.33 L 860 2332.89 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-113">
<g>
<rect x="868" y="2328" width="12" height="10" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-114">
<g>
<rect x="873.75" y="2318" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2333px; margin-left: 904px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Tracking</font>
</div>
</div>
</div>
</foreignObject>
<text x="904" y="2337" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Tracking</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-115">
<g>
<rect x="867.79" y="2581.75" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2597px; margin-left: 923px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Bill details (net total)</font>
</div>
</div>
</div>
</foreignObject>
<text x="923" y="2600" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Bill details (net...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-116">
<g>
<image x="670.5" y="2520.75" width="16.23" height="20" xlink:href="file:///C:/Program%20Files/draw.io/resources/app.asar/drawio/src/main/webapp/img/lib/azure2/general/Help_and_Support.svg"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-118">
<g>
<rect x="682.75" y="2518.25" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2533px; margin-left: 728px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Contact support</font>
</div>
</div>
</div>
</foreignObject>
<text x="728" y="2537" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Contact support</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-119">
<g>
<image x="879.5" y="2563.5" width="16.23" height="20" xlink:href="file:///C:/Program%20Files/draw.io/resources/app.asar/drawio/src/main/webapp/img/lib/azure2/general/Help_and_Support.svg"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-120">
<g>
<rect x="891.75" y="2561" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2576px; margin-left: 937px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 10px;">Contact support</font>
</div>
</div>
</div>
</foreignObject>
<text x="937" y="2580" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Contact support</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-121">
<g>
<rect x="393.18" y="2004.56" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2020px; margin-left: 448px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 4px;">If discoount on all store is applied show it here</font>
</div>
</div>
</div>
</foreignObject>
<text x="448" y="2023" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">If discoount on al...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-125">
<g>
<rect x="907" y="1222" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1232px; margin-left: 947px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 8px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(255, 0, 0), rgb(255, 0, 0));">Sign in as Store</font>
</div>
</div>
</div>
</foreignObject>
<text x="947" y="1234" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="8px" text-anchor="middle">Sign in as Store</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-126">
<g>
<rect x="783" y="1796" width="90" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1806px; margin-left: 828px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 9px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(255, 0, 0), rgb(255, 0, 0));">Sign in as Store</font>
</div>
</div>
</div>
</foreignObject>
<text x="828" y="1809" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="9px" text-anchor="middle">Sign in as Store</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-127">
<g>
<rect x="958" y="1424" width="100" height="40" fill="#6d8764" stroke="#3a5431" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
<path d="M 968 1424 L 968 1464 M 1048 1424 L 1048 1464" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(58, 84, 49), rgb(58, 84, 49));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 1444px; margin-left: 969px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px; line-height: 50%;">When clicked, go to Sign in as </font>
</span>
<div>
<span style="color: light-dark(rgb(237, 237, 237), rgb(237, 237, 237));">
<font style="font-size: 9px; line-height: 50%;">a store page       </font>
</span>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="1008" y="1448" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">When clicked,...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-128">
<g>
<path d="M 1008 1424 L 1008 1333 L 970 1333 L 970 1248.37" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 970 1243.12 L 973.5 1250.12 L 970 1248.37 L 966.5 1250.12 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-129">
<g>
<path d="M 958 1444 L 915.5 1444 L 915.5 1808 L 878.47 1808.09" fill="none" stroke="#6d8764" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
<path d="M 873.22 1808.1 L 880.21 1804.58 L 878.47 1808.09 L 880.23 1811.58 Z" fill="#6d8764" stroke="#6d8764" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(109, 135, 100), rgb(109, 135, 100)); stroke: light-dark(rgb(109, 135, 100), rgb(109, 135, 100));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-131">
<g>
<ellipse cx="1041.5" cy="1454" rx="10" ry="10" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 10px; height: 1px; padding-top: 1454px; margin-left: 1037px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 16px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">5</div>
</div>
</div>
</foreignObject>
<text x="1042" y="1459" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle" font-weight="bold">5</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-156">
<g>
<path d="M 210.25 2900.25 L 243.75 2900.25 L 270.63 2900.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 275.88 2900.25 L 268.88 2903.75 L 270.63 2900.25 L 268.88 2896.75 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-132">
<g>
<ellipse cx="194" cy="2900.25" rx="16.25" ry="16.25" fill="url(#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0)" stroke="none" pointer-events="all" style="fill: url(&quot;#drawio-svg-f99JA9k6UzXzQpo5LmCB-gradient-light-dark_5b738b_5b738b_-1-light-dark_223548_223548_-1-e-0&quot;);"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 2900px; margin-left: 183px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #FFFFFF; ">
<div style="display: inline-block; font-size: 23px; font-family: &quot;Helvetica&quot;; color: light-dark(#FFFFFF, #FFFFFF); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
<font>5</font>
</div>
</div>
</div>
</foreignObject>
<text x="194" y="2907" fill="#FFFFFF" font-family="&quot;Helvetica&quot;" font-size="23px" text-anchor="middle" font-weight="bold">5</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-162">
<g>
<path d="M 417 2900.25 L 470 2900.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 475.25 2900.25 L 468.25 2903.75 L 470 2900.25 L 468.25 2896.75 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-145">
<g>
<rect x="277" y="2750.25" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-146">
<g>
<rect x="284" y="2765.25" width="124" height="75" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 2803px; margin-left: 285px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Image</div>
</div>
</div>
</foreignObject>
<text x="346" y="2806" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Image</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-147">
<g>
<rect x="277" y="2847.25" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2862px; margin-left: 297px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Text</font>
</div>
</div>
</div>
</foreignObject>
<text x="297" y="2866" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Text</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-151">
<g>
<rect x="286" y="2873.75" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2889px; margin-left: 316px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Username</font>
</div>
</div>
</div>
</foreignObject>
<text x="316" y="2892" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Username</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-152">
<g>
<rect x="288" y="2900" width="120" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 2908px; margin-left: 290px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153)); font-size: 10px;">Username</font>
</div>
</div>
</div>
</foreignObject>
<text x="290" y="2912" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Username</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-153">
<g>
<rect x="296.25" y="2982.25" width="105.5" height="16.88" rx="2.53" ry="2.53" fill="#666666" stroke="#ffffff" pointer-events="all" style="fill: light-dark(rgb(102, 102, 102), rgb(102, 102, 102)); stroke: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 2991px; margin-left: 297px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 10px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sign in</div>
</div>
</div>
</foreignObject>
<text x="349" y="2994" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="10px" text-anchor="middle">Sign in</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-154">
<g>
<rect x="279" y="3005.25" width="140" height="40" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 3025px; margin-left: 349px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">By continuing, you agree to out <b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));">Terms</font>
</b>
</font>
<div>
<font style="font-size: 7px;">
<b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));"> of Use</font>
</b> and <b>
<font style="color: light-dark(rgb(51, 51, 255), rgb(51, 51, 255));">Privacy Policy</font>
</b>.</font>
</div>
</div>
</div>
</div>
</foreignObject>
<text x="349" y="3029" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">By continuing, you agre...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-158">
<g>
<rect x="291" y="2714" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2729px; margin-left: 346px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Sign in as store</font>
</div>
</div>
</div>
</foreignObject>
<text x="346" y="2733" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Sign in as store</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-159">
<g>
<rect x="291" y="2916.5" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2932px; margin-left: 316px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Passord</font>
</div>
</div>
</div>
</foreignObject>
<text x="316" y="2935" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Passord</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-160">
<g>
<rect x="288" y="2946.5" width="120" height="16.5" rx="2.48" ry="2.48" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 2955px; margin-left: 290px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(153, 153, 153), rgb(153, 153, 153)); font-size: 10px;">Password</font>
</div>
</div>
</div>
</foreignObject>
<text x="290" y="2958" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Password</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-238">
<g>
<path d="M 616.37 2900.25 L 670.32 2900.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 675.57 2900.25 L 668.57 2903.75 L 670.32 2900.25 L 668.57 2896.75 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-161">
<g>
<rect x="476.37" y="2750.25" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-163">
<g>
<rect x="494" y="2714" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2729px; margin-left: 539px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Orders page</font>
</div>
</div>
</div>
</foreignObject>
<text x="539" y="2733" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Orders page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-168">
<g>
<rect x="475" y="2750.25" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2765px; margin-left: 505px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">Status</div>
</div>
</div>
</foreignObject>
<text x="505" y="2769" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Status</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-169">
<g>
<rect x="544" y="2756.75" width="60" height="15" rx="2.25" ry="2.25" fill="#ffffff" stroke="#000000" stroke-width="0.6" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 2764px; margin-left: 546px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Off</font>
</div>
</div>
</div>
</foreignObject>
<text x="546" y="2768" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Off</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-170">
<g>
<rect x="570" y="2756.75" width="33.75" height="15" rx="1.5" ry="1.5" fill="#ffffff" stroke="#000000" stroke-width="0.6" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 32px; height: 1px; padding-top: 2764px; margin-left: 571px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Active</font>
</div>
</div>
</div>
</foreignObject>
<text x="587" y="2768" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Active</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-171">
<g>
<rect x="487.25" y="2788" width="122.75" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 121px; height: 1px; padding-top: 2794px; margin-left: 489px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(255, 255, 255), rgb(255, 255, 255)); font-size: 8px;">Pending</font>
</div>
</div>
</div>
</foreignObject>
<text x="489" y="2798" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Pending</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-172">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-173">
<g>
<path d="M 600 2787 L 608 2791.44 L 600 2795.89 L 592 2791.44 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(-90,600,2791.44)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-174">
<g>
<rect x="594" y="2780" width="12" height="10" fill="#ffffff" stroke="none" transform="rotate(-90,600,2785)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-175">
<g>
<path d="M 540.5 2788 L 607 2788" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-176">
<g>
<rect x="486.37" y="2813.75" width="123.63" height="50.25" rx="7.54" ry="7.54" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 2839px; margin-left: 487px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Order details</div>
</div>
</div>
</foreignObject>
<text x="548" y="2842" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order details</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-178">
<g>
<rect x="486.37" y="2854" width="123.63" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 122px; height: 1px; padding-top: 2859px; margin-left: 488px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Reject</font>
</div>
</div>
</div>
</foreignObject>
<text x="488" y="2863" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Reject</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-179">
<g>
<rect x="540" y="2854" width="70" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 2859px; margin-left: 541px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Accept</font>
</div>
</div>
</div>
</foreignObject>
<text x="575" y="2863" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Accept</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-188">
<g>
<rect x="486.38" y="2881.25" width="122.75" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 121px; height: 1px; padding-top: 2888px; margin-left: 488px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(255, 255, 255), rgb(255, 255, 255)); font-size: 8px;">Picking up</font>
</div>
</div>
</div>
</foreignObject>
<text x="488" y="2891" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Picking up</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-189">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-190">
<g>
<path d="M 599.13 2880.25 L 607.13 2884.69 L 599.13 2889.14 L 591.13 2884.69 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(-90,599.13,2884.69)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-191">
<g>
<rect x="593.13" y="2873.25" width="12" height="10" fill="#ffffff" stroke="none" transform="rotate(-90,599.13,2878.25)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-192">
<g>
<path d="M 539.63 2881.25 L 606.13 2881.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-193">
<g>
<rect x="485.5" y="2907" width="123.63" height="50.25" rx="7.54" ry="7.54" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 2932px; margin-left: 486px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Order details</div>
</div>
</div>
</foreignObject>
<text x="547" y="2936" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order details</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-194">
<g>
<rect x="485.5" y="2947.25" width="123.63" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 122px; height: 1px; padding-top: 2952px; margin-left: 488px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Reject</font>
</div>
</div>
</div>
</foreignObject>
<text x="488" y="2956" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Reject</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-195">
<g>
<rect x="539.13" y="2947.25" width="70" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 2952px; margin-left: 540px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Accept</font>
</div>
</div>
</div>
</foreignObject>
<text x="574" y="2956" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Accept</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-196">
<g>
<rect x="486.82" y="2969.25" width="122.75" height="13" rx="1.95" ry="1.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 121px; height: 1px; padding-top: 2976px; margin-left: 489px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="color: light-dark(rgb(255, 255, 255), rgb(255, 255, 255)); font-size: 8px;">Delivering</font>
</div>
</div>
</div>
</foreignObject>
<text x="489" y="2979" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Delivering</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-197">
<g/>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-198">
<g>
<path d="M 599.57 2968.25 L 607.57 2972.69 L 599.57 2977.14 L 591.57 2972.69 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" transform="rotate(-90,599.57,2972.69)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-199">
<g>
<rect x="593.57" y="2961.25" width="12" height="10" fill="#ffffff" stroke="none" transform="rotate(-90,599.57,2966.25)" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-200">
<g>
<path d="M 540.07 2969.25 L 606.57 2969.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-204">
<g>
<rect x="485.5" y="2995" width="123.63" height="50.25" rx="7.54" ry="7.54" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 122px; height: 1px; padding-top: 3020px; margin-left: 486px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Order details</div>
</div>
</div>
</foreignObject>
<text x="547" y="3024" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Order details</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-205">
<g>
<rect x="485.5" y="3035.25" width="123.63" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 122px; height: 1px; padding-top: 3040px; margin-left: 488px;">
<div style="box-sizing: border-box; font-size: 0; text-align: left; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Reject</font>
</div>
</div>
</div>
</foreignObject>
<text x="488" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px">Reject</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-206">
<g>
<rect x="539.13" y="3035.25" width="70" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 3040px; margin-left: 540px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Accept</font>
</div>
</div>
</div>
</foreignObject>
<text x="574" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Accept</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-165">
<g>
<rect x="523.07" y="3030.25" width="46.6" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 524px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Reports</font>
</div>
</div>
</div>
</foreignObject>
<text x="546" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Reports</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-164">
<g>
<rect x="476.37" y="3030.25" width="46.6" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 477px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Orders</font>
</div>
</div>
</div>
</foreignObject>
<text x="500" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Orders</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-167">
<g>
<rect x="569.77" y="3030.25" width="46.6" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 571px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="593" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-249">
<g>
<path d="M 816.69 2900.25 L 860.38 2900.25" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 865.63 2900.25 L 858.63 2903.75 L 860.38 2900.25 L 858.63 2896.75 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-207">
<g>
<rect x="676.69" y="2750.25" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-235">
<g>
<rect x="723.39" y="3030.25" width="46.6" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 724px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Reports</font>
</div>
</div>
</div>
</foreignObject>
<text x="747" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Reports</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-236">
<g>
<rect x="676.69" y="3030.25" width="46.6" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 678px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Orders</font>
</div>
</div>
</div>
</foreignObject>
<text x="700" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Orders</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-237">
<g>
<rect x="770.09" y="3030.25" width="46.6" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 771px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="793" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-239">
<g>
<rect x="695.32" y="2714" width="100" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2729px; margin-left: 745px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Reports page</font>
</div>
</div>
</div>
</foreignObject>
<text x="745" y="2733" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Reports page</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-240">
<g>
<rect x="688.5" y="2764" width="62" height="20" rx="3" ry="3" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 60px; height: 1px; padding-top: 2774px; margin-left: 690px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 9px;">Time filter</font>
</div>
</div>
</div>
</foreignObject>
<text x="720" y="2778" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Time filter</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-242">
<g>
<rect x="685.32" y="2804" width="120" height="100" rx="15" ry="15" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-243">
<g>
<rect x="685.32" y="2934" width="120" height="86.25" rx="12.94" ry="12.94" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-244">
<g>
<rect x="685" y="2780.25" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2795px; margin-left: 710px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Report 1</font>
</div>
</div>
</div>
</foreignObject>
<text x="710" y="2799" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Report 1</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-245">
<g>
<rect x="685" y="2895.25" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2910px; margin-left: 710px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Report 2</font>
</div>
</div>
</div>
</foreignObject>
<text x="710" y="2914" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Report 2</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-246">
<g>
<rect x="780" y="2784" width="24.25" height="16" rx="2.4" ry="2.4" fill="#ffffff" stroke="#000000" stroke-width="0.3" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 2792px; margin-left: 781px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 5px;">Export</font>
</div>
</div>
</div>
</foreignObject>
<text x="792" y="2796" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Expo...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-247">
<g>
<rect x="779.75" y="2909.25" width="24.25" height="16" rx="2.4" ry="2.4" fill="#ffffff" stroke="#000000" stroke-width="0.3" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 2917px; margin-left: 781px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 5px;">Export</font>
</div>
</div>
</div>
</foreignObject>
<text x="792" y="2921" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Expo...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-248">
<g>
<rect x="866.75" y="2750.25" width="140" height="300" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-250">
<g>
<rect x="913.45" y="3030.25" width="46.6" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 914px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Reports</font>
</div>
</div>
</div>
</foreignObject>
<text x="937" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Reports</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-251">
<g>
<rect x="866.75" y="3030.25" width="46.6" height="20" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 868px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Orders</font>
</div>
</div>
</div>
</foreignObject>
<text x="890" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Orders</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-252">
<g>
<rect x="960.15" y="3030.25" width="46.6" height="20" fill="#000066" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(0, 0, 102), rgb(0, 0, 102)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 45px; height: 1px; padding-top: 3040px; margin-left: 961px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 7px;">Profile</font>
</div>
</div>
</div>
</foreignObject>
<text x="983" y="3044" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Profile</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-271">
<g>
<rect x="867.56" y="2750" width="139" height="45.25" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 137px; height: 1px; padding-top: 2773px; margin-left: 869px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="font-size: 10px;">Store cover photo</font>
</div>
</div>
</div>
</foreignObject>
<text x="937" y="2776" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store cover photo</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-272">
<g>
<rect x="872.62" y="2802.25" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2817px; margin-left: 903px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 8px;">Description</font>
</div>
</div>
</div>
</foreignObject>
<text x="903" y="2821" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Description</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-276">
<g>
<ellipse cx="882.65" cy="2777.28" rx="12.03" ry="12.03" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 22px; height: 1px; padding-top: 2777px; margin-left: 872px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
<font style="line-height: 100%; font-size: 4px;">StoreLogo</font>
</div>
</div>
</div>
</foreignObject>
<text x="883" y="2781" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Stor...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-277">
<g>
<rect x="869.62" y="2789.31" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2804px; margin-left: 890px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 9px;">Title</font>
</div>
</div>
</div>
</foreignObject>
<text x="890" y="2808" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Title</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-278">
<g>
<rect x="944.62" y="2789.31" width="50" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2804px; margin-left: 970px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 7px;">Store rate</font>
</div>
</div>
</div>
</foreignObject>
<text x="970" y="2808" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store ra...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-279">
<g>
<rect x="929.75" y="2802.25" width="80" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2817px; margin-left: 970px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 6px;">Open until xx:xx PM</font>
</div>
</div>
</div>
</foreignObject>
<text x="970" y="2821" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Open until xx...</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-280">
<g>
<rect x="975.12" y="2782.56" width="21.25" height="6.75" rx="1.01" ry="1.01" fill="#ffffff" stroke="#000000" stroke-width="0.5" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-281">
<g>
<rect x="969.62" y="2768.25" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2783px; margin-left: 985px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font style="font-size: 4.5px;">Open</font>
</div>
</div>
</div>
</foreignObject>
<text x="985" y="2787" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Open</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-284">
<g>
<rect x="873.25" y="2883.25" width="126.25" height="33" rx="4.95" ry="4.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 124px; height: 1px; padding-top: 2900px; margin-left: 874px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Categories</div>
</div>
</div>
</foreignObject>
<text x="936" y="2903" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Categories</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-285">
<g>
<rect x="873.37" y="2927.25" width="126.25" height="78" rx="11.7" ry="11.7" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 124px; height: 1px; padding-top: 2966px; margin-left: 874px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Products</div>
</div>
</div>
</foreignObject>
<text x="936" y="2970" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Products</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-289">
<g>
<rect x="873.93" y="2840.75" width="126.25" height="33" rx="4.95" ry="4.95" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 124px; height: 1px; padding-top: 2857px; margin-left: 875px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Customer reviews</div>
</div>
</div>
</foreignObject>
<text x="937" y="2861" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Customer reviews</text>
</switch>
</g>
</g>
</g>
<g data-cell-id="yY_mFuhOE_7EV_XrkYbY-290">
<g>
<rect x="874.25" y="2714" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2729px; margin-left: 934px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<font color="#00ff00" style="color: light-dark(rgb(0, 255, 0), rgb(0, 255, 0));">Store profile page</font>
</div>
</div>
</div>
</foreignObject>
<text x="934" y="2733" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Store profile page</text>
</switch>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
