bfg-common 1.3.348 → 1.3.349

package/components/atoms/TheIcon.vue

@@ -275,277 +275,383 @@
   </template>
   <template v-else-if="props.name === 'obj-dc'">
     <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
       width="96"
       height="124"
-      viewBox="0 0 96 124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
       class="icon icon-obj-dc"
     >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M42.5543 5.12812L71.8701 29.5168C72.5894 30.1153 72.1662 31.2856 71.2305 31.2856H69.4961C69.22 31.2856 68.9961 31.5094 68.9961 31.7856V47.9999C68.9961 50.209 67.2053 51.9999 64.9961 51.9999H55.5001C55.224 51.9999 55.0065 51.7725 54.9384 51.5049C54.7182 50.6398 53.9339 49.9999 53.0001 49.9999H52.9961C52.0624 49.9999 51.2781 50.6398 51.0578 51.5049C50.9897 51.7725 50.7723 51.9999 50.4961 51.9999H47.5001C47.224 51.9999 47.0065 51.7725 46.9384 51.5049C46.7182 50.6398 45.9339 49.9999 45.0001 49.9999H44.9961C44.0624 49.9999 43.2781 50.6398 43.0578 51.5049C42.9897 51.7725 42.7723 51.9999 42.4961 51.9999H37.2104C36.9343 51.9999 36.7168 51.7725 36.6487 51.5049C36.4285 50.6398 35.6442 49.9999 34.7104 49.9999H26.9961C26.0624 49.9999 25.2781 50.6398 25.0578 51.5049C24.9897 51.7725 24.7723 51.9999 24.4961 51.9999H14.9961C12.787 51.9999 10.9961 50.209 10.9961 47.9999V31.7856C10.9961 31.5094 10.7723 31.2856 10.4961 31.2856H8.76176C7.82605 31.2856 7.40288 30.1153 8.12221 29.5168L37.4379 5.12812C38.9204 3.89479 41.0718 3.89479 42.5543 5.12812ZM26.9961 33.9999C25.8916 33.9999 24.9961 34.8953 24.9961 35.9999C24.9961 37.1044 25.8916 37.9999 26.9961 37.9999H34.7104C35.815 37.9999 36.7104 37.1044 36.7104 35.9999C36.7104 34.8953 35.815 33.9999 34.7104 33.9999H26.9961ZM50.9961 35.9999C50.9961 34.8953 51.8916 33.9999 52.9961 33.9999H53.0001C54.1047 33.9999 55.0001 34.8953 55.0001 35.9999C55.0001 37.1044 54.1047 37.9999 53.0001 37.9999H52.9961C51.8916 37.9999 50.9961 37.1044 50.9961 35.9999ZM44.9961 33.9999C43.8916 33.9999 42.9961 34.8953 42.9961 35.9999C42.9961 37.1044 43.8916 37.9999 44.9961 37.9999H45.0001C46.1047 37.9999 47.0001 37.1044 47.0001 35.9999C47.0001 34.8953 46.1047 33.9999 45.0001 33.9999H44.9961Z"
+        fill="url(#paint0_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M42.5543 5.12812L71.8701 29.5168C72.5894 30.1153 72.1662 31.2856 71.2305 31.2856H69.4961C69.22 31.2856 68.9961 31.5094 68.9961 31.7856V47.9999C68.9961 50.209 67.2053 51.9999 64.9961 51.9999H55.5001C55.224 51.9999 55.0065 51.7725 54.9384 51.5049C54.7182 50.6398 53.9339 49.9999 53.0001 49.9999H52.9961C52.0624 49.9999 51.2781 50.6398 51.0578 51.5049C50.9897 51.7725 50.7723 51.9999 50.4961 51.9999H47.5001C47.224 51.9999 47.0065 51.7725 46.9384 51.5049C46.7182 50.6398 45.9339 49.9999 45.0001 49.9999H44.9961C44.0624 49.9999 43.2781 50.6398 43.0578 51.5049C42.9897 51.7725 42.7723 51.9999 42.4961 51.9999H37.2104C36.9343 51.9999 36.7168 51.7725 36.6487 51.5049C36.4285 50.6398 35.6442 49.9999 34.7104 49.9999H26.9961C26.0624 49.9999 25.2781 50.6398 25.0578 51.5049C24.9897 51.7725 24.7723 51.9999 24.4961 51.9999H14.9961C12.787 51.9999 10.9961 50.209 10.9961 47.9999V31.7856C10.9961 31.5094 10.7723 31.2856 10.4961 31.2856H8.76176C7.82605 31.2856 7.40288 30.1153 8.12221 29.5168L37.4379 5.12812C38.9204 3.89479 41.0718 3.89479 42.5543 5.12812ZM26.9961 33.9999C25.8916 33.9999 24.9961 34.8953 24.9961 35.9999C24.9961 37.1044 25.8916 37.9999 26.9961 37.9999H34.7104C35.815 37.9999 36.7104 37.1044 36.7104 35.9999C36.7104 34.8953 35.815 33.9999 34.7104 33.9999H26.9961ZM50.9961 35.9999C50.9961 34.8953 51.8916 33.9999 52.9961 33.9999H53.0001C54.1047 33.9999 55.0001 34.8953 55.0001 35.9999C55.0001 37.1044 54.1047 37.9999 53.0001 37.9999H52.9961C51.8916 37.9999 50.9961 37.1044 50.9961 35.9999ZM44.9961 33.9999C43.8916 33.9999 42.9961 34.8953 42.9961 35.9999C42.9961 37.1044 43.8916 37.9999 44.9961 37.9999H45.0001C46.1047 37.9999 47.0001 37.1044 47.0001 35.9999C47.0001 34.8953 46.1047 33.9999 45.0001 33.9999H44.9961Z"
+        fill="white"
+        fill-opacity="0.4"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M37.2104 51.9998H39.9651V4.20312C39.067 4.21006 38.1708 4.51835 37.4379 5.128L8.12221 29.5167C7.40288 30.1152 7.82605 31.2855 8.76176 31.2855H10.4961C10.7723 31.2855 10.9961 31.5093 10.9961 31.7855V47.9998C10.9961 50.2089 12.787 51.9998 14.9961 51.9998H24.4961C24.7723 51.9998 24.9897 51.7724 25.0578 51.5048C25.2781 50.6396 26.0624 49.9998 26.9961 49.9998H34.7104C35.6442 49.9998 36.4285 50.6396 36.6487 51.5048C36.7168 51.7724 36.9343 51.9998 37.2104 51.9998ZM24.9961 35.9998C24.9961 34.8952 25.8916 33.9998 26.9961 33.9998H34.7104C35.815 33.9998 36.7104 34.8952 36.7104 35.9998C36.7104 37.1043 35.815 37.9998 34.7104 37.9998H26.9961C25.8916 37.9998 24.9961 37.1043 24.9961 35.9998Z"
+        fill="url(#paint1_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M37.2104 51.9998H39.9651V4.20312C39.067 4.21006 38.1708 4.51835 37.4379 5.128L8.12221 29.5167C7.40288 30.1152 7.82605 31.2855 8.76176 31.2855H10.4961C10.7723 31.2855 10.9961 31.5093 10.9961 31.7855V47.9998C10.9961 50.2089 12.787 51.9998 14.9961 51.9998H24.4961C24.7723 51.9998 24.9897 51.7724 25.0578 51.5048C25.2781 50.6396 26.0624 49.9998 26.9961 49.9998H34.7104C35.6442 49.9998 36.4285 50.6396 36.6487 51.5048C36.7168 51.7724 36.9343 51.9998 37.2104 51.9998ZM24.9961 35.9998C24.9961 34.8952 25.8916 33.9998 26.9961 33.9998H34.7104C35.815 33.9998 36.7104 34.8952 36.7104 35.9998C36.7104 37.1043 35.815 37.9998 34.7104 37.9998H26.9961C25.8916 37.9998 24.9961 37.1043 24.9961 35.9998Z"
+        fill="white"
+        fill-opacity="0.32"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 28C20.787 28 18.9961 29.7909 18.9961 32V40C18.9961 42.2091 20.787 44 22.9961 44H56.9961C59.2052 44 60.9961 42.2091 60.9961 40V32C60.9961 29.7909 59.2052 28 56.9961 28H22.9961ZM26.9961 34.2C26.002 34.2 25.1961 35.0059 25.1961 36C25.1961 36.9941 26.002 37.8 26.9961 37.8H34.7104C35.7045 37.8 36.5104 36.9941 36.5104 36C36.5104 35.0059 35.7045 34.2 34.7104 34.2H26.9961ZM51.1961 36C51.1961 35.0059 52.002 34.2 52.9961 34.2H53.0001C53.9942 34.2 54.8001 35.0059 54.8001 36C54.8001 36.9941 53.9942 37.8 53.0001 37.8H52.9961C52.002 37.8 51.1961 36.9941 51.1961 36ZM44.9961 34.2C44.002 34.2 43.1961 35.0059 43.1961 36C43.1961 36.9941 44.002 37.8 44.9961 37.8H45.0001C45.9942 37.8 46.8001 36.9941 46.8001 36C46.8001 35.0059 45.9942 34.2 45.0001 34.2H44.9961Z"
+        fill="url(#paint2_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 28C20.787 28 18.9961 29.7909 18.9961 32V40C18.9961 42.2091 20.787 44 22.9961 44H56.9961C59.2052 44 60.9961 42.2091 60.9961 40V32C60.9961 29.7909 59.2052 28 56.9961 28H22.9961ZM26.9961 34.2C26.002 34.2 25.1961 35.0059 25.1961 36C25.1961 36.9941 26.002 37.8 26.9961 37.8H34.7104C35.7045 37.8 36.5104 36.9941 36.5104 36C36.5104 35.0059 35.7045 34.2 34.7104 34.2H26.9961ZM51.1961 36C51.1961 35.0059 52.002 34.2 52.9961 34.2H53.0001C53.9942 34.2 54.8001 35.0059 54.8001 36C54.8001 36.9941 53.9942 37.8 53.0001 37.8H52.9961C52.002 37.8 51.1961 36.9941 51.1961 36ZM44.9961 34.2C44.002 34.2 43.1961 35.0059 43.1961 36C43.1961 36.9941 44.002 37.8 44.9961 37.8H45.0001C45.9942 37.8 46.8001 36.9941 46.8001 36C46.8001 35.0059 45.9942 34.2 45.0001 34.2H44.9961Z"
+        fill="url(#paint3_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 28C20.787 28 18.9961 29.7909 18.9961 32V40C18.9961 42.2091 20.787 44 22.9961 44H56.9961C59.2052 44 60.9961 42.2091 60.9961 40V32C60.9961 29.7909 59.2052 28 56.9961 28H22.9961ZM26.9961 34.2C26.002 34.2 25.1961 35.0059 25.1961 36C25.1961 36.9941 26.002 37.8 26.9961 37.8H34.7104C35.7045 37.8 36.5104 36.9941 36.5104 36C36.5104 35.0059 35.7045 34.2 34.7104 34.2H26.9961ZM51.1961 36C51.1961 35.0059 52.002 34.2 52.9961 34.2H53.0001C53.9942 34.2 54.8001 35.0059 54.8001 36C54.8001 36.9941 53.9942 37.8 53.0001 37.8H52.9961C52.002 37.8 51.1961 36.9941 51.1961 36ZM44.9961 34.2C44.002 34.2 43.1961 35.0059 43.1961 36C43.1961 36.9941 44.002 37.8 44.9961 37.8H45.0001C45.9942 37.8 46.8001 36.9941 46.8001 36C46.8001 35.0059 45.9942 34.2 45.0001 34.2H44.9961Z"
+        fill="white"
+        fill-opacity="0.02"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 44C20.787 44 18.9961 45.7909 18.9961 48V56C18.9961 58.2091 20.787 60 22.9961 60H56.9961C59.2052 60 60.9961 58.2091 60.9961 56V48C60.9961 45.7909 59.2052 44 56.9961 44H22.9961ZM26.9961 50.2C26.002 50.2 25.1961 51.0059 25.1961 52C25.1961 52.9941 26.002 53.8 26.9961 53.8H34.7104C35.7045 53.8 36.5104 52.9941 36.5104 52C36.5104 51.0059 35.7045 50.2 34.7104 50.2H26.9961ZM51.1961 52C51.1961 51.0059 52.002 50.2 52.9961 50.2H53.0001C53.9942 50.2 54.8001 51.0059 54.8001 52C54.8001 52.9941 53.9942 53.8 53.0001 53.8H52.9961C52.002 53.8 51.1961 52.9941 51.1961 52ZM44.9961 50.2C44.002 50.2 43.1961 51.0059 43.1961 52C43.1961 52.9941 44.002 53.8 44.9961 53.8H45.0001C45.9942 53.8 46.8001 52.9941 46.8001 52C46.8001 51.0059 45.9942 50.2 45.0001 50.2H44.9961Z"
+        fill="url(#paint4_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 44C20.787 44 18.9961 45.7909 18.9961 48V56C18.9961 58.2091 20.787 60 22.9961 60H56.9961C59.2052 60 60.9961 58.2091 60.9961 56V48C60.9961 45.7909 59.2052 44 56.9961 44H22.9961ZM26.9961 50.2C26.002 50.2 25.1961 51.0059 25.1961 52C25.1961 52.9941 26.002 53.8 26.9961 53.8H34.7104C35.7045 53.8 36.5104 52.9941 36.5104 52C36.5104 51.0059 35.7045 50.2 34.7104 50.2H26.9961ZM51.1961 52C51.1961 51.0059 52.002 50.2 52.9961 50.2H53.0001C53.9942 50.2 54.8001 51.0059 54.8001 52C54.8001 52.9941 53.9942 53.8 53.0001 53.8H52.9961C52.002 53.8 51.1961 52.9941 51.1961 52ZM44.9961 50.2C44.002 50.2 43.1961 51.0059 43.1961 52C43.1961 52.9941 44.002 53.8 44.9961 53.8H45.0001C45.9942 53.8 46.8001 52.9941 46.8001 52C46.8001 51.0059 45.9942 50.2 45.0001 50.2H44.9961Z"
+        fill="url(#paint5_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 44C20.787 44 18.9961 45.7909 18.9961 48V56C18.9961 58.2091 20.787 60 22.9961 60H56.9961C59.2052 60 60.9961 58.2091 60.9961 56V48C60.9961 45.7909 59.2052 44 56.9961 44H22.9961ZM26.9961 50.2C26.002 50.2 25.1961 51.0059 25.1961 52C25.1961 52.9941 26.002 53.8 26.9961 53.8H34.7104C35.7045 53.8 36.5104 52.9941 36.5104 52C36.5104 51.0059 35.7045 50.2 34.7104 50.2H26.9961ZM51.1961 52C51.1961 51.0059 52.002 50.2 52.9961 50.2H53.0001C53.9942 50.2 54.8001 51.0059 54.8001 52C54.8001 52.9941 53.9942 53.8 53.0001 53.8H52.9961C52.002 53.8 51.1961 52.9941 51.1961 52ZM44.9961 50.2C44.002 50.2 43.1961 51.0059 43.1961 52C43.1961 52.9941 44.002 53.8 44.9961 53.8H45.0001C45.9942 53.8 46.8001 52.9941 46.8001 52C46.8001 51.0059 45.9942 50.2 45.0001 50.2H44.9961Z"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 60C20.787 60 18.9961 61.7909 18.9961 64V72C18.9961 74.2091 20.787 76 22.9961 76H56.9961C59.2052 76 60.9961 74.2091 60.9961 72V64C60.9961 61.7909 59.2052 60 56.9961 60H22.9961ZM26.9961 66.2C26.002 66.2 25.1961 67.0059 25.1961 68C25.1961 68.9941 26.002 69.8 26.9961 69.8H34.7104C35.7045 69.8 36.5104 68.9941 36.5104 68C36.5104 67.0059 35.7045 66.2 34.7104 66.2H26.9961ZM51.1961 68C51.1961 67.0059 52.002 66.2 52.9961 66.2H53.0001C53.9942 66.2 54.8001 67.0059 54.8001 68C54.8001 68.9941 53.9942 69.8 53.0001 69.8H52.9961C52.002 69.8 51.1961 68.9941 51.1961 68ZM44.9961 66.2C44.002 66.2 43.1961 67.0059 43.1961 68C43.1961 68.9941 44.002 69.8 44.9961 69.8H45.0001C45.9942 69.8 46.8001 68.9941 46.8001 68C46.8001 67.0059 45.9942 66.2 45.0001 66.2H44.9961Z"
+        fill="url(#paint6_linear_290_1332)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22.9961 60C20.787 60 18.9961 61.7909 18.9961 64V72C18.9961 74.2091 20.787 76 22.9961 76H56.9961C59.2052 76 60.9961 74.2091 60.9961 72V64C60.9961 61.7909 59.2052 60 56.9961 60H22.9961ZM26.9961 66.2C26.002 66.2 25.1961 67.0059 25.1961 68C25.1961 68.9941 26.002 69.8 26.9961 69.8H34.7104C35.7045 69.8 36.5104 68.9941 36.5104 68C36.5104 67.0059 35.7045 66.2 34.7104 66.2H26.9961ZM51.1961 68C51.1961 67.0059 52.002 66.2 52.9961 66.2H53.0001C53.9942 66.2 54.8001 67.0059 54.8001 68C54.8001 68.9941 53.9942 69.8 53.0001 69.8H52.9961C52.002 69.8 51.1961 68.9941 51.1961 68ZM44.9961 66.2C44.002 66.2 43.1961 67.0059 43.1961 68C43.1961 68.9941 44.002 69.8 44.9961 69.8H45.0001C45.9942 69.8 46.8001 68.9941 46.8001 68C46.8001 67.0059 45.9942 66.2 45.0001 66.2H44.9961Z"
+        fill="white"
+        fill-opacity="0.32"
+      />
+      <path
+        d="M71.9961 30.5L41.9095 5.58457C40.7995 4.66533 39.1927 4.66533 38.0827 5.58457L7.99609 30.5"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
       <defs>
         <linearGradient
