From 64a525b83be188b592249d00588df63b4db62b1d Mon Sep 17 00:00:00 2001
From: Philipp Rich <skorphil@gmail.com>
Date: Sat, 16 Mar 2024 18:35:56 +0400
Subject: [PATCH] added new record initial state

resolves #87
---
 .../InstitutionContainer.jsx                  |  8 +-
 .../InstitutionsList/InstitutionsList.jsx     | 78 ++++++++++++++++---
 components/RecordForm/RecordForm.jsx          |  3 +-
 public/institutions-loaded.svg                |  1 +
 4 files changed, 74 insertions(+), 16 deletions(-)
 create mode 100644 public/institutions-loaded.svg

diff --git a/components/InstitutionContainer/InstitutionContainer.jsx b/components/InstitutionContainer/InstitutionContainer.jsx
index ad562c3..36676f2 100644
--- a/components/InstitutionContainer/InstitutionContainer.jsx
+++ b/components/InstitutionContainer/InstitutionContainer.jsx
@@ -29,10 +29,10 @@ export function InstitutionContainer({ institutionName, isInstitutionOpen }) {
 
   return (
     <VStack
-      bg="gray.800"
-      borderRadius={isInstitutionOpen || "lg"}
-      h="100%"
-      minHeight="100%"
+    // bg="gray.800"
+    // borderRadius={isInstitutionOpen || "lg"}
+    // h="100%"
+    // minHeight="100%"
     >
       {isInstitutionOpen && (
         <Box
diff --git a/components/InstitutionsList/InstitutionsList.jsx b/components/InstitutionsList/InstitutionsList.jsx
index 8238ea2..920474e 100644
--- a/components/InstitutionsList/InstitutionsList.jsx
+++ b/components/InstitutionsList/InstitutionsList.jsx
@@ -2,7 +2,16 @@
 
 import { InstitutionsTabsList } from "../InstitutionsTabsList";
 import { InstitutionContainer } from "../InstitutionContainer";
-import { Tabs, TabPanels, TabPanel } from "@chakra-ui/react";
+import {
+  Tabs,
+  Text,
+  TabPanels,
+  TabPanel,
+  Center,
+  Heading,
+  VStack,
+  Image,
+} from "@chakra-ui/react";
 import { useVisualViewportSize } from "../../app/hooks";
 import classes from "./InstitutionsList.module.css";
 import { useFormContext } from "react-hook-form";
@@ -29,16 +38,11 @@ function InstitutionsList({
       variant="grid"
       padding={isInstitutionOpen || 2}
     >
-      <TabPanels flexGrow={1} flexShrink={1} h="200px">
-        {institutions.map((institution, index) => (
-          <TabPanel p={0} key={institution.id} h="100%">
-            <InstitutionContainer
-              institutionName={`institutions.${index}`}
-              isInstitutionOpen={isInstitutionOpen}
-            />
-          </TabPanel>
-        ))}
-      </TabPanels>
+      <ContentPanel
+        institutions={institutions}
+        selectedInstitution={selectedInstitution}
+        isInstitutionOpen={isInstitutionOpen}
+      />
       {isInstitutionOpen || (
         <InstitutionsTabsList
           simulateKeyboard={isKeyboardOpened}
@@ -51,3 +55,55 @@ function InstitutionsList({
 }
 
 export { InstitutionsList };
+
+function ContentPanel({
+  institutions,
+  selectedInstitution,
+  isInstitutionOpen,
+}) {
+  return (
+    <TabPanels
+      bg="gray.800"
+      borderRadius={isInstitutionOpen || "lg"}
+      h="100%"
+      minHeight="260px"
+      flexGrow={1}
+      flexShrink={1}
+    >
+      {selectedInstitution === null ? (
+        <ContentPanelOverlay
+          image="/institutions-loaded.svg"
+          headingText="Institutions loaded from latest&nbsp;record"
+          text="Edit institutions to reflect asset updates"
+        />
+      ) : (
+        false
+      )}
+      {institutions.map((institution, index) => (
+        <TabPanel p={0} key={institution.id} h="100%">
+          <InstitutionContainer
+            institutionName={`institutions.${index}`}
+            isInstitutionOpen={isInstitutionOpen}
+          />
+        </TabPanel>
+      ))}
+    </TabPanels>
+  );
+}
+
+function ContentPanelOverlay({ image, headingText, text }) {
+  return (
+    <Center h="100%" p={2}>
+      <VStack gap={12}>
+        <Image src={image} alt="Illustration" boxSize="140px" />
+
+        <VStack>
+          <Heading textAlign="center" size="md">
+            {headingText}
+          </Heading>
+          <Text>{text}</Text>
+        </VStack>
+      </VStack>
+    </Center>
+  );
+}
diff --git a/components/RecordForm/RecordForm.jsx b/components/RecordForm/RecordForm.jsx
index 3a954ef..523593c 100644
--- a/components/RecordForm/RecordForm.jsx
+++ b/components/RecordForm/RecordForm.jsx
@@ -22,7 +22,8 @@ import { handleSavingSuccess, handleSavingError } from "./handlers";
 
 export function RecordForm() {
   const [isInstitutionOpen, setIsInstitutionOpen] = useState(false);
-  const [selectedInstitutionIndex, setSelectedInstitutionIndex] = useState(0);
+  const [selectedInstitutionIndex, setSelectedInstitutionIndex] =
+    useState(null);
   const [formOverlay, setFormOverlay] = useState(false);
   const [warningState, setWarningState] = useState(null);
   const toast = useToast({ position: "top" });
diff --git a/public/institutions-loaded.svg b/public/institutions-loaded.svg
new file mode 100644
index 0000000..15bcde7
--- /dev/null
+++ b/public/institutions-loaded.svg
@@ -0,0 +1 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="102.425" xmlns="http://www.w3.org/2000/svg" height="120" id="screenshot-4bfd8248-0f48-8012-8004-0d28cb92f161" viewBox="-0 0 102.425 120" style="-webkit-print-color-adjust: exact;" fill="none" version="1.1"><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f161" width="437.55115" height="512.62854" xmlns:xlink="http://www.w3.org/1999/xlink" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f163" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f174"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f174"><ellipse rx="7.022628900060909" ry="7.022628900060909" cx="24.15577642243693" cy="41.954250147679886" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" style="fill: rgb(100, 98, 138); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f175"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f175"><ellipse rx="5.749426280479611" ry="5.749426280479838" cx="24.74567256828982" cy="43.24079576217105" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" style="fill: rgb(160, 97, 106);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f176"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f176"><path rx="0" ry="0" d="M46.642,60.729C46.550,60.821,46.467,60.920,46.391,61.025L34.789,60.615L33.462,58.126L29.445,59.638L31.365,64.273C31.684,65.042,32.472,65.508,33.300,65.418L46.429,63.976C47.053,64.785,48.113,65.123,49.091,64.825C50.069,64.527,50.760,63.655,50.827,62.635C50.894,61.615,50.323,60.660,49.392,60.237C48.462,59.813,47.367,60.010,46.642,60.729ZZ" style="fill: rgb(160, 97, 106);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f177"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f177"><path rx="0" ry="0" d="M27.899,61.876C27.600,61.742,27.374,61.484,27.280,61.170L25.665,55.746C25.188,54.734,25.287,53.543,25.926,52.624C26.564,51.705,27.645,51.196,28.760,51.290C29.876,51.384,30.856,52.066,31.332,53.079L31.332,53.079L34.462,57.816C34.643,58.090,34.696,58.429,34.607,58.744C34.518,59.060,34.296,59.321,33.998,59.460L28.839,61.868C28.542,62.007,28.199,62.010,27.899,61.876ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f178"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f178"><path rx="0" ry="0" d="M39.326,116.940L41.847,115.568L37.754,105.192L34.034,107.217Z" style="fill: rgb(160, 97, 106);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f179"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f179"><path rx="0" ry="0" d="M38.235,116.467L43.199,113.764L43.199,113.764C44.038,113.308,45.024,113.203,45.940,113.473C46.856,113.744,47.628,114.367,48.084,115.206L48.084,115.206L48.140,115.309L40.013,119.733Z" style="fill: rgb(100, 98, 138); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f17a"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f17a"><path rx="0" ry="0" d="M11.590,116.951L14.459,116.951L15.825,105.881L11.588,105.881Z" style="fill: rgb(160, 97, 106);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f17b"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f17b"><path rx="0" ry="0" d="M10.857,116.014L16.510,116.014C18.499,116.014,20.111,117.627,20.111,119.616L20.111,119.733L10.858,119.733Z" style="fill: rgb(100, 98, 138); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f17c"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f17c"><path rx="0" ry="0" d="M29.423,67.822L30.359,79.058L40.804,110.392C40.967,110.883,40.702,111.413,40.212,111.576C40.186,111.585,40.159,111.593,40.132,111.599L36.931,112.361C36.509,112.462,36.073,112.259,35.878,111.872L22.525,85.383C22.436,85.206,22.245,85.105,22.048,85.129C21.852,85.154,21.692,85.300,21.650,85.493L15.774,112.264C15.680,112.694,15.299,113.000,14.859,113.000L11.880,113.000C11.633,113.000,11.395,112.902,11.219,112.727C11.043,112.552,10.944,112.315,10.944,112.067C10.944,112.061,10.944,112.056,10.944,112.051C11.217,93.487,10.317,72.337,17.484,68.991L18.654,65.948Z" style="fill: rgb(84, 80, 130); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f17d"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f17d"><path rx="0" ry="0" d="M18.318,66.745L17.111,59.447C16.705,57.015,17.567,54.543,19.398,52.891C21.187,51.255,23.687,50.644,26.030,51.270C26.098,51.288,26.167,51.307,26.235,51.326C29.140,52.159,31.217,54.714,31.437,57.728C31.668,60.897,31.461,65.496,29.172,69.402L29.127,69.478Z" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f17e"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f17e"><path rx="0" ry="0" d="M30.465,40.185C29.151,41.091,27.592,41.573,25.996,41.566C26.565,41.961,27.213,42.227,27.896,42.348C25.774,42.803,23.581,42.815,21.455,42.384C20.982,42.308,20.526,42.151,20.107,41.921C19.684,41.685,19.381,41.280,19.274,40.808C19.134,40.000,19.762,39.267,20.416,38.773C22.442,37.264,25.040,36.745,27.491,37.359C28.281,37.563,29.073,37.908,29.586,38.543C30.099,39.178,30.252,40.156,29.762,40.810Z" style="fill: rgb(100, 98, 138); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f17f"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f17f"><path rx="0" ry="0" d="M24.064,34.897C24.730,32.205,22.341,29.216,19.569,29.272C16.757,29.329,14.687,31.870,13.265,34.297C11.842,36.723,10.429,39.474,7.818,40.519C6.062,41.221,4.072,40.994,2.519,39.915C0.966,38.836,0.060,37.049,0.106,35.159C-0.246,38.107,0.241,41.297,2.142,43.577C4.044,45.857,7.581,46.885,10.125,45.352C11.576,44.477,12.505,42.956,13.270,41.443C14.035,39.930,14.716,38.335,15.876,37.098C17.035,35.860,18.828,35.040,20.442,35.560C21.082,35.767,21.657,36.169,22.319,36.292C22.981,36.415,23.814,36.100,23.904,35.433Z" style="fill: rgb(100, 98, 138); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f180"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f180"><path rx="0" ry="0" d="M10.206,83.691C9.722,83.125,9.515,82.374,9.639,81.640C9.763,80.906,10.205,80.265,10.848,79.889L15.835,57.533L20.894,59.610L14.401,80.931C14.977,82.077,14.604,83.473,13.532,84.178C12.460,84.883,11.030,84.674,10.206,83.691ZZ" style="fill: rgb(160, 97, 106);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f181"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f181"><path rx="0" ry="0" d="M13.859,60.741C13.698,60.455,13.669,60.113,13.781,59.804L15.699,54.480C16.035,52.784,17.683,51.681,19.379,52.017C21.076,52.353,22.178,54.001,21.842,55.697L21.842,55.697L21.551,61.367C21.534,61.695,21.375,61.999,21.117,62.200C20.858,62.401,20.524,62.480,20.202,62.415L14.620,61.291C14.298,61.227,14.021,61.025,13.859,60.741ZZ" style="fill: rgb(204, 204, 204);"/></g></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f164" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f182"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f182"><path rx="0" ry="0" d="M70.292,0.857C70.075,0.341,69.572,0.004,69.012,0.000L43.459,0.000C42.694,0.000,42.074,0.620,42.074,1.385L42.074,33.711C42.074,34.476,42.694,35.096,43.459,35.097L69.012,35.097C69.777,35.095,70.396,34.476,70.397,33.711L70.397,1.386C70.398,1.204,70.362,1.024,70.292,0.857ZZM70.090,33.711C70.089,34.305,69.607,34.787,69.013,34.788L43.459,34.788C43.174,34.788,42.900,34.675,42.698,34.473C42.496,34.271,42.382,33.997,42.382,33.711L42.382,33.711L42.382,1.386C42.383,0.791,42.865,0.310,43.459,0.309L69.012,0.309C69.453,0.311,69.848,0.579,70.013,0.988C70.028,1.027,70.042,1.068,70.053,1.109C70.078,1.200,70.090,1.293,70.090,1.387Z" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f183"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f183"><path rx="0" ry="0" d="M64.959,7.633L57.262,7.633C56.922,7.633,56.647,7.357,56.647,7.017C56.647,6.677,56.922,6.401,57.262,6.401L64.959,6.401C65.294,6.408,65.563,6.681,65.563,7.017C65.563,7.352,65.294,7.626,64.959,7.633ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f184"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f184"><path rx="0" ry="0" d="M64.959,10.865L57.262,10.865C56.922,10.865,56.647,10.590,56.647,10.250C56.647,9.910,56.922,9.634,57.262,9.634L64.959,9.634C65.294,9.640,65.563,9.914,65.563,10.250C65.563,10.585,65.294,10.859,64.959,10.865ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f185"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f185"><path rx="0" ry="0" d="M53.314,12.706L47.688,12.706C47.306,12.706,46.996,12.396,46.996,12.013L46.996,5.376C46.996,4.993,47.306,4.684,47.688,4.683L53.314,4.683C53.697,4.684,54.006,4.993,54.007,5.376L54.007,12.013C54.006,12.396,53.697,12.706,53.314,12.706ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f186"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f186"><path rx="0" ry="0" d="M64.906,17.484L47.511,17.484C47.171,17.484,46.895,17.209,46.895,16.869C46.895,16.529,47.171,16.253,47.511,16.253L64.906,16.253C65.246,16.253,65.521,16.529,65.521,16.869C65.521,17.209,65.246,17.484,64.906,17.484ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb931031"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb931031"><path rx="0" ry="0" d="M64.906,20.718L47.511,20.718C47.171,20.718,46.895,20.442,46.895,20.102C46.895,19.762,47.171,19.487,47.511,19.487L64.906,19.487C65.246,19.487,65.521,19.762,65.521,20.102C65.521,20.442,65.246,20.718,64.906,20.718ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb931032"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb931032"><path rx="0" ry="0" d="M64.906,23.950L47.511,23.950C47.171,23.950,46.895,23.674,46.895,23.334C46.895,22.994,47.171,22.718,47.511,22.718L64.906,22.718C65.246,22.718,65.521,22.994,65.521,23.334C65.521,23.674,65.246,23.950,64.906,23.950ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb931033"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb931033"><path rx="0" ry="0" d="M64.906,27.183L47.511,27.183C47.171,27.183,46.895,26.908,46.895,26.567C46.895,26.227,47.171,25.952,47.511,25.952L64.906,25.952C65.246,25.952,65.521,26.227,65.521,26.567C65.521,26.908,65.246,27.183,64.906,27.183ZZ" style="fill: rgb(204, 204, 204);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb931034"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb931034"><path rx="0" ry="0" d="M64.906,30.415L47.511,30.415C47.171,30.415,46.895,30.139,46.895,29.799C46.895,29.459,47.171,29.183,47.511,29.183L64.906,29.183C65.246,29.183,65.521,29.459,65.521,29.799C65.521,30.139,65.246,30.415,64.906,30.415ZZ" style="fill: rgb(204, 204, 204);"/></g></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f165"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f165"><path rx="0" ry="0" d="M85.725,19.944C85.449,19.288,84.809,18.860,84.098,18.855L51.625,18.855C50.653,18.856,49.865,19.644,49.864,20.616L49.864,61.698C49.865,62.670,50.653,63.458,51.625,63.458L84.100,63.458C85.071,63.457,85.859,62.670,85.860,61.698L85.860,20.616C85.861,20.385,85.815,20.156,85.725,19.944ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f166"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f166"><path rx="0" ry="0" d="M83.081,61.152L52.733,61.152C52.296,61.151,51.953,60.673,51.953,60.063L51.953,21.953C51.954,21.342,52.296,20.864,52.733,20.864L83.081,20.864C83.519,20.865,83.861,21.343,83.861,21.953L83.861,60.063C83.861,60.673,83.518,61.152,83.081,61.152ZZ" style="fill: rgb(255, 255, 255);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f167"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f167"><path rx="0" ry="0" d="M85.725,19.944C85.449,19.288,84.809,18.860,84.098,18.855L51.625,18.855C50.653,18.856,49.865,19.644,49.864,20.616L49.864,61.698C49.865,62.670,50.653,63.458,51.625,63.458L84.100,63.458C85.071,63.457,85.859,62.670,85.860,61.698L85.860,20.616C85.861,20.385,85.815,20.156,85.725,19.944ZZM85.468,61.698C85.467,62.454,84.854,63.066,84.098,63.067L51.625,63.067C50.868,63.067,50.256,62.454,50.255,61.698L50.255,20.616C50.256,19.860,50.869,19.247,51.625,19.246L84.100,19.246C84.659,19.248,85.161,19.589,85.371,20.108C85.391,20.158,85.408,20.210,85.422,20.262C85.453,20.378,85.469,20.496,85.469,20.616Z" style="fill: rgb(84, 80, 130); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f168"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f168"><path rx="0" ry="0" d="M78.948,28.555L69.167,28.555C68.735,28.555,68.384,28.204,68.384,27.772C68.384,27.340,68.735,26.989,69.167,26.989L78.948,26.989C79.228,26.989,79.486,27.139,79.626,27.381C79.766,27.623,79.766,27.921,79.626,28.163C79.486,28.405,79.228,28.555,78.948,28.555ZZ" style="fill: rgb(84, 80, 130); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f169"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f169"><path rx="0" ry="0" d="M78.948,32.663L69.167,32.663C68.735,32.663,68.384,32.312,68.384,31.880C68.384,31.448,68.735,31.098,69.167,31.098L78.948,31.098C79.228,31.098,79.486,31.247,79.626,31.489C79.766,31.731,79.766,32.029,79.626,32.272C79.486,32.514,79.228,32.663,78.948,32.663ZZ" style="fill: rgb(84, 80, 130); fill-opacity: 1;"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f16a"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f16a"><path rx="0" ry="0" d="M64.148,35.002L57.000,35.002C56.514,35.002,56.120,34.608,56.119,34.122L56.119,25.686C56.120,25.200,56.514,24.806,57.000,24.806L64.148,24.806C64.634,24.806,65.028,25.200,65.028,25.686L65.028,34.122C65.028,34.608,64.634,35.002,64.148,35.002ZZ" style="fill: rgb(108, 99, 255);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f16b"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f16b"><path rx="0" ry="0" d="M78.881,41.075L56.774,41.075C56.342,41.075,55.992,40.725,55.992,40.292C55.992,39.860,56.342,39.510,56.774,39.510L78.881,39.510C79.160,39.510,79.418,39.659,79.558,39.901C79.698,40.143,79.698,40.442,79.558,40.684C79.418,40.926,79.160,41.075,78.881,41.075ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f16c"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f16c"><path rx="0" ry="0" d="M78.881,45.183L56.774,45.183C56.342,45.184,55.991,44.835,55.990,44.403C55.988,43.971,56.338,43.619,56.770,43.618L78.881,43.618C79.313,43.618,79.663,43.968,79.663,44.401C79.663,44.833,79.313,45.183,78.881,45.183ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f16d"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f16d"><path rx="0" ry="0" d="M78.881,49.291L56.774,49.291C56.342,49.291,55.992,48.941,55.992,48.509C55.992,48.077,56.342,47.726,56.774,47.726L78.881,47.726C79.313,47.725,79.664,48.075,79.665,48.507C79.666,48.939,79.317,49.290,78.881,49.291ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f16e"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f16e"><path rx="0" ry="0" d="M78.881,53.400L56.774,53.400C56.342,53.401,55.991,53.052,55.990,52.619C55.988,52.187,56.338,51.836,56.770,51.835L78.881,51.835C79.313,51.835,79.663,52.185,79.663,52.617C79.663,53.049,79.313,53.400,78.881,53.400ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f16f"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f16f"><path rx="0" ry="0" d="M78.881,57.508L56.774,57.508C56.342,57.509,55.991,57.160,55.990,56.728C55.988,56.295,56.338,55.944,56.770,55.943L78.881,55.943C79.313,55.943,79.663,56.293,79.663,56.725C79.663,57.158,79.313,57.508,78.881,57.508ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f170"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f170"><ellipse rx="12.640732020109681" ry="12.640732020109454" cx="89.78457968805287" cy="15.831004649097395" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" style="fill: rgb(108, 99, 255);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f171"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f171"><path rx="0" ry="0" d="M91.775,16.250L91.775,9.277L88.184,9.277L88.184,16.250L86.507,16.250L88.243,19.257L89.980,22.264L91.716,19.257L93.452,16.250Z" style="fill: rgb(255, 255, 255);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f172"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f172"><path rx="0" ry="0" d="M94.484,120.000L5.296,120.000C5.167,120.000,5.062,119.895,5.062,119.766C5.062,119.637,5.167,119.532,5.296,119.532L94.484,119.532C94.613,119.532,94.718,119.637,94.718,119.766C94.718,119.895,94.613,120.000,94.484,120.000ZZ" style="fill: rgb(230, 230, 230);"/></g></g><g id="shape-4bfd8248-0f48-8012-8004-0d28cb92f173"><g class="fills" id="fills-4bfd8248-0f48-8012-8004-0d28cb92f173"><path rx="0" ry="0" d="M86.864,117.918C84.617,119.537,81.705,119.618,78.890,119.419C78.497,119.392,78.107,119.359,77.720,119.324L77.712,119.324C77.693,119.322,77.675,119.321,77.657,119.320L77.418,119.296L77.437,119.332L77.495,119.442C77.474,119.405,77.453,119.369,77.432,119.332C77.426,119.321,77.419,119.310,77.413,119.299C76.684,118.030,75.962,116.714,75.776,115.265C75.586,113.761,76.122,112.058,77.445,111.319C77.619,111.223,77.802,111.146,77.993,111.090C78.072,111.066,78.152,111.046,78.234,111.029C79.245,110.804,80.298,111.143,80.988,111.915C81.679,112.687,81.899,113.771,81.563,114.751C82.685,113.600,82.476,111.733,82.089,110.173C81.702,108.613,81.231,106.877,82.020,105.476C82.472,104.716,83.227,104.185,84.096,104.017C84.122,104.011,84.149,104.005,84.175,104.001C85.206,103.792,86.278,103.980,87.177,104.527C88.832,105.569,89.682,107.546,89.957,109.483C90.402,112.600,89.418,116.078,86.864,117.918ZZ" style="fill: rgb(242, 242, 242);"/></g></g></g></svg>
\ No newline at end of file