-          id="illus_grad"
-          x1="-1651.89"
-          y1="62.52"
-          x2="-1607.13"
-          y2="112.71"
-          gradientTransform="matrix(-1, 0, 0, 1, -1597.93, 0)"
+          id="paint0_linear_290_1332"
+          x1="39.7598"
+          y1="52"
+          x2="26.4105"
+          y2="8.05514"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#3DBFFF" />
+          <stop offset="1" stop-color="#008BD0" />
         </linearGradient>
         <linearGradient
-          id="illus_grad-2"
-          x1="-1676.95"
-          y1="68.78"
-          x2="-1640.9"
-          y2="109.2"
-          xlink:href="#illus_grad"
-        />
+          id="paint1_linear_290_1332"
+          x1="39.7598"
+          y1="4"
+          x2="54.3791"
+          y2="47.0335"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#008ED5" />
+          <stop offset="1" stop-color="#009EEC" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_290_1332"
+          x1="60.7598"
+          y1="36"
+          x2="18.7598"
+          y2="36"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#3AB1EB" />
+          <stop offset="1" stop-color="#0182C2" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_290_1332"
+          x1="60.7598"
+          y1="70"
+          x2="21.3054"
+          y2="72.2688"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_290_1332"
+          x1="60.7598"
+          y1="52"
+          x2="18.7598"
+          y2="52"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#3AB1EB" />
+          <stop offset="1" stop-color="#0182C2" />
+        </linearGradient>
+        <linearGradient
+          id="paint5_linear_290_1332"
+          x1="60.7598"
+          y1="86"
+          x2="21.3054"
+          y2="88.2688"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint6_linear_290_1332"
+          x1="60.7598"
+          y1="102"
+          x2="21.3054"
+          y2="104.269"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
       </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-zone'">
+    <svg
+      width="96"
+      height="124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon-obj-zone"
+    >
+      <g clip-path="url(#clip0_290_1078)">
+        <rect
+          x="40"
+          y="4"
+          width="36"
+          height="36"
+          rx="4"
+          fill="url(#paint0_linear_290_1078)"
+        />
+        <rect
+          x="40"
+          y="4"
+          width="36"
+          height="36"
+          rx="4"
+          fill="white"
+          fill-opacity="0.16"
+        />
       </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="3.03 94.67 47.55 94.67 47.55 50.14 3.03 94.67"
+      <g clip-path="url(#clip1_290_1078)">
+        <rect
+          x="40"
+          y="76"
+          width="36"
+          height="36"
+          rx="4"
+          transform="rotate(-180 40 76)"
+          fill="url(#paint1_linear_290_1078)"
         />
-        <polygon
-          class="cls-3"
-          points="38 94.67 73.86 94.67 73.86 58.81 38 94.67"
+        <rect
+          x="40"
+          y="76"
+          width="36"
+          height="36"
+          rx="4"
+          transform="rotate(-180 40 76)"
+          fill="white"
+          fill-opacity="0.12"
         />
       </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <rect class="cls-4" x="24" y="36.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="36.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="36.36" width="2" height="6" />
-        <rect class="cls-4" x="58" y="52.36" width="2" height="4" />
-        <rect class="cls-4" x="65" y="52.36" width="2" height="4" />
-        <rect class="cls-4" x="72" y="52.36" width="2" height="4" />
-        <rect class="cls-4" x="58" y="64.36" width="2" height="4" />
-        <rect class="cls-4" x="65" y="64.36" width="2" height="4" />
-        <rect class="cls-4" x="72" y="64.36" width="2" height="4" />
-        <rect class="cls-4" x="58" y="76.36" width="2" height="4" />
-        <rect class="cls-4" x="65" y="76.36" width="2" height="4" />
-        <rect class="cls-4" x="72" y="76.36" width="2" height="4" />
-        <rect class="cls-4" x="24" y="49.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="49.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="49.36" width="2" height="6" />
-        <rect class="cls-4" x="24" y="62.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="62.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="62.36" width="2" height="6" />
-        <rect class="cls-4" x="24" y="75.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="75.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="75.36" width="2" height="6" />
-        <path
-          class="cls-4"
-          d="M89.36,96H7.14a1,1,0,0,1,0-2H89.36a1,1,0,1,1,0,2Z"
+      <path
+        d="M66 48V62C66 64.2091 64.2091 66 62 66H48"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-dasharray="8 8"
+      />
+      <path
+        d="M14 32L14 18C14 15.7909 15.7909 14 18 14L32 14"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-dasharray="8 8"
+      />
+      <g clip-path="url(#clip2_290_1078)">
+        <rect x="27" y="27" width="26" height="26" rx="4" fill="#008FD6" />
+        <rect
+          x="27"
+          y="27"
+          width="26"
+          height="26"
+          rx="4"
+          fill="white"
+          fill-opacity="0.12"
         />
         <path
-          class="cls-4"
-          d="M51.87,95a1,1,0,0,1-1-1V26.13A1.19,1.19,0,0,0,49.62,25H18.12a1.19,1.19,0,0,0-1.25,1.12V94a1,1,0,0,1-2,0V26.13A3.19,3.19,0,0,1,18.12,23h31.5a3.19,3.19,0,0,1,3.25,3.12V94A1,1,0,0,1,51.87,95Z"
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M53 31C53 28.7909 51.2091 27 49 27L27 27L53 53L53 31Z"
+          fill="#008FD6"
         />
         <path
-          class="cls-4"
-          d="M80,94H78V45.12A1.19,1.19,0,0,0,76.75,44H55V42H76.75A3.19,3.19,0,0,1,80,45.12Z"
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M53 31C53 28.7909 51.2091 27 49 27L27 27L53 53L53 31Z"
+          fill="white"
+          fill-opacity="0.24"
         />
       </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-zone'">
-    <svg
-      id="svg2"
-      version="1.1"
-      xml:space="preserve"
-      width="96"
-      height="124"
-      viewBox="0 0 1440 1440"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:svg="http://www.w3.org/2000/svg"
-      class="icon icon-obj-zone"
-    >
-      <defs id="defs6" />
-      <g id="g8" transform="matrix(1.3333333,0,0,-1.3333333,0,1150)">
-        <g id="g10" transform="scale(0.1)">
-          <path
-            id="path14"
-            d="m 5485.82,3974.16 c 99.06,0 179.66,80.57 179.66,179.63 0,99.04 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.29 -129.39,-55.36 -31.03,-32.28 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-91.98 50.24,-124.3 32.7,-34.03 78.58,-55.33 129.39,-55.33 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path16"
-            d="m 4254.43,6033.08 c 2.83,42.92 5.99,85.56 9.36,128 1.15,14.07 2.41,28.01 3.59,42.02 2.41,28.37 4.88,56.71 7.53,84.84 1.53,16.36 3.19,32.62 4.82,48.89 2.59,25.69 5.21,51.32 8.01,76.8 1.84,16.87 3.73,33.7 5.66,50.51 2.86,25 5.87,49.88 8.98,74.67 2.01,16.41 4.06,32.86 6.2,49.18 3.37,25.75 6.9,51.29 10.48,76.8 2.08,14.88 4.1,29.82 6.27,44.64 4.49,30.54 9.18,60.81 13.97,90.99 1.48,9.37 2.86,18.86 4.37,28.16 6.05,37.32 12.35,74.37 18.91,111.08 -500.09,158.22 -883.99,207.79 -1148.77,186.14 237.22,-16.12 534.1,-73.55 889.96,-186.14 -6.54,-36.71 -12.83,-73.76 -18.91,-111.08 -1.51,-9.3 -2.9,-18.79 -4.37,-28.16 -4.79,-30.18 -9.49,-60.45 -13.95,-90.99 -2.17,-14.82 -4.18,-29.76 -6.29,-44.64 -3.59,-25.51 -7.11,-51.05 -10.48,-76.8 -2.14,-16.32 -4.16,-32.77 -6.21,-49.18 -3.07,-24.79 -6.08,-49.67 -8.97,-74.67 -1.93,-16.81 -3.83,-33.64 -5.67,-50.51 -2.8,-25.48 -5.42,-51.11 -7.98,-76.8 -1.65,-16.27 -3.28,-32.53 -4.85,-48.89 -2.65,-28.13 -5.09,-56.47 -7.5,-84.84 -1.2,-14.01 -2.47,-27.95 -3.58,-42.02 -3.4,-42.44 -6.57,-85.08 -9.4,-128 -3.82,-57.98 25.63,-113.1 75.96,-142.17 L 6147.26,4692.5 c -6.05,-79.57 -13.16,-158.27 -21.26,-235.98 -24.31,-233.18 -57.74,-457.45 -99.91,-669.91 -0.03,-0.09 -0.03,-0.15 -0.06,-0.24 -170.44,-856.95 -439.31,-1317.59 -669.58,-1445.27 44.91,-24.93 88.41,-37.4 129.37,-37.4 250.95,0 595.3,458.47 799.03,1482.67 0.03,0.09 0.03,0.15 0.03,0.24 42.19,212.46 75.63,436.73 99.93,669.91 8.1,77.71 15.18,156.41 21.24,235.98 L 4330.39,5890.91 c -50.33,29.07 -79.79,84.19 -75.96,142.17 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path18"
-            d="m 4742.24,6646.03 c 0,-267.34 217.46,-484.83 484.79,-484.83 44.88,0 88.16,6.57 129.4,18.07 -204.61,56.81 -355.41,244.27 -355.41,466.76 0,222.46 150.8,409.92 355.41,466.73 -41.27,11.47 -84.55,18.07 -129.4,18.07 -267.33,0 -484.79,-217.49 -484.79,-484.8 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path20"
-            d="m 5356.43,6770.3 c -31.03,-32.29 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-92.01 50.24,-124.3 32.7,-34.04 78.58,-55.36 129.39,-55.36 99.06,0 179.66,80.6 179.66,179.66 0,99.03 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.32 -129.39,-55.36 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path22"
-            d="m 7908.6,6948.1 c 112.92,-195.6 -58.13,-642.45 -665.9,-1231.79 46.98,-37.68 93.27,-75.48 138.33,-113.46 705.6,645.34 906.41,1137.3 786.38,1345.25 -73.19,126.77 -297.54,202.82 -667.8,177.79 217.7,-17.89 354.81,-83.94 408.99,-177.79 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path24"
-            d="m 6026.09,7013.18 c 8.59,-43.13 35.3,-80.42 73.37,-102.4 38.07,-21.99 83.8,-26.45 125.36,-12.35 35.45,12.05 70.21,23.43 104.57,34.42 -22.46,21.48 -38.31,49.28 -44.48,80.33 -203.73,1024.53 -548.14,1483.12 -799.09,1483.12 -40.96,0 -84.46,-12.47 -129.37,-37.4 230.27,-127.7 499.2,-588.5 669.64,-1445.72 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path26"
-            d="m 7282.81,5284.89 c -0.12,0.09 -0.24,0.21 -0.36,0.3 -41.14,36.08 -83.25,72.1 -126.29,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.66,0.45 -1.26,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.65,1.12 -3.28,2.23 -4.94,3.35 -19.6,13.34 -39.33,26.62 -59.15,39.9 -168.67,112.68 -343.93,221.65 -520.88,323.79 -45.51,26.26 -91.26,52.13 -137.16,77.61 -33.74,-32.56 -72.23,-60.18 -114.19,-82.01 174.43,-100.9 347.13,-208.28 513.42,-319.39 19.84,-13.28 39.57,-26.56 59.18,-39.9 1.66,-1.12 3.25,-2.23 4.91,-3.35 2.59,-1.77 5.21,-3.55 7.8,-5.3 0.63,-0.45 1.27,-0.87 1.9,-1.32 215.71,-147.35 417.48,-299.18 602.17,-453.18 43.04,-35.87 85.18,-71.89 126.32,-107.97 0.12,-0.09 0.21,-0.21 0.33,-0.3 785.21,-688.47 1010.04,-1215.76 884.63,-1432.98 -54.24,-93.91 -191.62,-159.96 -409.65,-177.76 370.62,-25.15 595.21,50.96 668.43,177.76 125.45,217.22 -99.42,744.51 -884.6,1432.98 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path28"
-            d="m 4278.49,3909.47 c -16.5,0 -33.07,-2.68 -49.03,-8.07 -412.21,-139.94 -751.23,-209.36 -1015.86,-227.25 268.45,-22.02 659.64,29.39 1170.04,192.82 -8.71,8.34 -18.19,15.93 -28.83,22.08 -23.46,13.52 -49.81,20.42 -76.32,20.42 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path30"
-            d="m 5005.15,4584.32 c 2.47,-1.42 4.91,-2.9 7.38,-4.34 45.41,-26.2 91.17,-52.08 137.16,-77.62 57.22,55.21 128.03,96.23 206.74,118.19 -41.27,11.44 -84.55,18.04 -129.4,18.04 -80.02,0 -155.38,-19.73 -221.88,-54.27 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path32"
-            d="m 4601.16,4315.71 c 48.97,-28.28 98.37,-56.11 147.97,-83.64 -4.15,-25.54 -6.89,-51.56 -6.89,-78.28 0,-267.33 217.46,-484.79 484.79,-484.79 44.85,0 88.13,6.59 129.4,18.07 -204.61,56.8 -355.41,244.26 -355.41,466.72 0,26.72 2.74,52.74 6.93,78.28 -49.64,27.53 -99.01,55.36 -148.01,83.64 -183.79,106.11 -364.83,218.61 -538.05,334.39 -264.68,177.04 -510.03,360.58 -731.08,546.87 -41.95,-38.4 -82.01,-76.2 -120.44,-113.46 183.72,-147.31 381.97,-292.46 592.71,-433.41 173.25,-115.78 354.26,-228.28 538.08,-334.39 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path34"
-            d="m 7908.63,3851.91 c 125.41,217.22 -99.42,744.51 -884.63,1432.98 -0.12,0.09 -0.21,0.21 -0.33,0.3 -41.14,36.08 -83.28,72.1 -126.32,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.63,0.45 -1.27,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.66,1.12 -3.25,2.23 -4.91,3.35 -19.61,13.34 -39.34,26.62 -59.18,39.9 -166.29,111.11 -338.99,218.49 -513.42,319.39 -66.59,-34.61 -142.04,-54.4 -222.15,-54.4 -44.85,0 -88.13,6.63 -129.39,18.07 -41.24,-11.5 -84.52,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.49 -484.79,484.83 0,267.31 217.46,484.8 484.79,484.8 44.85,0 88.13,-6.6 129.4,-18.07 41.26,11.47 84.54,18.07 129.39,18.07 267.33,0 484.82,-217.49 484.82,-484.8 0,-26.62 -2.74,-52.59 -6.86,-78.04 49.57,-27.47 98.97,-55.33 148.12,-83.7 182.68,-105.48 363.63,-217.97 537.87,-334.35 210.47,-140.72 408.81,-285.92 592.93,-433.63 607.77,589.34 778.82,1036.19 665.9,1231.79 -54.18,93.85 -191.29,159.9 -408.99,177.79 -264.66,-17.92 -603.71,-87.41 -1015.98,-227.46 -41.59,-14.1 -87.28,-9.64 -125.38,12.35 -10.63,6.14 -20.15,13.73 -28.86,22.07 -34.36,-10.99 -69.12,-22.37 -104.57,-34.42 -41.56,-14.1 -87.29,-9.64 -125.36,12.35 -38.07,21.98 -64.78,59.27 -73.37,102.4 -170.44,857.22 -439.37,1318.02 -669.64,1445.72 -230.2,-127.7 -499.01,-588.47 -669.48,-1445.6 0,-0.03 0,-0.06 0,-0.12 -34.1,-171.56 -62.41,-351.16 -84.94,-537.05 -14.58,-120.39 -26.81,-243.36 -36.38,-368.69 L 6641.28,4909.09 c 50.3,-29.06 79.75,-84.15 75.99,-142.1 -2.83,-42.8 -5.97,-85.36 -9.34,-127.71 -1.14,-14.3 -2.44,-28.49 -3.64,-42.77 -2.35,-28.04 -4.76,-56.02 -7.38,-83.85 -1.57,-16.65 -3.26,-33.22 -4.91,-49.81 -2.53,-25.27 -5.09,-50.45 -7.83,-75.54 -1.9,-17.29 -3.83,-34.52 -5.82,-51.72 -2.8,-24.45 -5.72,-48.79 -8.73,-73.04 -2.11,-16.98 -4.22,-33.97 -6.42,-50.84 -3.25,-24.97 -6.68,-49.73 -10.15,-74.48 -2.17,-15.63 -4.3,-31.36 -6.59,-46.93 -4.25,-29.09 -8.74,-57.95 -13.29,-86.71 -1.71,-10.81 -3.28,-21.72 -5.03,-32.47 -6.05,-37.26 -12.34,-74.27 -18.88,-110.96 355.74,-112.52 652.53,-169.93 889.72,-186.01 218.03,17.8 355.41,83.85 409.65,177.76 v 0"
-            style="
-              fill: #fbce28;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path36"
-            d="m 6026.03,3786.37 c 0.03,0.09 0.03,0.15 0.06,0.24 42.17,212.46 75.6,436.73 99.91,669.91 8.1,77.71 15.21,156.41 21.26,235.98 L 4071.57,5890.91 c -50.33,29.07 -79.78,84.19 -75.96,142.17 2.83,42.92 6,85.56 9.4,128 1.11,14.07 2.38,28.01 3.58,42.02 2.41,28.37 4.85,56.71 7.5,84.84 1.57,16.36 3.2,32.62 4.85,48.89 2.56,25.69 5.18,51.32 7.98,76.8 1.84,16.87 3.74,33.7 5.67,50.51 2.89,25 5.9,49.88 8.97,74.67 2.05,16.41 4.07,32.86 6.21,49.18 3.37,25.75 6.89,51.29 10.48,76.8 2.11,14.88 4.12,29.82 6.29,44.64 4.46,30.54 9.16,60.81 13.95,90.99 1.47,9.37 2.86,18.86 4.37,28.16 6.08,37.32 12.37,74.37 18.91,111.08 -355.86,112.59 -652.74,170.02 -889.96,186.14 -217.88,-17.83 -355.19,-83.82 -409.38,-177.7 -125.45,-217.34 99.52,-744.88 884.93,-1433.46 217.16,-190.48 461.97,-378.99 728.73,-561.24 8.11,-5.55 16.24,-11.09 24.37,-16.6 3.88,-2.62 7.8,-5.27 11.66,-7.89 12.43,-8.4 24.88,-16.78 37.37,-25.15 165.33,-110.48 338.15,-217.88 513.66,-319.44 66.5,34.54 141.86,54.27 221.88,54.27 44.85,0 88.13,-6.6 129.4,-18.04 41.23,11.5 84.51,18.04 129.39,18.04 267.33,0 484.82,-217.46 484.82,-484.8 0,-267.33 -217.49,-484.79 -484.82,-484.79 -44.85,0 -88.13,6.59 -129.39,18.07 -41.27,-11.48 -84.55,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.46 -484.79,484.79 0,26.72 2.74,52.74 6.89,78.28 -49.6,27.53 -99,55.36 -147.97,83.64 -183.82,106.11 -364.83,218.61 -538.08,334.39 -210.74,140.95 -408.99,286.1 -592.71,433.41 -607.81,-589.31 -778.86,-1036.1 -665.94,-1231.6 54.19,-93.85 191.35,-159.9 409.17,-177.76 264.63,17.89 603.65,87.31 1015.86,227.25 15.96,5.39 32.53,8.07 49.03,8.07 26.51,0 52.86,-6.9 76.32,-20.42 10.64,-6.15 20.12,-13.74 28.83,-22.08 34.39,11.02 69.15,22.38 104.6,34.43 15.99,5.39 32.56,8.07 49.04,8.07 26.53,0 52.85,-6.9 76.32,-20.42 38.04,-21.99 64.78,-59.31 73.34,-102.41 170.44,-857.1 439.28,-1317.86 669.51,-1445.54 230.27,127.68 499.14,588.32 669.58,1445.27 v 0"
-            style="
-              fill: #fbce28;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
+      <defs>
+        <linearGradient
+          id="paint0_linear_290_1078"
+          x1="40"
+          y1="40"
+          x2="76"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#54C6FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_290_1078"
+          x1="40"
+          y1="112"
+          x2="76"
+          y2="76"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#54C6FF" />
+          <stop offset="1" stop-color="#0081C1" />
+        </linearGradient>
+        <clipPath id="clip0_290_1078">
+          <rect x="40" y="4" width="36" height="36" rx="4" fill="white" />
+        </clipPath>
+        <clipPath id="clip1_290_1078">
+          <rect
+            x="40"
+            y="76"
+            width="36"
+            height="36"
+            rx="4"
+            transform="rotate(-180 40 76)"
+            fill="white"
           />
-        </g>
-      </g>
+        </clipPath>
+        <clipPath id="clip2_290_1078">
+          <rect x="27" y="27" width="26" height="26" rx="4" fill="white" />
+        </clipPath>
+      </defs>
     </svg>
   </template>
   <template v-else-if="props.name === 'obj-host'">
     <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
       width="96"
       height="124"
-      viewBox="0 0 96 124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
       class="icon-obj-host"
     >
+      <path
+        d="M23 63L18 63C16.3431 63 15 61.6569 15 60L15 53"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M57 63L62 63C63.6569 63 65 61.6569 65 60L65 53"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M20.4118 16.8372C14.8564 16.8372 10.3529 21.3872 10.3529 27C10.3529 27.8572 10.458 28.6897 10.6558 29.4849C10.7551 29.8842 10.5458 30.3023 10.1671 30.463C6.54426 32.0001 4 35.6185 4 39.8372C4 45.45 8.50349 50 14.0588 50H62.2353C69.8373 50 76 43.7736 76 36.093C76 28.4124 69.8373 22.186 62.2353 22.186C61.0931 22.186 59.9833 22.3266 58.9221 22.5916C58.3473 22.7351 57.7765 22.2298 57.8563 21.6427C57.951 20.946 58 20.2346 58 19.5116C58 10.9448 51.1263 4 42.6471 4C34.8863 4 28.4705 9.81773 27.439 17.3721L27.3985 17.9929C27.3571 18.627 26.5763 18.9434 26.0522 18.5841C24.4435 17.4814 22.5021 16.8372 20.4118 16.8372ZM33 48C33 47.1716 33.6716 46.5 34.5 46.5H45.5C46.3284 46.5 47 47.1716 47 48C47 48.8284 46.3284 49.5 45.5 49.5H34.5C33.6716 49.5 33 48.8284 33 48ZM34.5 40.5C33.6716 40.5 33 41.1716 33 42C33 42.8284 33.6716 43.5 34.5 43.5H45.5C46.3284 43.5 47 42.8284 47 42C47 41.1716 46.3284 40.5 45.5 40.5H34.5ZM30.5 33C30.5 32.1716 31.1716 31.5 32 31.5H41C41.8284 31.5 42.5 32.1716 42.5 33C42.5 33.8284 41.8284 34.5 41 34.5H32C31.1716 34.5 30.5 33.8284 30.5 33ZM48 31.5C47.1716 31.5 46.5 32.1716 46.5 33C46.5 33.8284 47.1716 34.5 48 34.5H48.001C48.8294 34.5 49.501 33.8284 49.501 33C49.501 32.1716 48.8294 31.5 48.001 31.5H48Z"
+        fill="url(#paint0_linear_401_1506)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M20.4118 16.8372C14.8564 16.8372 10.3529 21.3872 10.3529 27C10.3529 27.8572 10.458 28.6897 10.6558 29.4849C10.7551 29.8842 10.5458 30.3023 10.1671 30.463C6.54426 32.0001 4 35.6185 4 39.8372C4 45.45 8.50349 50 14.0588 50H62.2353C69.8373 50 76 43.7736 76 36.093C76 28.4124 69.8373 22.186 62.2353 22.186C61.0931 22.186 59.9833 22.3266 58.9221 22.5916C58.3473 22.7351 57.7765 22.2298 57.8563 21.6427C57.951 20.946 58 20.2346 58 19.5116C58 10.9448 51.1263 4 42.6471 4C34.8863 4 28.4705 9.81773 27.439 17.3721L27.3985 17.9929C27.3571 18.627 26.5763 18.9434 26.0522 18.5841C24.4435 17.4814 22.5021 16.8372 20.4118 16.8372ZM33 48C33 47.1716 33.6716 46.5 34.5 46.5H45.5C46.3284 46.5 47 47.1716 47 48C47 48.8284 46.3284 49.5 45.5 49.5H34.5C33.6716 49.5 33 48.8284 33 48ZM34.5 40.5C33.6716 40.5 33 41.1716 33 42C33 42.8284 33.6716 43.5 34.5 43.5H45.5C46.3284 43.5 47 42.8284 47 42C47 41.1716 46.3284 40.5 45.5 40.5H34.5ZM30.5 33C30.5 32.1716 31.1716 31.5 32 31.5H41C41.8284 31.5 42.5 32.1716 42.5 33C42.5 33.8284 41.8284 34.5 41 34.5H32C31.1716 34.5 30.5 33.8284 30.5 33ZM48 31.5C47.1716 31.5 46.5 32.1716 46.5 33C46.5 33.8284 47.1716 34.5 48 34.5H48.001C48.8294 34.5 49.501 33.8284 49.501 33C49.501 32.1716 48.8294 31.5 48.001 31.5H48Z"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M30 26C27.7909 26 26 27.7909 26 30V72C26 74.2091 27.7909 76 30 76H50C52.2091 76 54 74.2091 54 72V30C54 27.7909 52.2091 26 50 26H30ZM37.5 65C37.5 63.6193 38.6193 62.5 40 62.5C41.3807 62.5 42.5 63.6193 42.5 65C42.5 66.3807 41.3807 67.5 40 67.5C38.6193 67.5 37.5 66.3807 37.5 65ZM40 59.5C36.9624 59.5 34.5 61.9624 34.5 65C34.5 68.0376 36.9624 70.5 40 70.5C43.0376 70.5 45.5 68.0376 45.5 65C45.5 61.9624 43.0376 59.5 40 59.5ZM33 48C33 47.1716 33.6716 46.5 34.5 46.5H45.5C46.3284 46.5 47 47.1716 47 48C47 48.8284 46.3284 49.5 45.5 49.5H34.5C33.6716 49.5 33 48.8284 33 48ZM34.5 40.5C33.6716 40.5 33 41.1716 33 42C33 42.8284 33.6716 43.5 34.5 43.5H45.5C46.3284 43.5 47 42.8284 47 42C47 41.1716 46.3284 40.5 45.5 40.5H34.5ZM30.5 33C30.5 32.1716 31.1716 31.5 32 31.5H41C41.8284 31.5 42.5 32.1716 42.5 33C42.5 33.8284 41.8284 34.5 41 34.5H32C31.1716 34.5 30.5 33.8284 30.5 33ZM48 31.5C47.1716 31.5 46.5 32.1716 46.5 33C46.5 33.8284 47.1716 34.5 48 34.5H48.001C48.8294 34.5 49.501 33.8284 49.501 33C49.501 32.1716 48.8294 31.5 48.001 31.5H48Z"
+        fill="url(#paint1_linear_401_1506)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M30 26C27.7909 26 26 27.7909 26 30V72C26 74.2091 27.7909 76 30 76H50C52.2091 76 54 74.2091 54 72V30C54 27.7909 52.2091 26 50 26H30ZM37.5 65C37.5 63.6193 38.6193 62.5 40 62.5C41.3807 62.5 42.5 63.6193 42.5 65C42.5 66.3807 41.3807 67.5 40 67.5C38.6193 67.5 37.5 66.3807 37.5 65ZM40 59.5C36.9624 59.5 34.5 61.9624 34.5 65C34.5 68.0376 36.9624 70.5 40 70.5C43.0376 70.5 45.5 68.0376 45.5 65C45.5 61.9624 43.0376 59.5 40 59.5ZM33 48C33 47.1716 33.6716 46.5 34.5 46.5H45.5C46.3284 46.5 47 47.1716 47 48C47 48.8284 46.3284 49.5 45.5 49.5H34.5C33.6716 49.5 33 48.8284 33 48ZM34.5 40.5C33.6716 40.5 33 41.1716 33 42C33 42.8284 33.6716 43.5 34.5 43.5H45.5C46.3284 43.5 47 42.8284 47 42C47 41.1716 46.3284 40.5 45.5 40.5H34.5ZM30.5 33C30.5 32.1716 31.1716 31.5 32 31.5H41C41.8284 31.5 42.5 32.1716 42.5 33C42.5 33.8284 41.8284 34.5 41 34.5H32C31.1716 34.5 30.5 33.8284 30.5 33ZM48 31.5C47.1716 31.5 46.5 32.1716 46.5 33C46.5 33.8284 47.1716 34.5 48 34.5H48.001C48.8294 34.5 49.501 33.8284 49.501 33C49.501 32.1716 48.8294 31.5 48.001 31.5H48Z"
+        fill="white"
+        fill-opacity="0.08"
+      />
       <defs>
         <linearGradient
-          id="illus_grad"
-          x1="-3163.59"
-          y1="62.51"
-          x2="-3118.36"
-          y2="113.24"
-          gradientTransform="matrix(-1, 0, 0, 1, -3095.12, 0)"
+          id="paint0_linear_401_1506"
+          x1="40"
+          y1="4"
+          x2="46"
+          y2="50"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
         </linearGradient>
         <linearGradient
-          id="linear-gradient"
-          x1="89.6"
-          y1="58.65"
-          x2="44.2"
-          y2="104.05"
+          id="paint1_linear_401_1506"
+          x1="54"
+          y1="76"
+          x2="36.6071"
+          y2="79.4515"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.33" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.58" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.89" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
         </linearGradient>
       </defs>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon class="cls-1" points="17 95 62 95 62 50 17 95" />
-        <polygon class="cls-2" points="76 95 30.5 95 76 49.5 76 95" />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-3"
-          d="M68,95H66V22a1,1,0,0,0-1-1H31a1,1,0,0,0-1,1V95H28V22a3,3,0,0,1,3-3H65a3,3,0,0,1,3,3Z"
-        />
-        <path class="cls-3" d="M80,96H16a1,1,0,0,1,0-2H80a1,1,0,0,1,0,2Z" />
-        <path class="cls-3" d="M59,33H37a1,1,0,0,1,0-2H59a1,1,0,0,1,0,2Z" />
-        <path
-          class="cls-3"
-          d="M48.5,82A5.5,5.5,0,1,1,54,76.5,5.51,5.51,0,0,1,48.5,82Zm0-9A3.5,3.5,0,1,0,52,76.5,3.5,3.5,0,0,0,48.5,73Z"
-        />
-      </g>
     </svg>
   </template>
   <template v-else-if="props.name === 'obj-datastore'">
@@ -624,303 +730,543 @@
   </template>
   <template v-else-if="props.name === 'obj-ds'">
     <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
       width="96"
       height="124"
-      viewBox="0 0 96 124"
-      class="icon icon-obj-ds"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
     >
-      <defs>
-        <linearGradient
-          id="illus_grad"
-          x1="54.43"
-          y1="61.9"
-          x2="54.43"
-          y2="109.83"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <path
-          class="cls-2"
-          d="M46.88,55.31c-1.28,0-2.53,0-3.76-.11V95.83c1.23.07,2.48.11,3.76.11,7.49,0,14.22-1.16,18.87-3V52.29C61.1,54.15,54.37,55.31,46.88,55.31Z"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-3"
-          d="M48,98.43c-14.82,0-26-4.3-26-10v-46h2v46c0,3.79,9.86,8,24,8s24-4.22,24-8v-46h2v46C74,94.13,62.82,98.43,48,98.43Z"
-        />
-        <path
-          class="cls-3"
-          d="M72,72.48c0,3.79-9.86,8-24,8a53.15,53.15,0,0,1-17.3-2.59V80A56.81,56.81,0,0,0,48,82.5c14.82,0,26-4.31,26-10Z"
-        />
-        <path
-          class="cls-3"
-          d="M72,58c0,3.79-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58v2.13A56.83,56.83,0,0,0,48,68c14.82,0,26-4.3,26-10Z"
-        />
-        <path
-          class="cls-3"
-          d="M48,32.41c-14.82,0-26,4.3-26,10h2c0-3.79,9.86-8,24-8s24,4.22,24,8-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58V50A56.83,56.83,0,0,0,48,52.43c14.82,0,26-4.3,26-10S62.82,32.41,48,32.41Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'arrow'">
-    <svg height="20" viewBox="0 0 32 32" width="20">
       <path
-        d="M16.7 11.3c-0.4-0.4-1-0.4-1.4 0l-9 9c-0.4 0.4-0.4 1 0 1.4 0.4 0.4 1 0.4 1.4 0L16 13.4l8.3 8.3c0.4 0.4 1 0.4 1.4 0 0.4-0.4 0.4-1 0-1.4L16.7 11.3z"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M31.8738 24.4494C31.8283 24.5928 31.8037 24.7454 31.8037 24.9038C31.8037 25.7322 32.4753 26.4038 33.3037 26.4038H33.3059C34.1343 26.4038 34.8059 25.7322 34.8059 24.9038C34.8059 24.5714 34.6978 24.2643 34.5149 24.0157C34.7194 24.0053 34.9253 24 35.1324 24C41.9628 24 47.5 29.737 47.5 36.814C47.5 37.3278 47.4708 37.8347 47.414 38.3327C47.3468 38.9223 47.9252 39.4277 48.5036 39.295C49.2789 39.1171 50.0848 39.0233 50.9118 39.0233C57.0356 39.0233 62 44.1668 62 50.5116C62 56.8565 57.0356 62 50.9118 62H12.1029C7.62781 62 4 58.2413 4 53.6047C4 50.1676 5.99349 47.2129 8.84788 45.9142C9.21836 45.7456 9.42476 45.3335 9.33431 44.9367C9.19262 44.315 9.11765 43.6666 9.11765 43C9.11765 38.3634 12.7455 34.6047 17.2206 34.6047C18.7883 34.6047 20.2521 35.0659 21.4923 35.8647C22.0308 36.2115 22.8276 35.8909 22.8683 35.2517L22.8814 35.0465C23.5625 29.9318 27.1571 25.7807 31.8738 24.4494ZM25.1069 36.188C25.1069 35.3596 25.7785 34.688 26.6069 34.688H26.6091C27.4376 34.688 28.1091 35.3596 28.1091 36.188C28.1091 37.0164 27.4376 37.688 26.6091 37.688H26.6069C25.7785 37.688 25.1069 37.0164 25.1069 36.188ZM33.3037 35.6924C32.4753 35.6924 31.8037 36.364 31.8037 37.1924C31.8037 38.0208 32.4753 38.6924 33.3037 38.6924H33.3059C34.1343 38.6924 34.8059 38.0208 34.8059 37.1924C34.8059 36.364 34.1343 35.6924 33.3059 35.6924H33.3037ZM25.1069 48.5088C25.1069 47.6804 25.7785 47.0088 26.6069 47.0088H26.6091C27.4376 47.0088 28.1091 47.6804 28.1091 48.5088C28.1091 49.3372 27.4376 50.0088 26.6091 50.0088H26.6069C25.7785 50.0088 25.1069 49.3372 25.1069 48.5088ZM33.3037 47.9795C32.4753 47.9795 31.8037 48.6511 31.8037 49.4795C31.8037 50.3079 32.4753 50.9795 33.3037 50.9795H33.3059C34.1343 50.9795 34.8059 50.3079 34.8059 49.4795C34.8059 48.6511 34.1343 47.9795 33.3059 47.9795H33.3037Z"
+        fill="url(#paint0_linear_543_65817)"
       />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'info'">
-    <svg viewBox="0 0 36 36" class="icon-container" style="">
       <path
-        id="error-icon-outline"
-        d="M18,7A11,11,0,1,1,7,18,11,11,0,0,1,18,7"
-        class="ng-tns-c303-18"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M31.8738 24.4494C31.8283 24.5928 31.8037 24.7454 31.8037 24.9038C31.8037 25.7322 32.4753 26.4038 33.3037 26.4038H33.3059C34.1343 26.4038 34.8059 25.7322 34.8059 24.9038C34.8059 24.5714 34.6978 24.2643 34.5149 24.0157C34.7194 24.0053 34.9253 24 35.1324 24C41.9628 24 47.5 29.737 47.5 36.814C47.5 37.3278 47.4708 37.8347 47.414 38.3327C47.3468 38.9223 47.9252 39.4277 48.5036 39.295C49.2789 39.1171 50.0848 39.0233 50.9118 39.0233C57.0356 39.0233 62 44.1668 62 50.5116C62 56.8565 57.0356 62 50.9118 62H12.1029C7.62781 62 4 58.2413 4 53.6047C4 50.1676 5.99349 47.2129 8.84788 45.9142C9.21836 45.7456 9.42476 45.3335 9.33431 44.9367C9.19262 44.315 9.11765 43.6666 9.11765 43C9.11765 38.3634 12.7455 34.6047 17.2206 34.6047C18.7883 34.6047 20.2521 35.0659 21.4923 35.8647C22.0308 36.2115 22.8276 35.8909 22.8683 35.2517L22.8814 35.0465C23.5625 29.9318 27.1571 25.7807 31.8738 24.4494ZM25.1069 36.188C25.1069 35.3596 25.7785 34.688 26.6069 34.688H26.6091C27.4376 34.688 28.1091 35.3596 28.1091 36.188C28.1091 37.0164 27.4376 37.688 26.6091 37.688H26.6069C25.7785 37.688 25.1069 37.0164 25.1069 36.188ZM33.3037 35.6924C32.4753 35.6924 31.8037 36.364 31.8037 37.1924C31.8037 38.0208 32.4753 38.6924 33.3037 38.6924H33.3059C34.1343 38.6924 34.8059 38.0208 34.8059 37.1924C34.8059 36.364 34.1343 35.6924 33.3059 35.6924H33.3037ZM25.1069 48.5088C25.1069 47.6804 25.7785 47.0088 26.6069 47.0088H26.6091C27.4376 47.0088 28.1091 47.6804 28.1091 48.5088C28.1091 49.3372 27.4376 50.0088 26.6091 50.0088H26.6069C25.7785 50.0088 25.1069 49.3372 25.1069 48.5088ZM33.3037 47.9795C32.4753 47.9795 31.8037 48.6511 31.8037 49.4795C31.8037 50.3079 32.4753 50.9795 33.3037 50.9795H33.3059C34.1343 50.9795 34.8059 50.3079 34.8059 49.4795C34.8059 48.6511 34.1343 47.9795 33.3059 47.9795H33.3037Z"
+        fill="white"
+        fill-opacity="0.24"
       />
       <path
-        id="error-icon-line"
-        d="M18,12.8v5.9"
-        class="ng-tns-c303-18 ng-trigger ng-trigger-errorLine"
+        d="M39.9999 19.0446C51.0949 19.0446 60.0892 16.7961 60.0892 14.0223C60.0892 11.2486 51.0949 9 39.9999 9C28.9049 9 19.9106 11.2486 19.9106 14.0223C19.9106 16.7961 28.9049 19.0446 39.9999 19.0446Z"
+        fill="url(#paint1_linear_543_65817)"
       />
-      <circle
-        id="error-icon-dot"
-        cx="18"
-        cy="23"
-        r="1.4"
-        class="ng-tns-c303-18 ng-trigger ng-trigger-errorDot"
+      <path
+        d="M39.9999 19.0446C51.0949 19.0446 60.0892 16.7961 60.0892 14.0223C60.0892 11.2486 51.0949 9 39.9999 9C28.9049 9 19.9106 11.2486 19.9106 14.0223C19.9106 16.7961 28.9049 19.0446 39.9999 19.0446Z"
+        fill="white"
+        fill-opacity="0.04"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.0892 14.0225C60.0892 16.7962 51.0949 19.0448 39.9999 19.0448C28.9049 19.0448 19.9106 16.7962 19.9106 14.0225V26.3101C19.9106 29.0839 28.9049 31.3325 39.9999 31.3325C51.0949 31.3325 60.0892 29.0839 60.0892 26.3101V14.0225ZM25.1069 23.8999C25.1069 23.0715 25.7785 22.3999 26.6069 22.3999H26.6091C27.4376 22.3999 28.1091 23.0715 28.1091 23.8999C28.1091 24.7283 27.4376 25.3999 26.6091 25.3999H26.6069C25.7785 25.3999 25.1069 24.7283 25.1069 23.8999ZM33.3037 23.4038C32.4753 23.4038 31.8037 24.0754 31.8037 24.9038C31.8037 25.7322 32.4753 26.4038 33.3037 26.4038H33.3059C34.1343 26.4038 34.8059 25.7322 34.8059 24.9038C34.8059 24.0754 34.1343 23.4038 33.3059 23.4038H33.3037Z"
+        fill="url(#paint2_linear_543_65817)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.0892 14.0225C60.0892 16.7962 51.0949 19.0448 39.9999 19.0448C28.9049 19.0448 19.9106 16.7962 19.9106 14.0225V26.3101C19.9106 29.0839 28.9049 31.3325 39.9999 31.3325C51.0949 31.3325 60.0892 29.0839 60.0892 26.3101V14.0225ZM25.1069 23.8999C25.1069 23.0715 25.7785 22.3999 26.6069 22.3999H26.6091C27.4376 22.3999 28.1091 23.0715 28.1091 23.8999C28.1091 24.7283 27.4376 25.3999 26.6091 25.3999H26.6069C25.7785 25.3999 25.1069 24.7283 25.1069 23.8999ZM33.3037 23.4038C32.4753 23.4038 31.8037 24.0754 31.8037 24.9038C31.8037 25.7322 32.4753 26.4038 33.3037 26.4038H33.3059C34.1343 26.4038 34.8059 25.7322 34.8059 24.9038C34.8059 24.0754 34.1343 23.4038 33.3059 23.4038H33.3037Z"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.0892 26.3101C60.0892 29.0838 51.0949 31.3324 39.9999 31.3324C28.9049 31.3324 19.9106 29.0838 19.9106 26.3101V38.5977C19.9106 41.3715 28.9049 43.6201 39.9999 43.6201C51.0949 43.6201 60.0892 41.3715 60.0892 38.5977V26.3101ZM25.1069 36.188C25.1069 35.3596 25.7785 34.688 26.6069 34.688H26.6091C27.4376 34.688 28.1091 35.3596 28.1091 36.188C28.1091 37.0164 27.4376 37.688 26.6091 37.688H26.6069C25.7785 37.688 25.1069 37.0164 25.1069 36.188ZM33.3037 35.6924C32.4753 35.6924 31.8037 36.364 31.8037 37.1924C31.8037 38.0208 32.4753 38.6924 33.3037 38.6924H33.3059C34.1343 38.6924 34.8059 38.0208 34.8059 37.1924C34.8059 36.364 34.1343 35.6924 33.3059 35.6924H33.3037Z"
+        fill="url(#paint3_linear_543_65817)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.0892 26.3101C60.0892 29.0838 51.0949 31.3324 39.9999 31.3324C28.9049 31.3324 19.9106 29.0838 19.9106 26.3101V38.5977C19.9106 41.3715 28.9049 43.6201 39.9999 43.6201C51.0949 43.6201 60.0892 41.3715 60.0892 38.5977V26.3101ZM25.1069 36.188C25.1069 35.3596 25.7785 34.688 26.6069 34.688H26.6091C27.4376 34.688 28.1091 35.3596 28.1091 36.188C28.1091 37.0164 27.4376 37.688 26.6091 37.688H26.6069C25.7785 37.688 25.1069 37.0164 25.1069 36.188ZM33.3037 35.6924C32.4753 35.6924 31.8037 36.364 31.8037 37.1924C31.8037 38.0208 32.4753 38.6924 33.3037 38.6924H33.3059C34.1343 38.6924 34.8059 38.0208 34.8059 37.1924C34.8059 36.364 34.1343 35.6924 33.3059 35.6924H33.3037Z"
+        fill="url(#paint4_linear_543_65817)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.0892 26.3101C60.0892 29.0838 51.0949 31.3324 39.9999 31.3324C28.9049 31.3324 19.9106 29.0838 19.9106 26.3101V38.5977C19.9106 41.3715 28.9049 43.6201 39.9999 43.6201C51.0949 43.6201 60.0892 41.3715 60.0892 38.5977V26.3101ZM25.1069 36.188C25.1069 35.3596 25.7785 34.688 26.6069 34.688H26.6091C27.4376 34.688 28.1091 35.3596 28.1091 36.188C28.1091 37.0164 27.4376 37.688 26.6091 37.688H26.6069C25.7785 37.688 25.1069 37.0164 25.1069 36.188ZM33.3037 35.6924C32.4753 35.6924 31.8037 36.364 31.8037 37.1924C31.8037 38.0208 32.4753 38.6924 33.3037 38.6924H33.3059C34.1343 38.6924 34.8059 38.0208 34.8059 37.1924C34.8059 36.364 34.1343 35.6924 33.3059 35.6924H33.3037Z"
+        fill="white"
+        fill-opacity="0.28"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M39.9999 55.875C51.0949 55.875 60.0892 53.6264 60.0892 50.8526V38.5977C60.0892 41.3714 51.0949 43.62 39.9999 43.62C28.9049 43.62 19.9106 41.3714 19.9106 38.5977V50.8526C19.9106 53.6264 28.9049 55.875 39.9999 55.875ZM25.1069 48.5088C25.1069 47.6804 25.7785 47.0088 26.6069 47.0088H26.6091C27.4376 47.0088 28.1091 47.6804 28.1091 48.5088C28.1091 49.3372 27.4376 50.0088 26.6091 50.0088H26.6069C25.7785 50.0088 25.1069 49.3372 25.1069 48.5088ZM33.3037 47.9795C32.4753 47.9795 31.8037 48.6511 31.8037 49.4795C31.8037 50.3079 32.4753 50.9795 33.3037 50.9795H33.3059C34.1343 50.9795 34.8059 50.3079 34.8059 49.4795C34.8059 48.6511 34.1343 47.9795 33.3059 47.9795H33.3037Z"
+        fill="url(#paint5_linear_543_65817)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M39.9999 55.875C51.0949 55.875 60.0892 53.6264 60.0892 50.8526V38.5977C60.0892 41.3714 51.0949 43.62 39.9999 43.62C28.9049 43.62 19.9106 41.3714 19.9106 38.5977V50.8526C19.9106 53.6264 28.9049 55.875 39.9999 55.875ZM25.1069 48.5088C25.1069 47.6804 25.7785 47.0088 26.6069 47.0088H26.6091C27.4376 47.0088 28.1091 47.6804 28.1091 48.5088C28.1091 49.3372 27.4376 50.0088 26.6091 50.0088H26.6069C25.7785 50.0088 25.1069 49.3372 25.1069 48.5088ZM33.3037 47.9795C32.4753 47.9795 31.8037 48.6511 31.8037 49.4795C31.8037 50.3079 32.4753 50.9795 33.3037 50.9795H33.3059C34.1343 50.9795 34.8059 50.3079 34.8059 49.4795C34.8059 48.6511 34.1343 47.9795 33.3059 47.9795H33.3037Z"
+        fill="url(#paint6_linear_543_65817)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M39.9999 55.875C51.0949 55.875 60.0892 53.6264 60.0892 50.8526V38.5977C60.0892 41.3714 51.0949 43.62 39.9999 43.62C28.9049 43.62 19.9106 41.3714 19.9106 38.5977V50.8526C19.9106 53.6264 28.9049 55.875 39.9999 55.875ZM25.1069 48.5088C25.1069 47.6804 25.7785 47.0088 26.6069 47.0088H26.6091C27.4376 47.0088 28.1091 47.6804 28.1091 48.5088C28.1091 49.3372 27.4376 50.0088 26.6091 50.0088H26.6069C25.7785 50.0088 25.1069 49.3372 25.1069 48.5088ZM33.3037 47.9795C32.4753 47.9795 31.8037 48.6511 31.8037 49.4795C31.8037 50.3079 32.4753 50.9795 33.3037 50.9795H33.3059C34.1343 50.9795 34.8059 50.3079 34.8059 49.4795C34.8059 48.6511 34.1343 47.9795 33.3059 47.9795H33.3037Z"
+        fill="white"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M10 60.7292C10 66.4016 14.5667 71 20.2 71H61.6C69.5529 71 76 64.5081 76 56.5C76 48.4919 69.5529 42 61.6 42C55.3777 42 50.0772 45.9739 48.065 51.5387C47.8734 52.0686 47.1931 52.2669 46.7445 51.9259C44.5342 50.2461 41.7826 49.25 38.8 49.25C34.871 49.25 31.3429 50.9785 28.9248 53.7216C28.5967 54.0938 28.0019 54.0942 27.665 53.73C25.8029 51.7172 23.1474 50.4583 20.2 50.4583C14.5667 50.4583 10 55.0567 10 60.7292Z"
+        fill="url(#paint7_linear_543_65817)"
+      />
+      <path
+        d="M10 60.7292C10 66.4016 14.5667 71 20.2 71H61.6C69.5529 71 76 64.5081 76 56.5C76 48.4919 69.5529 42 61.6 42C55.3777 42 50.0772 45.9739 48.065 51.5387C47.8734 52.0686 47.1931 52.2669 46.7445 51.9259C44.5342 50.2461 41.7826 49.25 38.8 49.25C34.871 49.25 31.3429 50.9785 28.9248 53.7216C28.5967 54.0938 28.0019 54.0942 27.665 53.73C25.8029 51.7172 23.1474 50.4583 20.2 50.4583C14.5667 50.4583 10 55.0567 10 60.7292Z"
+        fill="white"
+        fill-opacity="0.16"
       />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-cluster'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon icon-obj-cluster"
-    >
       <defs>
         <linearGradient
-          id="illus_grad"
-          x1="-1907.36"
-          y1="63.08"
-          x2="-1863.1"
-          y2="112.71"
-          gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
+          id="paint0_linear_543_65817"
+          x1="33"
+          y1="24"
+          x2="38.0785"
+          y2="61.9672"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
         </linearGradient>
         <linearGradient
-          id="illus_grad-2"
-          x1="-1923.8"
-          y1="71.55"
-          x2="-1892.27"
-          y2="106.92"
-          xlink:href="#illus_grad"
-        />
+          id="paint1_linear_543_65817"
+          x1="20"
+          y1="19"
+          x2="25.5363"
+          y2="0.619377"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.129572" stop-color="#0081C1" />
+          <stop offset="1" stop-color="#54C6FF" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_543_65817"
+          x1="60"
+          y1="71"
+          x2="21.0504"
+          y2="71.8377"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_543_65817"
+          x1="59.8631"
+          y1="71.7488"
+          x2="22.0926"
+          y2="73.6693"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_543_65817"
+          x1="60"
+          y1="83.2876"
+          x2="21.0504"
+          y2="84.1253"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint5_linear_543_65817"
+          x1="59.8631"
+          y1="83.9506"
+          x2="22.093"
+          y2="85.8747"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint6_linear_543_65817"
+          x1="60"
+          y1="95.4676"
+          x2="21.0505"
+          y2="96.3069"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint7_linear_543_65817"
+          x1="61.5"
+          y1="42"
+          x2="63.6087"
+          y2="66.9308"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#0085C7" />
+          <stop offset="1" stop-color="#26B7FF" />
+        </linearGradient>
       </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
-        />
-        <polygon
-          class="cls-3"
-          points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
-        />
-        <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
-        <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
-        <path
-          class="cls-4"
-          d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
-        />
-        <path
-          class="cls-4"
-          d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
-        />
-        <path
-          class="cls-4"
-          d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
-        />
-      </g>
     </svg>
   </template>
-  <template v-else-if="props.name === 'obj-network'">
+  <template v-else-if="props.name === 'arrow'">
+    <svg height="20" viewBox="0 0 32 32" width="20">
+      <path
+        d="M16.7 11.3c-0.4-0.4-1-0.4-1.4 0l-9 9c-0.4 0.4-0.4 1 0 1.4 0.4 0.4 1 0.4 1.4 0L16 13.4l8.3 8.3c0.4 0.4 1 0.4 1.4 0 0.4-0.4 0.4-1 0-1.4L16.7 11.3z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'info'">
+    <svg viewBox="0 0 36 36" class="icon-container" style="">
+      <path
+        id="error-icon-outline"
+        d="M18,7A11,11,0,1,1,7,18,11,11,0,0,1,18,7"
+        class="ng-tns-c303-18"
+      />
+      <path
+        id="error-icon-line"
+        d="M18,12.8v5.9"
+        class="ng-tns-c303-18 ng-trigger ng-trigger-errorLine"
+      />
+      <circle
+        id="error-icon-dot"
+        cx="18"
+        cy="23"
+        r="1.4"
+        class="ng-tns-c303-18 ng-trigger ng-trigger-errorDot"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-cluster'">
     <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
       width="96"
       height="124"
-      viewBox="0 0 96 124"
-      class="icon icon__obj-network"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon-obj-cluster"
     >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="75.11"
-          y1="22.68"
-          x2="-1.26"
-          y2="100.91"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="78.18"
-          y1="10.58"
-          x2="25.29"
-          y2="64.76"
-          xlink:href="#linear-gradient"
-        />
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="47.67 64 88.67 23 61.9 23 20.9 64 47.67 64"
-        />
-        <polygon
-          class="cls-3"
-          points="59.77 39 87.78 11 68.44 11 40.44 39 59.77 39"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path class="cls-4" d="M76,96H28.5a1,1,0,0,1,0-2H76a1,1,0,0,1,0,2Z" />
-        <path
-          class="cls-4"
-          d="M66,92H53V82.33a1,1,0,1,1,2,0V90H66a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M65.92,29.18a3,3,0,1,0,3,3A3,3,0,0,0,65.92,29.18Zm0,4.33a1.32,1.32,0,1,1,1.31-1.31A1.32,1.32,0,0,1,65.92,33.51Z"
-        />
-        <path
-          class="cls-4"
-          d="M77.56,45.86a3,3,0,1,0,3,3A3,3,0,0,0,77.56,45.86Zm0,4.32a1.31,1.31,0,1,1,1.31-1.31A1.31,1.31,0,0,1,77.56,50.18Z"
-        />
-        <path
-          class="cls-4"
-          d="M61.23,60.76a3.07,3.07,0,1,0,3.08,3.07A3.07,3.07,0,0,0,61.23,60.76Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,61.23,65.2Z"
-        />
-        <path
-          class="cls-4"
-          d="M63.24,75.6a3.08,3.08,0,1,0,3.08,3.08A3.08,3.08,0,0,0,63.24,75.6Zm0,4.45a1.37,1.37,0,1,1,1.38-1.37A1.38,1.38,0,0,1,63.24,80.05Z"
-        />
-        <path
-          class="cls-4"
-          d="M41,71.39a3.07,3.07,0,1,0,3.08,3.07A3.08,3.08,0,0,0,41,71.39Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,41,75.83Z"
-        />
-        <path
-          class="cls-4"
-          d="M37.33,39.24a3,3,0,1,0,3,3A3,3,0,0,0,37.33,39.24Zm0,4.26a1.28,1.28,0,1,1,1.29-1.28A1.28,1.28,0,0,1,37.33,43.5Z"
-        />
-        <path
-          class="cls-4"
-          d="M24.25,47a3,3,0,1,0,3,3A3,3,0,0,0,24.25,47Zm0,4.26a1.28,1.28,0,1,1,1.28-1.28A1.28,1.28,0,0,1,24.25,51.21Z"
-        />
-        <path class="cls-4" d="M28.5,90a1,1,0,0,0,0,2H49V90Z" />
-        <path
-          class="cls-4"
-          d="M59.16,64.48a29,29,0,0,1-9.27,6.72,29.38,29.38,0,0,1-7,2.18,2.32,2.32,0,0,1,.29,1.08,2.22,2.22,0,0,1-.21.93A31.06,31.06,0,0,0,60.5,66,2.26,2.26,0,0,1,59.16,64.48Z"
-        />
-        <path
-          class="cls-4"
-          d="M67.85,32.9a2.16,2.16,0,0,1-1.47,1.39,26.06,26.06,0,0,1,9.37,13.29,2.15,2.15,0,0,1,1.79-1A28.08,28.08,0,0,0,67.85,32.9Z"
-        />
-        <path
-          class="cls-4"
-          d="M61.05,79a25.68,25.68,0,0,1-10.13,2.06A26,26,0,0,1,25,55.11a26.58,26.58,0,0,1,.21-3.24,2.12,2.12,0,0,1-1,.25,2.21,2.21,0,0,1-1-.26A29,29,0,0,0,23,55.11,27.93,27.93,0,0,0,62.24,80.65,2.23,2.23,0,0,1,61.05,79Z"
-        />
-        <path
-          class="cls-4"
-          d="M59.06,63.7a2.07,2.07,0,0,1,.06-.5,48.05,48.05,0,0,1-25.29-6.33,49.33,49.33,0,0,1-7.93-5.61,2.1,2.1,0,0,1-1.65.8,1.85,1.85,0,0,1-.58-.09,51.18,51.18,0,0,0,9.17,6.64,50.18,50.18,0,0,0,24.79,6.62c.66,0,1.33,0,2,0A2.3,2.3,0,0,1,59.06,63.7Z"
-        />
-        <path
-          class="cls-4"
-          d="M35.06,42.18s0,0,0,0A33.62,33.62,0,0,0,31,44.32a36.11,36.11,0,0,0-5.26,4.11,2.15,2.15,0,0,1,.62,1.5,2,2,0,0,1-.18.85A31.91,31.91,0,0,1,35.92,44,2.28,2.28,0,0,1,35.06,42.18Z"
-        />
-        <path
-          class="cls-4"
-          d="M41.07,31.13a25.68,25.68,0,0,1,22.6,1.41c0-.11,0-.22,0-.33a2.16,2.16,0,0,1,.7-1.59,27.72,27.72,0,0,0-25.47-.7C39.59,30.29,40.32,30.69,41.07,31.13Z"
-        />
-        <path
-          class="cls-4"
-          d="M34.77,32.34A28.06,28.06,0,0,0,23.93,47.89a2.3,2.3,0,0,1,.26,0,2.13,2.13,0,0,1,1.61.75,26,26,0,0,1,11-15.27C36.12,33,35.43,32.64,34.77,32.34Z"
-        />
-        <path
-          class="cls-4"
-          d="M38.33,40.24a35.73,35.73,0,0,1,.93-5.55c-.61-.36-1.21-.7-1.79-1a35.67,35.67,0,0,0-1.14,6.58,2,2,0,0,1,1-.27A2.16,2.16,0,0,1,38.33,40.24Z"
-        />
-        <path
-          class="cls-4"
-          d="M48.12,40.81c-.8-.63-1.59-1.22-2.36-1.79A36.79,36.79,0,0,0,39,40.56a2.28,2.28,0,0,1,.67,1.62c0,.09,0,.18,0,.28A34.65,34.65,0,0,1,48.12,40.81Z"
-        />
-        <path
-          class="cls-4"
-          d="M51.93,38.74c.88.71,1.76,1.44,2.65,2.2a42.5,42.5,0,0,1,20.87,8.38,2.3,2.3,0,0,1,0-.45,2.17,2.17,0,0,1,.68-1.57A43.87,43.87,0,0,0,51.93,38.74Z"
-        />
-        <path
-          class="cls-4"
-          d="M66,51.73c.54.56,1.08,1.12,1.61,1.7A30.94,30.94,0,0,0,67,34.1,2.1,2.1,0,0,1,64.86,34,29,29,0,0,1,66,51.73Z"
-        />
-        <path
-          class="cls-4"
-          d="M64.57,56a29,29,0,0,1-3.08,5.57,2.3,2.3,0,0,1,1.75,1,32.71,32.71,0,0,0,2.82-5C65.56,57.08,65.07,56.54,64.57,56Z"
-        />
-        <path
-          class="cls-4"
-          d="M75.73,62.69c.5.61,1,1.23,1.49,1.85a27.83,27.83,0,0,0,1.3-13.84,2.12,2.12,0,0,1-2-.07,25.39,25.39,0,0,1,.4,4.48A26,26,0,0,1,75.73,62.69Z"
-        />
-        <path
-          class="cls-4"
-          d="M74,66.92a26.08,26.08,0,0,1-9.25,10.13,2.2,2.2,0,0,1,.72,1.63c0,.1,0,.2,0,.3a28.14,28.14,0,0,0,9.91-10.33Z"
-        />
-        <path
-          class="cls-4"
-          d="M83,71.21A161.59,161.59,0,0,0,69.59,54.46c-16.42-18.07-37.41-33.12-44.1-27C23.74,29,23.25,31.75,24,35.54a1,1,0,0,0,2-.4c-.43-2.1-.64-4.89.84-6.23,4.45-4.05,22.1,5.8,41.28,26.89A162,162,0,0,1,81.43,72.48,3,3,0,0,1,83,71.21Z"
-        />
-        <path
-          class="cls-4"
-          d="M84.05,78.09a4,4,0,0,1-1.66-.36,4,4,0,0,1-2.06-2.24,4,4,0,0,1,2.36-5.09,4,4,0,0,1,5.09,2.36h0a4,4,0,0,1-2.36,5.09A4,4,0,0,1,84.05,78.09Zm0-6.23a2.38,2.38,0,0,0-.78.14,2.27,2.27,0,0,0-.17,4.18,2.24,2.24,0,0,0,1.74.07,2.26,2.26,0,0,0,1.34-2.9h0A2.26,2.26,0,0,0,84.05,71.86Z"
-        />
-      </g>
+      <rect
+        x="51"
+        y="10"
+        width="24"
+        height="46"
+        rx="4"
+        fill="url(#paint0_linear_375_14375)"
+      />
+      <rect
+        x="51"
+        y="10"
+        width="24"
+        height="46"
+        rx="4"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M55 18H63"
+        stroke="#0081C1"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M55 18H63"
+        stroke="white"
+        stroke-opacity="0.02"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M69 18L69.001 18"
+        stroke="#0081C1"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M69 18L69.001 18"
+        stroke="white"
+        stroke-opacity="0.02"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M57 29H67"
+        stroke="#0081C1"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M57 29H67"
+        stroke="white"
+        stroke-opacity="0.02"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <circle cx="62" cy="45" r="3" fill="#0081C1" />
+      <circle cx="62" cy="45" r="3" fill="white" fill-opacity="0.02" />
+      <rect
+        width="24"
+        height="46"
+        rx="4"
+        transform="matrix(-1 0 0 1 29 10)"
+        fill="url(#paint1_linear_375_14375)"
+      />
+      <rect
+        width="24"
+        height="46"
+        rx="4"
+        transform="matrix(-1 0 0 1 29 10)"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M11 18H19"
+        stroke="#0081C1"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M11 18H19"
+        stroke="white"
+        stroke-opacity="0.02"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M25 18L25.001 18"
+        stroke="#0081C1"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M25 18L25.001 18"
+        stroke="white"
+        stroke-opacity="0.02"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M13 29H23"
+        stroke="#0081C1"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M13 29H23"
+        stroke="white"
+        stroke-opacity="0.02"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <circle cx="18" cy="45" r="3" fill="#0081C1" />
+      <circle cx="18" cy="45" r="3" fill="white" fill-opacity="0.02" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M29 4C26.7909 4 25 5.79086 25 8V58C25 60.2091 26.7909 62 29 62H51C53.2091 62 55 60.2091 55 58V8C55 5.79086 53.2091 4 51 4H29ZM37.5 50C37.5 48.6193 38.6193 47.5 40 47.5C41.3807 47.5 42.5 48.6193 42.5 50C42.5 51.3807 41.3807 52.5 40 52.5C38.6193 52.5 37.5 51.3807 37.5 50ZM40 44.5C36.9624 44.5 34.5 46.9624 34.5 50C34.5 53.0376 36.9624 55.5 40 55.5C43.0376 55.5 45.5 53.0376 45.5 50C45.5 46.9624 43.0376 44.5 40 44.5ZM32.5 30C32.5 29.1716 33.1716 28.5 34 28.5H46C46.8284 28.5 47.5 29.1716 47.5 30C47.5 30.8284 46.8284 31.5 46 31.5H34C33.1716 31.5 32.5 30.8284 32.5 30ZM34 22.5C33.1716 22.5 32.5 23.1716 32.5 24C32.5 24.8284 33.1716 25.5 34 25.5H46C46.8284 25.5 47.5 24.8284 47.5 24C47.5 23.1716 46.8284 22.5 46 22.5H34ZM29.5 12C29.5 11.1716 30.1716 10.5 31 10.5H41C41.8284 10.5 42.5 11.1716 42.5 12C42.5 12.8284 41.8284 13.5 41 13.5H31C30.1716 13.5 29.5 12.8284 29.5 12ZM49 10.5C48.1716 10.5 47.5 11.1716 47.5 12C47.5 12.8284 48.1716 13.5 49 13.5H49.001C49.8294 13.5 50.501 12.8284 50.501 12C50.501 11.1716 49.8294 10.5 49.001 10.5H49Z"
+        fill="url(#paint2_linear_375_14375)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M29 4C26.7909 4 25 5.79086 25 8V58C25 60.2091 26.7909 62 29 62H51C53.2091 62 55 60.2091 55 58V8C55 5.79086 53.2091 4 51 4H29ZM37.5 50C37.5 48.6193 38.6193 47.5 40 47.5C41.3807 47.5 42.5 48.6193 42.5 50C42.5 51.3807 41.3807 52.5 40 52.5C38.6193 52.5 37.5 51.3807 37.5 50ZM40 44.5C36.9624 44.5 34.5 46.9624 34.5 50C34.5 53.0376 36.9624 55.5 40 55.5C43.0376 55.5 45.5 53.0376 45.5 50C45.5 46.9624 43.0376 44.5 40 44.5ZM32.5 30C32.5 29.1716 33.1716 28.5 34 28.5H46C46.8284 28.5 47.5 29.1716 47.5 30C47.5 30.8284 46.8284 31.5 46 31.5H34C33.1716 31.5 32.5 30.8284 32.5 30ZM34 22.5C33.1716 22.5 32.5 23.1716 32.5 24C32.5 24.8284 33.1716 25.5 34 25.5H46C46.8284 25.5 47.5 24.8284 47.5 24C47.5 23.1716 46.8284 22.5 46 22.5H34ZM29.5 12C29.5 11.1716 30.1716 10.5 31 10.5H41C41.8284 10.5 42.5 11.1716 42.5 12C42.5 12.8284 41.8284 13.5 41 13.5H31C30.1716 13.5 29.5 12.8284 29.5 12ZM49 10.5C48.1716 10.5 47.5 11.1716 47.5 12C47.5 12.8284 48.1716 13.5 49 13.5H49.001C49.8294 13.5 50.501 12.8284 50.501 12C50.501 11.1716 49.8294 10.5 49.001 10.5H49Z"
+        fill="white"
+        fill-opacity="0.08"
+      />
+      <path
+        d="M40 65L40 66"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <rect
+        x="33"
+        y="70"
+        width="14"
+        height="6"
+        rx="2"
+        fill="url(#paint3_linear_375_14375)"
+      />
+      <path
+        d="M29 73L22 73C19.7909 73 18 71.2091 18 69L18 60"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M51 73L58 73C60.2091 73 62 71.2091 62 69L62 60"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_375_14375"
+          x1="75"
+          y1="56"
+          x2="60.0169"
+          y2="58.7702"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_375_14375"
+          x1="24"
+          y1="46"
+          x2="9.01691"
+          y2="48.7702"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_375_14375"
+          x1="55"
+          y1="62"
+          x2="36.2605"
+          y2="65.4348"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_375_14375"
+          x1="46.9107"
+          y1="69.9745"
+          x2="47.4962"
+          y2="75.9426"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#009EEC" />
+          <stop offset="1" stop-color="#008ED5" />
+        </linearGradient>
+      </defs>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-network'">
+    <svg
+      width="96"
+      height="124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon__obj-network"
+    >
+      <path
+        d="M12.8115 23.0334L24.3166 33.1416M16.857 62.5358L25.4406 53.1241M57.5138 59.5045L46.0002 51.2818M53.4531 17.947L43.2439 31.1827"
+        stroke="#008FD6"
+        stroke-width="2.5"
+        stroke-linecap="round"
+      />
+      <path
+        d="M47.3445 35.9314C48.8869 38.8323 49.3173 42.0281 48.7851 45.0304C48.052 49.1658 45.4924 52.934 41.4967 55.0585C38.3037 56.7563 34.7533 57.1068 31.497 56.3092C27.7201 55.384 24.3389 52.9143 22.3696 49.2108C18.7027 42.3142 21.3208 33.7507 28.2174 30.0837C30.9895 28.6098 34.031 28.1513 36.9155 28.5779C41.2071 29.2127 45.1514 31.807 47.3445 35.9314Z"
+        fill="url(#paint0_linear_600_11192)"
+      />
+      <path
+        d="M47.3445 35.9314C48.8869 38.8323 49.3173 42.0281 48.7851 45.0304C48.052 49.1658 45.4924 52.934 41.4967 55.0585C38.3037 56.7563 34.7533 57.1068 31.497 56.3092C27.7201 55.384 24.3389 52.9143 22.3696 49.2108C18.7027 42.3142 21.3208 33.7507 28.2174 30.0837C30.9895 28.6098 34.031 28.1513 36.9155 28.5779C41.2071 29.2127 45.1514 31.807 47.3445 35.9314Z"
+        fill="white"
+        fill-opacity="0.08"
+      />
+      <path
+        d="M19.4286 68.2858C19.4286 72.5463 15.9748 76.0001 11.7143 76.0001C7.4538 76.0001 4 72.5463 4 68.2858C4 64.0253 7.4538 60.5715 11.7143 60.5715C13.6901 60.5715 15.4923 61.3143 16.8571 62.5358C18.4354 63.9484 19.4286 66.0011 19.4286 68.2858Z"
+        fill="url(#paint1_linear_600_11192)"
+      />
+      <path
+        d="M19.4286 68.2858C19.4286 72.5463 15.9748 76.0001 11.7143 76.0001C7.4538 76.0001 4 72.5463 4 68.2858C4 64.0253 7.4538 60.5715 11.7143 60.5715C13.6901 60.5715 15.4923 61.3143 16.8571 62.5358C18.4354 63.9484 19.4286 66.0011 19.4286 68.2858Z"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M14.2857 19.4285C14.2857 22.2688 11.9832 24.5714 9.14286 24.5714C6.30254 24.5714 4 22.2688 4 19.4285C4 16.5882 6.30254 14.2856 9.14286 14.2856C11.9832 14.2856 14.2857 16.5882 14.2857 19.4285Z"
+        fill="url(#paint2_linear_600_11192)"
+      />
+      <path
+        d="M14.2857 19.4285C14.2857 22.2688 11.9832 24.5714 9.14286 24.5714C6.30254 24.5714 4 22.2688 4 19.4285C4 16.5882 6.30254 14.2856 9.14286 14.2856C11.9832 14.2856 14.2857 16.5882 14.2857 19.4285Z"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        d="M65.7142 11.7143C65.7142 15.9748 62.2604 19.4286 57.9999 19.4286C56.2998 19.4286 54.7282 18.8786 53.4532 17.9469C51.533 16.5437 50.2856 14.2747 50.2856 11.7143C50.2856 7.4538 53.7394 4 57.9999 4C62.2604 4 65.7142 7.4538 65.7142 11.7143Z"
+        fill="url(#paint3_linear_600_11192)"
+      />
+      <path
+        d="M65.7142 11.7143C65.7142 15.9748 62.2604 19.4286 57.9999 19.4286C56.2998 19.4286 54.7282 18.8786 53.4532 17.9469C51.533 16.5437 50.2856 14.2747 50.2856 11.7143C50.2856 7.4538 53.7394 4 57.9999 4C62.2604 4 65.7142 7.4538 65.7142 11.7143Z"
+        fill="white"
+        fill-opacity="0.24"
+      />
+      <path
+        d="M76.0001 65.7142C76.0001 71.3948 71.3951 75.9999 65.7144 75.9999C60.0338 75.9999 55.4287 71.3948 55.4287 65.7142C55.4287 63.3814 56.2053 61.2299 57.5141 59.5043C59.3923 57.0279 62.3666 55.4285 65.7144 55.4285C71.3951 55.4285 76.0001 60.0335 76.0001 65.7142Z"
+        fill="url(#paint4_linear_600_11192)"
+      />
+      <path
+        d="M76.0001 65.7142C76.0001 71.3948 71.3951 75.9999 65.7144 75.9999C60.0338 75.9999 55.4287 71.3948 55.4287 65.7142C55.4287 63.3814 56.2053 61.2299 57.5141 59.5043C59.3923 57.0279 62.3666 55.4285 65.7144 55.4285C71.3951 55.4285 76.0001 60.0335 76.0001 65.7142Z"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_600_11192"
+          x1="53.9841"
+          y1="48.4189"
+          x2="42.3577"
+          y2="61.1125"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_600_11192"
+          x1="19.3418"
+          y1="101.072"
+          x2="4.80736"
+          y2="101.39"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_600_11192"
+          x1="14.2278"
+          y1="41.2856"
+          x2="4.53824"
+          y2="41.4979"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_600_11192"
+          x1="65.6274"
+          y1="44.5"
+          x2="51.093"
+          y2="44.8184"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_600_11192"
+          x1="75.8844"
+          y1="109.428"
+          x2="56.5052"
+          y2="109.853"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+      </defs>
     </svg>
   </template>
   <template v-else-if="props.name === 'obj-rp'">
@@ -1622,675 +1968,850 @@
 
   <template v-else-if="props.name === 'dir-zone'">
     <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
       width="96"
       height="124"
-      viewBox="0 0 96 124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
     >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="-1947.81"
-          y1="26.92"
-          x2="-1927.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -1894.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad"
-          x1="-1978.87"
-          y1="81.11"
-          x2="-1949.93"
-          y2="113.57"
-          gradientTransform="matrix(-1, 0, 0, 1, -1897.93, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="url(#paint0_linear_439_63625)"
+      />
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="white"
+        fill-opacity="0.24"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="url(#paint1_linear_439_63625)"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="url(#paint2_linear_439_63625)"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="white"
+        fill-opacity="0.12"
+      />
+      <g filter="url(#filter0_i_439_63625)">
+        <rect
+          x="34.5"
+          y="54.75"
+          width="11"
+          height="4.125"
+          rx="1"
+          stroke="#008FD6"
+          stroke-width="1.1"
         />
-        <polygon
-          class="cls-3"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-          style="fill: url(#linear-gradient-2); opacity: 0.3"
+        <rect
+          x="34.5"
+          y="54.75"
+          width="11"
+          height="4.125"
+          rx="1"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.1"
         />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M42,93.62H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L80.5,70h2l2.51-11.33a3.26,3.26,0,0,0-.63-2.76,3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H42Z"
+          d="M31.75 54.4062V60.1375C31.75 60.5793 32.1082 60.9375 32.55 60.9375H34.225M48.25 54.4062V60.1375C48.25 60.5793 47.8918 60.9375 47.45 60.9375H45.775"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
-        <polygon
-          class="cls-5"
-          points="48 101.89 76.81 101.89 76.81 73.12 48 101.89"
-          style="opacity: 0.5; fill: url(#illus_grad)"
+        <path
+          d="M31.75 54.4062V60.1375C31.75 60.5793 32.1082 60.9375 32.55 60.9375H34.225M48.25 54.4062V60.1375C48.25 60.5793 47.8918 60.9375 47.45 60.9375H45.775"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <rect
-          class="cls-4"
-          x="55.37"
-          y="68.7"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+          x="34.5"
+          y="58.875"
+          width="11"
+          height="4.125"
+          rx="1"
+          stroke="#008FD6"
+          stroke-width="1.1"
         />
         <rect
-          class="cls-4"
-          x="60.43"
-          y="68.7"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+          x="34.5"
+          y="58.875"
+          width="11"
+          height="4.125"
+          rx="1"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.1"
         />
         <rect
-          class="cls-4"
-          x="65.48"
-          y="68.7"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+          x="34.5"
+          y="63"
+          width="11"
+          height="4.125"
+          rx="1"
+          stroke="#008FD6"
+          stroke-width="1.1"
         />
         <rect
-          class="cls-4"
-          x="55.37"
-          y="76.56"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+          x="34.5"
+          y="63"
+          width="11"
+          height="4.125"
+          rx="1"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.1"
         />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="76.56"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M49.625 55.4375L40.6178 48.3604C40.2552 48.0755 39.7448 48.0755 39.3822 48.3604L30.375 55.4375"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="76.56"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M49.625 55.4375L40.6178 48.3604C40.2552 48.0755 39.7448 48.0755 39.3822 48.3604L30.375 55.4375"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="73.91"
-          y="78.24"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M36.5625 56.8125H38.625"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="77.84"
-          y="78.24"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M36.5625 56.8125H38.625"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="81.77"
-          y="78.24"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M36.5625 60.9375H38.625"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="73.91"
-          y="84.97"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M36.5625 60.9375H38.625"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="77.84"
-          y="84.97"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M36.5625 65.0625H38.625"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="81.77"
-          y="84.97"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M36.5625 65.0625H38.625"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="73.91"
-          y="91.71"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M43.4375 56.8125H43.4385"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="77.84"
-          y="91.71"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M43.4375 56.8125H43.4385"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="81.77"
-          y="91.71"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
+        <path
+          d="M41.375 56.8125H41.376"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="55.37"
-          y="84.41"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M41.375 56.8125H41.376"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="84.41"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M43.4375 60.9375H43.4385"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="84.41"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M43.4375 60.9375H43.4385"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="55.37"
-          y="92.27"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M41.375 60.9375H41.376"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="92.27"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M41.375 60.9375H41.376"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="92.27"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
+        <path
+          d="M43.4375 65.0625H43.4385"
+          stroke="#008FD6"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M87,103l-37,0V62.51A1.52,1.52,0,0,1,51.51,61h19A1.52,1.52,0,0,1,72,62.51V101H86V74H74V72H86.49A1.52,1.52,0,0,1,88,73.51V103Zm-35-2H70V63H52Z"
+          d="M43.4375 65.0625H43.4385"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
+        />
+        <path
+          d="M41.375 65.0625H41.376"
+          stroke="#008FD6"
+          stroke-linecap="round"
+        />
+        <path
+          d="M41.375 65.0625H41.376"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-linecap="round"
         />
       </g>
-    </svg>
-  </template>
-
-  <template v-else-if="props.name === 'dir-net'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
       <defs>
+        <filter
+          id="filter0_i_439_63625"
+          x="29"
+          y="46.5"
+          width="22"
+          height="22"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="0.1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_439_63625"
+          />
+        </filter>
         <linearGradient
-          id="linear-gradient"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
+          id="paint0_linear_439_63625"
+          x1="40"
+          y1="9"
+          x2="46"
+          y2="55"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
         </linearGradient>
         <linearGradient
-          id="linear-gradient-2"
-          x1="-2547.81"
-          y1="26.92"
-          x2="-2527.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -2494.04, 0)"
+          id="paint1_linear_439_63625"
+          x1="60.347"
+          y1="39.432"
+          x2="62.7432"
+          y2="55.1344"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#008ED5" />
+          <stop offset="1" stop-color="#009EEC" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_439_63625"
+          x1="63"
+          y1="71"
+          x2="38.8515"
+          y2="82.5776"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
         </linearGradient>
       </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-          style="opacity: 0.3; fill: url(#linear-gradient)"
-        />
-        <polygon
-          class="cls-3"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-          style="opacity: 0.5; fill: url(#linear-gradient-2)"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M51.55,93.94H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.28,1.28,0,0,1,.24,1.07l-1.54,7a21.93,21.93,0,0,1,1.68,1.66L85.06,59a3.25,3.25,0,0,0-3.17-4H27.42a3.23,3.23,0,0,0-3.16,2.53L18,85.79V47.25A1.25,1.25,0,0,1,19.25,46H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1V53h2v-.9A3.11,3.11,0,0,0,73.83,49H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,47.25V95.32h.1a1.08,1.08,0,0,0,.12.24,1,1,0,0,0,.78.38H53.36A21.35,21.35,0,0,1,51.55,93.94Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M67.82,98.88A17.84,17.84,0,1,1,85.65,81.05,17.85,17.85,0,0,1,67.82,98.88Zm0-33.67A15.84,15.84,0,1,0,83.65,81.05,15.85,15.85,0,0,0,67.82,65.21Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M61.93,94.1l-.2-1.69A18,18,0,0,0,75.91,67l1.55-.71a19.73,19.73,0,0,1-9.67,26.13A19.27,19.27,0,0,1,61.93,94.1Z"
-        />
+    </svg>
+  </template>
+
+  <template v-else-if="props.name === 'dir-net'">
+    <svg
+      width="96"
+      height="124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="url(#paint0_linear_543_66044)"
+      />
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="white"
+        fill-opacity="0.24"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="url(#paint1_linear_543_66044)"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="url(#paint2_linear_543_66044)"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="white"
+        fill-opacity="0.12"
+      />
+      <g filter="url(#filter0_i_543_66044)">
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M51.26,79.92l-1.32-1.07a22.3,22.3,0,0,1,5.34-4.73c8.56-5.45,19.92-4.57,28.92,2.26l-1,1.35c-8.43-6.39-19-7.24-27-2.18A20.77,20.77,0,0,0,51.26,79.92Z"
+          d="M42.1875 59.125C42.1875 59.9235 41.9152 60.6585 41.4584 61.2421C40.8292 62.0459 39.8499 62.5625 38.75 62.5625C37.871 62.5625 37.0691 62.2326 36.4613 61.6899C35.7563 61.0603 35.3125 60.1445 35.3125 59.125C35.3125 57.2265 36.8515 55.6875 38.75 55.6875C39.5131 55.6875 40.2181 55.9362 40.7885 56.3569C41.6371 56.9828 42.1875 57.9896 42.1875 59.125Z"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M74.51,96.35c-10.34-4.54-16.65-14-16.06-24.18a22.49,22.49,0,0,1,1.52-7l1.59.62a21,21,0,0,0-1.42,6.44c-.54,9.43,5.37,18.27,15,22.53Z"
+          d="M42.1875 59.125C42.1875 59.9235 41.9152 60.6585 41.4584 61.2421C40.8292 62.0459 39.8499 62.5625 38.75 62.5625C37.871 62.5625 37.0691 62.2326 36.4613 61.6899C35.7563 61.0603 35.3125 60.1445 35.3125 59.125C35.3125 57.2265 36.8515 55.6875 38.75 55.6875C39.5131 55.6875 40.2181 55.9362 40.7885 56.3569C41.6371 56.9828 42.1875 57.9896 42.1875 59.125Z"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M69.64,85.75a31.76,31.76,0,0,1-12.32-2.52A32.15,32.15,0,0,1,51,79.71l1-1.38a30.56,30.56,0,0,0,6,3.34,29.63,29.63,0,0,0,17.33,1.82l.33,1.67A31.06,31.06,0,0,1,69.64,85.75Z"
+          d="M48.75 64.75C48.75 66.1307 47.6307 67.25 46.25 67.25C44.8693 67.25 43.75 66.1307 43.75 64.75C43.75 64.183 43.9388 63.6601 44.2569 63.2407C44.7134 62.6388 45.4363 62.25 46.25 62.25C47.6307 62.25 48.75 63.3693 48.75 64.75Z"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="77.18"
-          cy="66.73"
-          r="1.89"
+        <path
+          d="M48.75 64.75C48.75 66.1307 47.6307 67.25 46.25 67.25C44.8693 67.25 43.75 66.1307 43.75 64.75C43.75 64.183 43.9388 63.6601 44.2569 63.2407C44.7134 62.6388 45.4363 62.25 46.25 62.25C47.6307 62.25 48.75 63.3693 48.75 64.75Z"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="59.39"
-          cy="73.11"
-          r="1.89"
+        <path
+          d="M33.75 53.5C33.75 54.1904 33.1904 54.75 32.5 54.75C31.8096 54.75 31.25 54.1904 31.25 53.5C31.25 52.8096 31.8096 52.25 32.5 52.25C33.1904 52.25 33.75 52.8096 33.75 53.5Z"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="84.2"
-          cy="76.91"
-          r="1.89"
+        <path
+          d="M33.75 53.5C33.75 54.1904 33.1904 54.75 32.5 54.75C31.8096 54.75 31.25 54.1904 31.25 53.5C31.25 52.8096 31.8096 52.25 32.5 52.25C33.1904 52.25 33.75 52.8096 33.75 53.5Z"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="62.62"
-          cy="93.09"
-          r="1.89"
+        <path
+          d="M46.25 51.625C46.25 52.6605 45.4105 53.5 44.375 53.5C43.9618 53.5 43.5798 53.3663 43.2699 53.1399C42.8032 52.7988 42.5 52.2473 42.5 51.625C42.5 50.5895 43.3395 49.75 44.375 49.75C45.4105 49.75 46.25 50.5895 46.25 51.625Z"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="75.74"
-          cy="84.32"
-          r="1.89"
-          transform="translate(-8.66 159.98) rotate(-89.94)"
+        <path
+          d="M46.25 51.625C46.25 52.6605 45.4105 53.5 44.375 53.5C43.9618 53.5 43.5798 53.3663 43.2699 53.1399C42.8032 52.7988 42.5 52.2473 42.5 51.625C42.5 50.5895 43.3395 49.75 44.375 49.75C45.4105 49.75 46.25 50.5895 46.25 51.625Z"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="75.14"
-          cy="95.61"
-          r="1.89"
+        <path
+          d="M35 65.375C35 66.4105 34.1605 67.25 33.125 67.25C32.0895 67.25 31.25 66.4105 31.25 65.375C31.25 64.3395 32.0895 63.5 33.125 63.5C33.6052 63.5 34.0433 63.6805 34.375 63.9774C34.7586 64.3208 35 64.8197 35 65.375Z"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="50.97"
-          cy="78.64"
-          r="1.89"
+        <path
+          d="M35 65.375C35 66.4105 34.1605 67.25 33.125 67.25C32.0895 67.25 31.25 66.4105 31.25 65.375C31.25 64.3395 32.0895 63.5 33.125 63.5C33.6052 63.5 34.0433 63.6805 34.375 63.9774C34.7586 64.3208 35 64.8197 35 65.375Z"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M81.5,106H68V98.75a1,1,0,0,1,2,0V104H81.5a1,1,0,0,1,0,2Z"
+          d="M33.3916 54.3762L36.188 56.833M34.3749 63.9775L36.4612 61.6899M44.2567 63.2407L41.4583 61.2421M43.2698 53.1399L40.7884 56.3569"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M66,104H54.93a1,1,0,0,0,0,2H66Z"
+          d="M33.3916 54.3762L36.188 56.833M34.3749 63.9775L36.4612 61.6899M44.2567 63.2407L41.4583 61.2421M43.2698 53.1399L40.7884 56.3569"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
       </g>
-    </svg>
-  </template>
-
-  <template v-else-if="props.name === 'dir-ds'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
       <defs>
+        <filter
+          id="filter0_i_543_66044"
+          x="30"
+          y="48.5"
+          width="20"
+          height="20"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="0.1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_543_66044"
+          />
+        </filter>
         <linearGradient
-          id="linear-gradient"
-          x1="-1647.81"
-          y1="26.92"
-          x2="-1627.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -1594.04, 0)"
+          id="paint0_linear_543_66044"
+          x1="40"
+          y1="9"
+          x2="46"
+          y2="55"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
         </linearGradient>
         <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
+          id="paint1_linear_543_66044"
+          x1="60.347"
+          y1="39.432"
+          x2="62.7432"
+          y2="55.1344"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#008ED5" />
+          <stop offset="1" stop-color="#009EEC" />
         </linearGradient>
         <linearGradient
-          id="illus_grad"
-          x1="74.36"
-          y1="81.78"
-          x2="74.36"
-          y2="112.8"
+          id="paint2_linear_543_66044"
+          x1="63"
+          y1="71"
+          x2="38.8515"
+          y2="82.5776"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
         </linearGradient>
       </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-        />
-        <polygon
-          class="cls-3"
-          style="opacity: 0.3; fill: url(#linear-gradient-2)"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
+    </svg>
+  </template>
+
+  <template v-else-if="props.name === 'dir-ds'">
+    <svg
+      width="96"
+      height="124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon-obj-ds"
+    >
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="url(#paint0_linear_543_65873)"
+      />
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="white"
+        fill-opacity="0.24"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="url(#paint1_linear_543_65873)"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="url(#paint2_linear_543_65873)"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="white"
+        fill-opacity="0.12"
+      />
+      <g filter="url(#filter0_i_543_65873)">
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M44.32,93.62H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07l-.81,3.65a18.77,18.77,0,0,1,1.88.77l.88-4a3.26,3.26,0,0,0-.63-2.76,3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H44.32Z"
+          d="M47.5 51.625C47.5 52.6605 44.1421 53.5 40 53.5C35.8579 53.5 32.5 52.6605 32.5 51.625M47.5 51.625C47.5 50.5895 44.1421 49.75 40 49.75C35.8579 49.75 32.5 50.5895 32.5 51.625M47.5 51.625V65.375C47.5 66.4105 44.1421 67.25 40 67.25C35.8579 67.25 32.5 66.4105 32.5 65.375V51.625M47.5 56.2124C47.5 57.2479 44.1421 58.0874 40 58.0874C35.8579 58.0874 32.5 57.2479 32.5 56.2124M47.5 60.7998C47.5 61.8353 44.1421 62.6748 40 62.6748C35.8579 62.6748 32.5 61.8353 32.5 60.7998"
+          stroke="#008FD6"
+          stroke-width="1.2"
         />
         <path
-          class="cls-5"
-          style="opacity: 0.5; fill: url(#illus_grad)"
-          d="M70.82,77.22c-1.54,0-3-.08-4.45-.22v26.78l3.2,0,12.79-1.2v-27A36.84,36.84,0,0,1,70.82,77.22Z"
+          d="M47.5 51.625C47.5 52.6605 44.1421 53.5 40 53.5C35.8579 53.5 32.5 52.6605 32.5 51.625M47.5 51.625C47.5 50.5895 44.1421 49.75 40 49.75C35.8579 49.75 32.5 50.5895 32.5 51.625M47.5 51.625V65.375C47.5 66.4105 44.1421 67.25 40 67.25C35.8579 67.25 32.5 66.4105 32.5 65.375V51.625M47.5 56.2124C47.5 57.2479 44.1421 58.0874 40 58.0874C35.8579 58.0874 32.5 57.2479 32.5 56.2124M47.5 60.7998C47.5 61.8353 44.1421 62.6748 40 62.6748C35.8579 62.6748 32.5 61.8353 32.5 60.7998"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M70,105.08c-8.25,0-17-2.47-17-7V68.75C53,64.39,61.79,62,70,62s17,2.35,17,6.71V98C87,102.61,78.28,105.08,70,105.08Zm0-41c-9.3,0-15,2.74-15,4.71V98c0,2.38,6.41,5,15,5s15-2.66,15-5V68.75C85,66.78,79.33,64,70,64Z"
+          d="M35 55.3127H35.001"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M85,88.67c0,2-5.71,4.74-15,4.74a33.1,33.1,0,0,1-11-1.62v2.09a37.36,37.36,0,0,0,11,1.53c8.24,0,17-2.36,17-6.74Z"
+          d="M35 55.3127H35.001"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M85,79.19c0,2-5.71,4.75-15,4.75a33.06,33.06,0,0,1-11-1.63v2.1a37.69,37.69,0,0,0,11,1.53c8.24,0,17-2.37,17-6.75Z"
+          d="M35 59.9001H35.001"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M85,68.42c0,2-5.71,4.72-15,4.72a33.4,33.4,0,0,1-11-1.61v2.09a37.7,37.7,0,0,0,11,1.52c8.24,0,17-2.35,17-6.72Z"
-        />
-      </g>
-    </svg>
-  </template>
-
-  <template v-else-if="props.name === 'dir-vm'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="-2247.81"
-          y1="26.92"
-          x2="-2227.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -2194.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
+          d="M35 59.9001H35.001"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
-        <polygon
-          class="cls-3"
-          style="opacity: 0.3; fill: url(#linear-gradient-2)"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
+        <path
+          d="M35 64.4998H35.001"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M86.69,100.84V69.35a2,2,0,0,1,2,2v29.46a2,2,0,0,1-2,2H57.32a2,2,0,0,1-2-2Z"
+          d="M35 64.4998H35.001"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M75.21,97.7a1,1,0,0,1-2,0V89.32a2,2,0,0,1,2-2Z"
+          d="M37.5 55.6875H37.501"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M73.79,98.7H53.19a2,2,0,0,1-2-2V67.22a2,2,0,0,1,2-2H82.56a2,2,0,0,1,2,2V87.93A2,2,0,0,1,84,89.36l-8.77,8.75A2,2,0,0,1,73.79,98.7ZM53.19,67.2l0,29.48,20.62,0h0l8.77-8.76V67.22Z"
+          d="M37.5 55.6875H37.501"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M62.39,79.06a1,1,0,0,1-1-1V71.71a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1V75.1a1,1,0,0,1-2,0V72.71H63.39v5.35A1,1,0,0,1,62.39,79.06Z"
+          d="M37.5 60.2749H37.501"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M76.77,85.78H69.4a1,1,0,0,1,0-2h6.37V76.29H68.31v2a1,1,0,0,1-2,0v-3a1,1,0,0,1,1-1h9.46a1,1,0,0,1,1,1v9.49A1,1,0,0,1,76.77,85.78Z"
+          d="M37.5 60.2749H37.501"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M69.38,88.72H59.91a1,1,0,0,1-1-1V78.23a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1v9.49A1,1,0,0,1,69.38,88.72Zm-8.47-2h7.47V79.23H60.91Z"
+          d="M37.5 64.8623H37.501"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M84.43,55.91a3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H45.27v-2h-27l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L82,63.16h2l1-4.49A3.26,3.26,0,0,0,84.43,55.91Z"
+          d="M37.5 64.8623H37.501"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linecap="round"
         />
       </g>
-    </svg>
-  </template>
-
-  <template v-else-if="props.name === 'dir-vm'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
       <defs>
+        <filter
+          id="filter0_i_543_65873"
+          x="30"
+          y="48.5"
+          width="20"
+          height="20"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="0.1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_543_65873"
+          />
+        </filter>
         <linearGradient
-          id="linear-gradient"
-          x1="-2247.81"
-          y1="26.92"
-          x2="-2227.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -2194.04, 0)"
+          id="paint0_linear_543_65873"
+          x1="40"
+          y1="9"
+          x2="46"
+          y2="55"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_543_65873"
+          x1="60.347"
+          y1="39.432"
+          x2="62.7432"
+          y2="55.1344"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#008ED5" />
+          <stop offset="1" stop-color="#009EEC" />
         </linearGradient>
         <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
+          id="paint2_linear_543_65873"
+          x1="63"
+          y1="71"
+          x2="38.8515"
+          y2="82.5776"
           gradientUnits="userSpaceOnUse"
         >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
         </linearGradient>
       </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-        />
-        <polygon
-          class="cls-3"
-          style="opacity: 0.3; fill: url(#linear-gradient-2)"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M86.69,100.84V69.35a2,2,0,0,1,2,2v29.46a2,2,0,0,1-2,2H57.32a2,2,0,0,1-2-2Z"
-        />
+    </svg>
+  </template>
+
+  <template v-else-if="props.name === 'dir-vm'">
+    <svg
+      width="96"
+      height="124"
+      viewBox="0 0 80 80"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="url(#paint0_linear_471_65247)"
+      />
+      <path
+        d="M20.4118 21.8372C14.8564 21.8372 10.3529 26.3872 10.3529 32C10.3529 32.8572 10.458 33.6897 10.6558 34.4849C10.7551 34.8842 10.5458 35.3023 10.1671 35.463C6.54426 37.0001 4 40.6185 4 44.8372C4 50.45 8.50349 55 14.0588 55H62.2353C69.8373 55 76 48.7736 76 41.093C76 33.4124 69.8373 27.186 62.2353 27.186C61.0931 27.186 59.9833 27.3266 58.9221 27.5916C58.3473 27.7351 57.7765 27.2298 57.8563 26.6427C57.951 25.946 58 25.2346 58 24.5116C58 15.9448 51.1263 9 42.6471 9C34.8863 9 28.4705 14.8177 27.439 22.3721L27.3985 22.9929C27.3571 23.627 26.5763 23.9434 26.0522 23.5841C24.4435 22.4814 22.5021 21.8372 20.4118 21.8372Z"
+        fill="white"
+        fill-opacity="0.24"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="url(#paint1_linear_471_65247)"
+      />
+      <rect
+        x="36.5"
+        y="39.5"
+        width="24"
+        height="16"
+        rx="4"
+        fill="white"
+        fill-opacity="0.16"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="url(#paint2_linear_471_65247)"
+      />
+      <path
+        d="M21 71H59C61.2091 71 63 69.2091 63 67V50.9299C63 48.7208 61.2091 46.9299 59 46.9299H54.9155H48.5159H48.2635C46.7812 46.9299 45.4204 46.1102 44.7274 44.7998L41.7293 39.1301C41.0364 37.8197 39.6756 37 38.1933 37H21C18.7909 37 17 38.7909 17 41V67C17 69.2091 18.7909 71 21 71Z"
+        fill="white"
+        fill-opacity="0.12"
+      />
+      <g filter="url(#filter0_i_471_65247)">
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M75.21,97.7a1,1,0,0,1-2,0V89.32a2,2,0,0,1,2-2Z"
+          d="M40.0488 58.875V63.9131C40.0488 64.1989 40.2013 64.463 40.4488 64.6059L44.412 66.8941C44.6595 67.037 44.9644 67.037 45.212 66.8941L49.1751 64.6059C49.4226 64.463 49.5751 64.1989 49.5751 63.9131V59.3369C49.5751 59.0511 49.4226 58.787 49.1751 58.6441L45.212 56.3559C44.9644 56.213 44.6595 56.213 44.412 56.3559L40.0488 58.875ZM40.0488 58.875L44.812 61.625M44.812 61.625V66.9585M44.812 61.625L49.4687 58.9365"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linejoin="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M73.79,98.7H53.19a2,2,0,0,1-2-2V67.22a2,2,0,0,1,2-2H82.56a2,2,0,0,1,2,2V87.93A2,2,0,0,1,84,89.36l-8.77,8.75A2,2,0,0,1,73.79,98.7ZM53.19,67.2l0,29.48,20.62,0h0l8.77-8.76V67.22Z"
+          d="M40.0488 58.875V63.9131C40.0488 64.1989 40.2013 64.463 40.4488 64.6059L44.412 66.8941C44.6595 67.037 44.9644 67.037 45.212 66.8941L49.1751 64.6059C49.4226 64.463 49.5751 64.1989 49.5751 63.9131V59.3369C49.5751 59.0511 49.4226 58.787 49.1751 58.6441L45.212 56.3559C44.9644 56.213 44.6595 56.213 44.412 56.3559L40.0488 58.875ZM40.0488 58.875L44.812 61.625M44.812 61.625V66.9585M44.812 61.625L49.4687 58.9365"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linejoin="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M62.39,79.06a1,1,0,0,1-1-1V71.71a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1V75.1a1,1,0,0,1-2,0V72.71H63.39v5.35A1,1,0,0,1,62.39,79.06Z"
+          d="M35.1928 66.4375V61.9688M30.6265 58.9886L35.0228 61.5268V61.5268C35.128 61.5876 35.2576 61.5876 35.3628 61.5268L39.8121 58.958M30.4297 59.3369V63.9131C30.4297 64.1989 30.5822 64.463 30.8297 64.6059L34.7928 66.8941C35.0403 67.037 35.3453 67.037 35.5928 66.8941L39.556 64.6059C39.8035 64.463 39.956 64.1989 39.956 63.9131V59.3369C39.956 59.0511 39.8035 58.787 39.556 58.6441L35.5928 56.3559C35.3453 56.213 35.0403 56.213 34.7928 56.3559L30.8297 58.6441C30.5822 58.787 30.4297 59.0511 30.4297 59.3369Z"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linejoin="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M76.77,85.78H69.4a1,1,0,0,1,0-2h6.37V76.29H68.31v2a1,1,0,0,1-2,0v-3a1,1,0,0,1,1-1h9.46a1,1,0,0,1,1,1v9.49A1,1,0,0,1,76.77,85.78Z"
+          d="M35.1928 66.4375V61.9688M30.6265 58.9886L35.0228 61.5268V61.5268C35.128 61.5876 35.2576 61.5876 35.3628 61.5268L39.8121 58.958M30.4297 59.3369V63.9131C30.4297 64.1989 30.5822 64.463 30.8297 64.6059L34.7928 66.8941C35.0403 67.037 35.3453 67.037 35.5928 66.8941L39.556 64.6059C39.8035 64.463 39.956 64.1989 39.956 63.9131V59.3369C39.956 59.0511 39.8035 58.787 39.556 58.6441L35.5928 56.3559C35.3453 56.213 35.0403 56.213 34.7928 56.3559L30.8297 58.6441C30.5822 58.787 30.4297 59.0511 30.4297 59.3369Z"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linejoin="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M69.38,88.72H59.91a1,1,0,0,1-1-1V78.23a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1v9.49A1,1,0,0,1,69.38,88.72Zm-8.47-2h7.47V79.23H60.91Z"
+          d="M40.0507 58.875L44.4139 56.3559C44.6614 56.213 44.8139 55.9489 44.8139 55.6631V51.0869C44.8139 50.8011 44.6614 50.537 44.4139 50.3941L40.4507 48.1059C40.2032 47.963 39.8983 47.963 39.6507 48.1059L35.6876 50.3941C35.4401 50.537 35.2876 50.8011 35.2876 51.0869V55.6631C35.2876 55.9489 35.4401 56.213 35.6876 56.3559L40.0507 58.875ZM40.0507 58.875V53.375M40.0507 53.375L35.4257 50.7047M40.0507 53.375L44.6592 50.7143"
+          stroke="#008FD6"
+          stroke-width="1.2"
+          stroke-linejoin="round"
         />
         <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M84.43,55.91a3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H45.27v-2h-27l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L82,63.16h2l1-4.49A3.26,3.26,0,0,0,84.43,55.91Z"
+          d="M40.0507 58.875L44.4139 56.3559C44.6614 56.213 44.8139 55.9489 44.8139 55.6631V51.0869C44.8139 50.8011 44.6614 50.537 44.4139 50.3941L40.4507 48.1059C40.2032 47.963 39.8983 47.963 39.6507 48.1059L35.6876 50.3941C35.4401 50.537 35.2876 50.8011 35.2876 51.0869V55.6631C35.2876 55.9489 35.4401 56.213 35.6876 56.3559L40.0507 58.875ZM40.0507 58.875V53.375M40.0507 53.375L35.4257 50.7047M40.0507 53.375L44.6592 50.7143"
+          stroke="white"
+          stroke-opacity="0.88"
+          stroke-width="1.2"
+          stroke-linejoin="round"
         />
       </g>
+      <defs>
+        <filter
+          id="filter0_i_471_65247"
+          x="29"
+          y="46.5"
+          width="22"
+          height="22"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset />
+          <feGaussianBlur stdDeviation="0.1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_471_65247"
+          />
+        </filter>
+        <linearGradient
+          id="paint0_linear_471_65247"
+          x1="40"
+          y1="9"
+          x2="46"
+          y2="55"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_471_65247"
+          x1="60.347"
+          y1="39.432"
+          x2="62.7432"
+          y2="55.1344"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#008ED5" />
+          <stop offset="1" stop-color="#009EEC" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_471_65247"
+          x1="63"
+          y1="71"
+          x2="38.8515"
+          y2="82.5776"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+      </defs>
     </svg>
   </template>
 </template>
@@ -2312,73 +2833,73 @@ const props = defineProps<{
     fill: none;
   }
 
-  &__obj-network {
-    .cls-2 {
-      opacity: 0.3;
-      fill: url(#linear-gradient);
-    }
-
-    .cls-3 {
-      opacity: 0.4;
-      fill: url(#linear-gradient-2);
-    }
-
-    .cls-4 {
-      fill: #0091da;
-    }
-  }
-}
-
-.icon-obj-zone {
-  .cls-2 {
-    fill: #78be20;
-  }
-
-  .cls-3 {
-    fill: #edb200;
-  }
-}
-
-.icon-obj-dc {
-  .cls-2 {
-    @extend %cls1;
-  }
-
-  .cls-3 {
-    opacity: 0.5;
-    fill: url(#illus_grad-2);
-  }
-
-  .cls-4 {
-    fill: #0091da;
-  }
+  //&__obj-network {
+  //  .cls-2 {
+  //    opacity: 0.3;
+  //    fill: url(#linear-gradient);
+  //  }
+  //
+  //  .cls-3 {
+  //    opacity: 0.4;
+  //    fill: url(#linear-gradient-2);
+  //  }
+  //
+  //  .cls-4 {
+  //    fill: #0091da;
+  //  }
+  //}
 }
 
-.icon-obj-host {
-  .cls-1 {
-    @extend %cls1;
-  }
-
-  .cls-2 {
-    opacity: 0.5;
-    fill: url(#linear-gradient);
-  }
+//.icon-obj-zone {
+//  .cls-2 {
+//    fill: #78be20;
+//  }
+//
+//  .cls-3 {
+//    fill: #edb200;
+//  }
+//}
 
-  .cls-3 {
-    fill: #0091da;
-  }
-}
+//.icon-obj-dc {
+//  .cls-2 {
+//    @extend %cls1;
+//  }
+//
+//  .cls-3 {
+//    opacity: 0.5;
+//    fill: url(#illus_grad-2);
+//  }
+//
+//  .cls-4 {
+//    fill: #0091da;
+//  }
+//}
 
-.icon-obj-ds {
-  .cls-2 {
-    opacity: 0.5;
-    fill: url(#illus_grad);
-  }
+//.icon-obj-host {
+//  .cls-1 {
+//    @extend %cls1;
+//  }
+//
+//  .cls-2 {
+//    opacity: 0.5;
+//    fill: url(#linear-gradient);
+//  }
+//
+//  .cls-3 {
+//    fill: #0091da;
+//  }
+//}
 
-  .cls-3 {
-    fill: #0091da;
-  }
-}
+//.icon-obj-ds {
+//  .cls-2 {
+//    opacity: 0.5;
+//    fill: url(#illus_grad);
+//  }
+//
+//  .cls-3 {
+//    fill: #0091da;
+//  }
+//}
 
 #error-icon-outline {
   fill: none;
@@ -2403,24 +2924,24 @@ const props = defineProps<{
   transform-origin: 50% 54%;
 }
 
-.icon-obj-cluster {
-  .cls-2,
-  .cls-3 {
-    opacity: 0.5;
-  }
-
-  .cls-2 {
-    fill: url(#illus_grad);
-  }
-
-  .cls-3 {
-    fill: url(#illus_grad-2);
-  }
-
-  .cls-4 {
-    fill: #0091da;
-  }
-}
+//.icon-obj-cluster {
+//  .cls-2,
+//  .cls-3 {
+//    opacity: 0.5;
+//  }
+//
+//  .cls-2 {
+//    fill: url(#illus_grad);
+//  }
+//
+//  .cls-3 {
+//    fill: url(#illus_grad-2);
+//  }
+//
+//  .cls-4 {
+//    fill: #0091da;
+//  }
+//}
 .icon-obj-rp {
   .cls-1 {
     fill: none;