lau-ecom-design-system 1.0.0 → 1.0.2

package/src/components/LauEcomFooter/LauEcomFooter.vue

@@ -0,0 +1,194 @@
+<script setup lang="ts">
+// import { computed } from 'vue';
+import { computed } from "vue";
+import { LauEcomInstance } from "../../enums";
+import { Colors } from "../../utils";
+import {
+  LauEcomCbtLogoLaureate,
+  LauEcomCbtLogoUpcWhite,
+  LauEcomCoreIconBook,
+  LauEcomLogoWasc,
+  LauEcomUpcIconInnova,
+} from "../LauEcomIcon";
+import LauEcomCbtLogoCbtVer from "../LauEcomIcon/LauEcomCbtLogoCbtVer.vue";
+import LauEcomSubFooter from "./LauEcomSubFooter.vue";
+
+interface Props {
+  instance?: LauEcomInstance;
+  urlPrivacyPolicy?: string;
+  urlTermAndConditions?: string;
+  urlComplaintsBook?: string;
+  urlPdpArco?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  instance: LauEcomInstance.Upc,
+  urlContact: "https://www.upc.edu.pe/servicios/contacto-para-alumnos-upc/",
+  urlPrivacyPolicy:
+    "https://www.upc.edu.pe/html/politica-y-terminos/0/politica-privacidad.htm",
+  urlTermAndConditions:
+    "https://www.upc.edu.pe/html/politica-y-terminos/0/terminos-condiciones.htm",
+  urlComplaintsBook: "https://librodereclamaciones.upc.edu.pe/",
+  urlPdpArco: "https://upc.edu.pe/proteccion-de-datos/",
+});
+
+const isUpcInstance = computed(() => {
+  return props.instance === LauEcomInstance.Upc;
+});
+
+const isCbtInstance = computed(() => {
+  return props.instance === LauEcomInstance.Cibertec;
+});
+
+const lauEcomFooterLogosClasses = computed(() => {
+  return {
+    "lau-ecom-footer-logos": true,
+    "lau-ecom-footer-logos--upc": isUpcInstance.value,
+    "lau-ecom-footer-logos--cbt": isCbtInstance.value,
+  };
+});
+
+const lauEcomTermnsClasses = computed(() => {
+  return {
+    "lau-ecom-termns": true,
+    "lau-ecom-termns--upc": isUpcInstance.value,
+    "lau-ecom-termns--cbt": isCbtInstance.value,
+  };
+});
+</script>
+
+<template>
+  <footer>
+    <LauEcomSubFooter :instance="instance" />
+    <div class="dsEcom-flex dsEcom-flex-col">
+      <div :class="lauEcomFooterLogosClasses">
+        <div
+          class="dsEcom-flex mobiles:dsEcom-w-full mobiles:dsEcom-justify-center mobiles:dsEcom-border-b-2 mobiles:dsEcom-border-b-upc-color-neutral-40"
+        >
+          <span v-if="isUpcInstance">
+            <LauEcomUpcIconInnova />
+          </span>
+          <span v-if="isCbtInstance">
+            <LauEcomCbtLogoCbtVer />
+          </span>
+        </div>
+        <div
+          class="dsEcom-flex dsEcom-flex-col dsEcom-gap-2 mobiles:dsEcom-items-center"
+        >
+          <p class="core-font-body-reg-05-14px mobiles:dsEcom-my-6">
+            Con el respaldo de
+          </p>
+          <div
+            class="dsEcom-flex dsEcom-items-center mobiles:dsEcom-flex-col mobiles:dsEcom-gap-8"
+          >
+            <span
+              v-if="isUpcInstance"
+              class="dsEcom-pr-[51px] dsEcom-py-3 dsEcom-border-r-2 dsEcom-border-r-upc-color-neutral-50 mobiles:dsEcom-pr-0 mobiles:dsEcom-border-r-0 mobiles:dsEcom-py-0"
+            >
+              <LauEcomLogoWasc />
+            </span>
+            <div
+              v-if="isCbtInstance"
+              class="dsEcom-flex mobiles:dsEcom-flex-col mobiles:dsEcom-gap-8"
+            >
+              <span
+                class="dsEcom-pr-[51px] dsEcom-py-2 dsEcom-border-r-2 dsEcom-border-r-color-cbt-color-neutral-50 mobiles:dsEcom-py-0 mobiles:dsEcom-pr-0 mobiles:dsEcom-border-r-0"
+              >
+                <LauEcomCbtLogoLaureate />
+              </span>
+              <span
+                class="dsEcom-px-[51px] dsEcom-py-2 dsEcom-border-r-2 dsEcom-border-r-color-cbt-color-neutral-50 mobiles:dsEcom-px-0 mobiles:dsEcom-py-0 mobiles:dsEcom-border-r-0"
+              >
+                <LauEcomCbtLogoUpcWhite />
+              </span>
+            </div>
+            <div
+              class="dsEcom-flex dsEcom-items-center dsEcom-pl-[51px] mobiles:dsEcom-pl-0"
+            >
+              <span>
+                <LauEcomCoreIconBook
+                  width="56"
+                  height="56"
+                  :color="Colors['core-color-blue-60-base']"
+                />
+              </span>
+              <a
+                :href="urlComplaintsBook"
+                target="_blank"
+                rel="nofollow"
+                class="core-font-body-bold-04-16px dsEcom-text-core-color-blue-60-base"
+              >
+                Libro de reclamaciones
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div :class="lauEcomTermnsClasses">
+        <!-- ToDo: Add links para terminos y politicas -->
+        <div
+          class="dsEcom-flex dsEcom-gap-1 core-font-link-03-14px dsEcom-text-core-color-blue-60-base mobiles:dsEcom-block mobiles:dsEcom-text-center"
+        >
+          <a :href="urlPrivacyPolicy" target="_blank" rel="nofollow">
+            Politica de Privacidad
+          </a>
+          <span>|</span>
+          <a :href="urlTermAndConditions" target="_blank" rel="nofollow">
+            Terminos y Condiciones
+          </a>
+          <span>|</span>
+          <a :href="urlPdpArco" target="_blank" rel="nofollow">
+            Portal de PDP y Derechos ARCO
+          </a>
+        </div>
+        <div class="core-font-body-reg-05-14px mobiles:dsEcom-text-center">
+          <p v-if="isUpcInstance">Universidad Peruana de Ciencias Aplicadas</p>
+          <p v-if="isCbtInstance">
+            Instituto de Educacion Superior Privado Cibertec S.A.C
+          </p>
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<style scoped>
+.lau-ecom-footer-logos {
+  @apply dsEcom-flex
+    dsEcom-justify-between
+    dsEcom-items-center
+    dsEcom-py-8
+    dsEcom-px-[91px]
+    mobiles:dsEcom-flex-col
+    mobiles:dsEcom-py-10
+    mobiles:dsEcom-px-6;
+}
+
+.lau-ecom-footer-logos--upc {
+  @apply dsEcom-bg-upc-color-neutral-20;
+}
+
+.lau-ecom-footer-logos--cbt {
+  @apply dsEcom-bg-color-cbt-color-neutral-20;
+}
+
+.lau-ecom-termns {
+  @apply dsEcom-flex
+    dsEcom-justify-between
+    dsEcom-items-center
+    dsEcom-py-8 
+    dsEcom-px-[91px]
+    mobiles:dsEcom-flex-col
+    mobiles:dsEcom-gap-6
+    mobiles:dsEcom-py-8
+    mobiles:dsEcom-px-6;
+}
+
+.lau-ecom-termns--upc {
+  @apply dsEcom-bg-upc-color-neutral-30;
+}
+
+.lau-ecom-termns--cbt {
+  @apply dsEcom-bg-color-cbt-color-neutral-30;
+}
+</style>

package/src/components/LauEcomFooter/LauEcomSubFooter.vue

@@ -0,0 +1,113 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import LauEcomSubFooterCategory from "./LauEcomSubFooterCategory.vue";
+import { Category } from "./types";
+import { LauEcomInstance } from "../../enums";
+
+interface Props {
+  instance?: LauEcomInstance;
+  categories?: Category[];
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  instance: LauEcomInstance.Upc,
+  categories: () => {
+    return [
+      {
+        title: "Tipo de Categoria",
+        url: "http://",
+        subCategoriesList: [
+          {
+            title: "Subcategoria",
+            url: "http://",
+          },
+          {
+            title: "Subcategoria",
+            url: "http://",
+          },
+        ],
+      },
+      {
+        title: "Tipo de Categoria",
+        url: "http://",
+        subCategoriesList: [
+          {
+            title: "Subcategoria",
+            url: "http://",
+          },
+          {
+            title: "Subcategoria",
+            url: "http://",
+          },
+        ],
+      },
+      {
+        title: "Tipo de Categoria",
+        url: "http://",
+        subCategoriesList: [
+          {
+            title: "Subcategoria",
+            url: "http://",
+          },
+          {
+            title: "Subcategoria",
+            url: "http://",
+          },
+        ],
+      },
+    ];
+  },
+});
+
+const isUpcInstance = computed(() => {
+  return props.instance === LauEcomInstance.Upc;
+});
+
+const isCbtInstance = computed(() => {
+  return props.instance === LauEcomInstance.Cibertec;
+});
+
+const lauEcomSubFooterClasses = computed(() => {
+  return {
+    "dsEcom-bg-upc-color-neutral-20": isUpcInstance.value,
+    "dsEcom-bg-color-cbt-color-neutral-20": isCbtInstance.value,
+  };
+});
+
+const subFooterLineClasses = computed(() => {
+  return {
+    "dsEcom-mx-[91px] dsEcom-h-[2px] mobiles:dsEcom-hidden": true,
+    "dsEcom-bg-upc-color-neutral-50": isUpcInstance.value,
+    "dsEcom-bg-color-cbt-color-neutral-50": isCbtInstance.value,
+  };
+});
+</script>
+
+<template>
+  <div :class="lauEcomSubFooterClasses">
+    <div class="lau-ecom-sub-footer-wrapper">
+      <LauEcomSubFooterCategory
+        v-for="(category, index) in categories"
+        :key="`sub-footer-category-${index + 1}`"
+        :instance="instance"
+        :category-data="category"
+      />
+    </div>
+    <hr :class="subFooterLineClasses" />
+  </div>
+</template>
+
+<style scoped>
+.lau-ecom-sub-footer-wrapper {
+  @apply dsEcom-grid
+    dsEcom-grid-cols-4
+    dsEcom-gap-4
+    dsEcom-w-full
+    dsEcom-py-10
+    dsEcom-px-[91px]
+    mobiles:dsEcom-flex
+    mobiles:dsEcom-flex-col
+    mobiles:dsEcom-px-6
+    mobiles:dsEcom-gap-0;
+}
+</style>

package/src/components/LauEcomFooter/LauEcomSubFooterCategory.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import { computed, ref, toRefs } from "vue";
+import LauEcomTextButton from "../LauEcomTextButton/LauEcomTextButton.vue";
+import { Category } from "./types";
+import { LauEcomInstance } from "../../enums";
+import LauEcomUpcIconArrowDown from "../LauEcomIcon/LauEcomUpcIconArrowDown.vue";
+import { Colors } from "../../utils";
+
+interface Props {
+  instance?: LauEcomInstance;
+  categoryData?: Category;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  instance: LauEcomInstance.Upc,
+  categoryData: () => {
+    return {
+      title: "Tipo de Categoria",
+      url: "http://",
+      subCategoriesList: [
+        {
+          title: "Subcategoria",
+          url: "http://",
+        },
+        {
+          title: "Subcategoria",
+          url: "http://",
+        },
+      ],
+    };
+  },
+});
+
+const { title, url, subCategoriesList } = toRefs(props.categoryData);
+
+const isActive = ref(false);
+
+const isUpcInstance = computed(() => {
+  return props.instance === LauEcomInstance.Upc;
+});
+
+const isCbtInstance = computed(() => {
+  return props.instance === LauEcomInstance.Cibertec;
+});
+
+const getSubtitleFont = computed(() => {
+  return {
+    "upc-font-subtitle-04-16px": isUpcInstance.value,
+    "cbt-font-subtitle-04-16px": isCbtInstance.value,
+  };
+});
+
+const getSubCategoryFont = computed(() => {
+  return {
+    "upc-font-button-14px": isUpcInstance.value,
+    "cbt-font-button-14px": isCbtInstance.value,
+  };
+});
+
+const getTextColor = computed(() => {
+  return {
+    "dsEcom-text-upc-epg-color-purple-30": isUpcInstance.value,
+    "dsEcom-text-cbt-astro-blue-20": isCbtInstance.value,
+  };
+});
+
+const getIconColor = computed(() => {
+  if (isUpcInstance.value) return Colors["upc-epg-color-purple-30"];
+  if (isCbtInstance.value) return Colors["cbt-astro-blue-20"];
+  return "";
+});
+
+const subCategoryListClasses = computed(() => {
+  if (isActive.value) {
+    return "mobiles:dsEcom-flex";
+  } else {
+    return "mobiles:dsEcom-hidden";
+  }
+});
+
+const handleToggleCategory = () => {
+  isActive.value = !isActive.value;
+};
+</script>
+
+<template>
+  <div
+    class="dsEcom-flex dsEcom-flex-col dsEcom-gap-4 mobiles:dsEcom-border-b-2 mobiles:dsEcom-border-b-upc-color-neutral-40 mobiles:dsEcom-gap-0"
+  >
+    <div
+      class="mobiles:dsEcom-flex mobiles:dsEcom-justify-between mobiles:dsEcom-py-4"
+    >
+      <a :class="[getTextColor, getSubtitleFont]" :href="url" rel="nofollow">
+        {{ title }}
+      </a>
+      <button @click="handleToggleCategory">
+        <LauEcomUpcIconArrowDown
+          class="dsEcom-hidden mobiles:dsEcom-block"
+          width="20"
+          height="20"
+          :color="getIconColor"
+        />
+      </button>
+    </div>
+    <ul
+      class="dsEcom-flex dsEcom-flex-col dsEcom-gap-4 mobiles:dsEcom-mb-4"
+      :class="subCategoryListClasses"
+    >
+      <li
+        v-for="(subCategory, index) in subCategoriesList"
+        :key="`sub-category-${index + 1}`"
+        :class="[getTextColor, getSubCategoryFont]"
+      >
+        <a :href="subCategory.url" rel="nofollow">
+          {{ subCategory.title }}
+        </a>
+      </li>
+      <li>
+        <LauEcomTextButton has-arrow :instance="instance">
+          Ver todo
+        </LauEcomTextButton>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<style scoped></style>

package/src/components/LauEcomIcon/LauEcomCbtIconChart.vue

@@ -0,0 +1,53 @@
+<script lang="ts" setup>
+withDefaults(
+  defineProps<{
+    color?: string;
+    width?: string;
+    height?: string;
+  }>(),
+  {
+    color: "#000",
+    width: "24",
+    height: "24",
+  },
+);
+</script>
+
+<template>
+  <svg
+    :width="width"
+    :height="height"
+    viewBox="0 0 60 60"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M52.0432 34.6519C50.8974 33.1329 48.9877 32.7532 47.2691 33.5127C46.6962 33.8924 45.9323 34.0823 45.3594 34.462C44.5956 34.8418 43.8317 35.2215 43.0679 35.6013C42.8769 35.6013 42.495 35.6013 42.495 35.6013C40.5854 34.0823 39.0576 33.8924 36.957 34.8418L35.6203 35.4114C34.2836 35.981 33.1378 36.7405 31.801 37.3101C30.8462 37.8797 30.0824 37.8797 29.1275 37.3101C28.1727 36.7405 27.0269 36.1709 25.8812 35.6013L25.3083 35.2215C23.9715 34.462 22.2529 34.0823 20.7251 34.0823C19.0065 34.0823 17.4788 34.6519 15.5691 35.6013V35.4114C15.5691 34.8418 15.3782 34.462 15.1872 34.0823C14.9962 33.7025 14.2324 33.1329 13.8505 33.3228C12.5137 33.5127 11.3679 33.8924 10.2222 34.0823C9.64926 34.2722 9.07637 34.2722 8.50348 34.462C7.73963 34.6519 7.3577 35.2215 7.54866 35.981L8.50348 40.3481C9.26734 43.9557 10.0312 47.7532 10.795 51.3608C10.986 51.7405 10.986 52.1203 11.3679 52.3101C11.5589 52.5 11.7499 52.5 11.9408 52.5C12.1318 52.5 12.3228 52.5 12.5137 52.5C13.6595 52.3101 14.9962 51.9304 16.142 51.7405L17.2878 51.5506C18.6245 51.1709 18.8155 50.981 18.6245 49.462C18.2426 49.462 18.4336 49.0823 18.4336 49.0823H18.8155C19.5794 48.8924 20.5342 48.7025 21.298 48.7025C23.5896 48.8924 26.0721 49.0823 28.3637 49.462L30.4643 49.6519C32.7558 49.8418 34.4745 49.6519 36.0022 48.5127C40.7763 45.4747 45.7414 42.057 51.2793 38.2595C51.8522 37.8797 52.2341 37.3101 52.4251 36.5506C52.6161 35.981 52.4251 35.2215 52.0432 34.6519ZM40.7763 38.2595C39.8215 38.8291 39.0576 39.3987 38.1028 39.7785C36.1932 40.9177 34.2836 42.057 32.3739 43.1962C31.0372 43.9557 29.7004 44.1456 27.9818 43.576C26.2631 43.1962 24.7354 42.8165 23.0167 42.4367L20.3432 41.8671L19.7703 43.9557H19.9613C20.7251 44.1456 21.489 44.3354 22.2529 44.5253C24.1625 44.9051 26.0721 45.4747 27.9818 45.8544C28.9366 46.0443 29.8914 46.0443 30.6552 45.8544C31.801 45.6646 32.7558 45.2848 33.7107 44.7152C36.5751 43.1962 39.0576 41.6772 41.5402 40.1582C41.9221 39.7785 42.304 39.3987 42.686 38.8291C42.8769 38.6392 42.8769 38.4494 43.0679 38.2595L43.2588 38.0696C43.4498 37.8797 43.4498 37.6899 43.6408 37.6899C44.9775 36.9304 46.5052 36.1709 47.842 35.6013C48.2239 35.4114 48.7968 35.2215 49.1787 35.4114C49.5606 35.6013 49.9426 35.981 50.1335 36.3608C50.1335 36.5506 49.7516 36.9304 49.3697 37.1203C46.8871 38.8291 44.5956 40.3481 42.1131 41.8671C39.8215 43.3861 37.7209 44.9051 35.4293 46.2342C33.7107 47.3734 32.183 47.7532 30.2733 47.5633C27.0269 47.1835 24.1625 46.8038 21.489 46.6139C21.298 46.6139 21.1071 46.6139 20.7251 46.6139C19.9613 46.6139 19.1974 46.6139 18.4336 46.8038C18.0517 46.8038 17.6697 46.8038 17.2878 46.9937L17.0968 46.2342C16.9059 45.2848 16.7149 44.3354 16.5239 43.3861C16.333 42.8165 16.333 42.4367 16.142 41.8671C15.9511 40.9177 15.7601 39.9684 15.5691 38.8291C15.3782 38.2595 15.5691 38.0696 16.142 37.6899C18.6245 36.1709 21.1071 36.1709 23.7806 37.3101C25.1173 37.8797 26.4541 38.6392 27.7908 39.3987C29.3185 40.1582 30.6552 40.1582 31.992 39.3987C34.0926 38.2595 35.8113 37.3101 37.7209 36.5506C38.8667 35.981 39.8215 36.1709 40.5854 37.1203C40.7763 37.3101 40.9673 37.5 40.7763 37.6899C41.1582 37.8797 41.1582 38.0696 40.7763 38.2595ZM16.142 49.462L12.5137 50.2215L9.64926 36.3608L13.2776 35.7911L16.142 49.462Z"
+      :fill="color"
+    />
+    <path
+      d="M21.68 16.0443L22.8257 17.1835C23.5896 18.1329 24.5444 18.8924 25.3083 19.6519C25.6902 20.0316 26.2631 20.4114 26.836 20.4114C27.4089 20.4114 27.7908 20.2215 28.3637 19.6519L35.2384 12.8165C35.4293 12.6266 35.6203 12.4367 35.8113 12.4367L36.3842 13.0063C38.1028 14.7152 39.6305 16.2342 41.3492 17.943C42.495 19.0823 42.686 19.0823 43.8317 17.943L50.3245 11.4873V12.8165H52.4251V12.2468C52.4251 11.8671 52.4251 11.4873 52.4251 11.2975C52.4251 10.3481 52.4251 9.58861 52.4251 8.63924C52.4251 8.25949 51.8522 7.68987 51.4703 7.5C50.5155 7.5 49.5606 7.5 48.6058 7.5C48.2239 7.5 48.0329 7.5 47.651 7.5H47.2691V9.58861H48.4149L42.1131 15.8544L40.7763 14.3354C39.4396 13.0063 38.1028 11.6772 36.7661 10.3481C35.8113 9.39873 35.4293 9.39873 34.6655 10.3481C32.5649 12.6266 30.2733 14.9051 27.9818 16.9937C27.5998 17.3734 27.4089 17.5633 27.2179 17.943L27.0269 18.1329L25.8812 16.9937C24.9263 16.0443 23.9715 15.0949 22.8257 13.9557C21.8709 13.0063 21.489 13.0063 20.5342 13.9557C17.2878 17.1835 14.2324 20.2215 10.986 23.4494C10.795 23.8291 10.795 24.019 10.6041 24.019L10.4131 24.2089L11.7499 25.9177L21.68 16.0443Z"
+      :fill="color"
+    />
+    <path
+      d="M41.1582 33.1329C41.3492 33.3228 41.7311 33.5127 42.1131 33.5127C42.8769 33.5127 43.4498 33.5127 44.0227 33.5127H44.5956C44.9775 33.5127 45.3594 33.3228 45.5504 33.1329C45.7414 32.943 45.9323 32.5633 45.9323 32.1835C45.9323 28.576 45.9323 24.9684 45.9323 21.3608C45.9323 20.981 45.7414 20.6013 45.5504 20.4114C45.3594 20.2215 44.9775 20.0316 44.5956 20.0316H44.0227C43.4498 20.0316 42.8769 20.0316 42.1131 20.0316C41.5402 20.0316 41.3492 20.0316 40.9673 20.4114C40.7763 20.6013 40.5854 20.981 40.5854 21.5506C40.5854 22.6899 40.5854 24.019 40.5854 25.1582V28.0063C40.5854 29.3354 40.5854 30.6646 40.5854 31.9937C40.7763 32.5633 40.7763 32.7532 41.1582 33.1329ZM42.8769 31.2342V22.3101H43.6408V31.2342H42.8769Z"
+      :fill="color"
+    />
+    <path
+      d="M32.183 21.9304C31.992 21.7405 31.6101 21.5506 31.0372 21.5506C30.2733 21.5506 29.5095 21.5506 28.7456 21.5506C28.3637 21.5506 27.9818 21.7405 27.7908 21.9304C27.5998 22.1203 27.4089 22.5 27.4089 22.8797C27.4089 24.9684 27.4089 27.057 27.4089 29.1456V32.1835C27.4089 32.5633 27.5998 32.943 27.7908 33.1329C27.9818 33.3228 28.3637 33.5127 28.7456 33.5127H29.1275C29.8914 33.5127 30.6552 33.5127 31.4191 33.5127C31.801 33.5127 32.183 33.3228 32.3739 33.1329C32.5649 32.943 32.7558 32.5633 32.7558 32.1835C32.7558 31.0443 32.7558 30.0949 32.7558 28.9557V26.2975C32.7558 25.1582 32.7558 24.2089 32.7558 23.0696C32.3739 22.5 32.3739 22.1203 32.183 21.9304ZM30.2733 23.8291V31.2342H29.5095V23.8291H30.2733Z"
+      :fill="color"
+    />
+    <path
+      d="M38.8667 24.2089C38.6757 24.019 38.2938 23.8291 37.9119 23.8291C36.957 23.8291 36.1932 23.8291 35.2384 23.8291C34.8564 23.8291 34.4745 24.019 34.2836 24.2089C34.0926 24.3987 33.9016 24.7785 33.9016 25.1582C33.9016 27.4367 33.9016 29.9051 33.9016 32.1835C33.9016 32.5633 34.0926 32.943 34.2836 33.1329C34.4745 33.3228 34.8564 33.5127 35.2384 33.5127H35.8113C36.5751 33.5127 37.148 33.5127 37.7209 33.5127C38.1028 33.5127 38.4848 33.3228 38.6757 33.1329C38.8667 32.943 39.0576 32.5633 39.0576 32.1835C39.0576 31.4241 39.0576 30.6646 39.0576 29.9051V27.6266C39.0576 26.8671 39.0576 26.1076 39.0576 25.1582C39.0576 24.7785 39.0576 24.3987 38.8667 24.2089ZM36.957 26.1076V31.2342H36.1932V26.1076H36.957Z"
+      :fill="color"
+    />
+    <path
+      d="M20.5342 31.8038C20.5342 33.1329 20.9161 33.3228 22.0619 33.3228C22.2529 33.3228 22.6348 33.3228 22.8257 33.3228C23.2077 33.3228 23.7806 33.3228 24.1625 33.3228C24.1625 33.3228 24.1625 33.3228 24.3535 33.3228C24.7354 33.3228 25.1173 33.1329 25.3083 32.943C25.4992 32.7532 25.6902 32.3734 25.6902 31.8038C25.6902 30.6646 25.6902 29.3354 25.6902 28.0063C25.6902 27.6266 25.4992 27.2468 25.3083 26.8671C25.1173 26.6772 24.7354 26.4873 24.1625 26.4873C23.3986 26.4873 22.6348 26.4873 21.8709 26.4873C21.298 26.4873 20.9161 26.4873 20.7251 26.8671C20.5342 27.057 20.3432 27.4367 20.3432 28.0063C20.3432 28.3861 20.3432 28.7658 20.3432 29.3354V30.4747C20.5342 31.0443 20.5342 31.4241 20.5342 31.8038ZM22.8257 31.2342V28.9557H23.5896V31.2342H22.8257Z"
+      :fill="color"
+    />
+    <path
+      d="M10.4131 37.1203L10.986 39.2089L12.8956 38.8291L12.5137 36.7405L10.4131 37.1203Z"
+      :fill="color"
+    />
+  </svg>
+</template>

package/src/components/LauEcomIcon/LauEcomCbtIconGirlReading.vue

@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+withDefaults(
+  defineProps<{
+    color?: string;
+    width?: string;
+    height?: string;
+  }>(),
+  {
+    color: "#000",
+    width: "24",
+    height: "24",
+  },
+);
+</script>
+
+<template>
+  <svg
+    :width="width"
+    :height="height"
+    viewBox="0 0 60 60"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M30.061 7.51373C27.444 7.79538 25.4261 8.71209 23.6988 10.4002C22.2208 11.8461 21.2952 13.5468 20.8468 15.6421C20.6908 16.3741 20.6746 16.6485 20.7033 18.0424C20.8056 22.9005 20.8092 22.8825 19.6181 26.1314C18.9796 27.8715 18.7966 29.7085 19.0388 31.942L19.1751 33.2068L18.9563 33.5368C18.8361 33.7198 18.7285 33.858 18.7159 33.8472C18.5203 33.3857 18.3307 32.9216 18.1473 32.4551C17.4819 30.7903 17.2738 30.532 16.35 30.236C15.8084 30.0619 15.7169 30.053 15.2362 30.1427C14.4147 30.2934 13.907 30.6791 13.5932 31.3895C13.2846 32.0855 13.2954 32.604 13.6326 33.4005C13.6882 33.5315 13.6183 33.5422 12.777 33.5404C11.6578 33.5386 11.3762 33.4758 10.3699 33.0148C9.25422 32.5035 8.59774 32.5358 7.96636 33.1332C7.53408 33.5422 7.5 33.7055 7.5 35.4384C7.5 36.9651 7.51076 37.0763 7.69192 37.4764C7.96277 38.0773 8.37353 38.4056 9.58606 38.9976C10.795 39.5861 11.3762 39.7583 12.1582 39.7583H12.7071V40.9082C12.7071 41.5415 12.5977 43.5238 12.4649 45.316C12.3634 46.5835 12.2827 47.8526 12.2228 49.1227C12.2228 51.1768 13.8156 52.6227 15.9357 52.4918C17.1877 52.4146 18.1401 51.776 18.6962 50.6422C18.8558 50.3175 19.6935 48.7514 20.558 47.1619L22.1311 44.2737L22.2674 44.6952C22.4163 45.1491 22.8486 46.0282 23.114 46.4174C23.2737 46.6507 23.2791 46.7726 23.2809 49.5461V52.4326H24.9759V49.4026C24.9759 46.186 24.9597 46.0282 24.5759 45.612C24.2961 45.307 23.853 44.401 23.7293 43.8754C23.5353 43.0332 23.553 42.156 23.7809 41.3223C24.0087 40.4887 24.4397 39.7245 25.0351 39.0981L25.401 38.7214L24.8952 38.1096C24.6171 37.7724 24.3642 37.4979 24.332 37.4979C24.3015 37.4979 24.0557 37.7257 23.7885 38.0056C23.2512 38.5606 22.8143 39.2046 22.497 39.909C22.3876 40.1601 21.5464 41.7621 20.6298 43.47L18.9617 46.5771L18.9419 42.2519L18.9204 37.9284L19.5303 36.4413C19.8639 35.6232 20.2621 34.7693 20.4127 34.5415C20.9378 33.7916 21.7251 33.266 22.619 33.0686C22.854 33.0184 23.6719 32.9771 24.436 32.9771H25.8243L27.9893 36.9256C29.1803 39.0981 30.2152 40.9279 30.2888 40.9925C30.4061 41.0857 30.5464 41.1452 30.6949 41.1648C30.8434 41.1844 30.9944 41.1633 31.1318 41.1037C31.356 41.0105 31.5103 40.7862 32.1614 39.6076L32.9273 38.2209L32.9668 43.1937L33.008 48.1665L33.2555 48.389C33.4726 48.5827 33.7129 48.6527 35.0923 48.9254L36.6797 49.2393V52.3518H38.3747V50.9741C38.3747 49.7004 38.3855 49.5999 38.5164 49.6376C39.1621 49.8313 41.3397 50.1722 41.9226 50.1722H42.6186L42.85 50.6619C43.1208 51.2306 43.6751 51.7598 44.3477 52.0917C44.7423 52.2873 44.8822 52.3106 45.5979 52.3106C46.301 52.3088 46.466 52.2819 46.8642 52.0953C47.4221 51.8352 47.9996 51.3167 48.283 50.8234C48.3978 50.6207 48.5019 50.4431 48.5126 50.4269C48.8793 50.3425 49.249 50.2725 49.6211 50.217C50.7924 50.0179 51.144 49.8672 51.4866 49.4169C51.5951 49.2732 51.6793 49.1126 51.7359 48.9415C51.7718 48.798 51.8866 48.6724 52.0534 48.5935C52.2017 48.5226 52.3254 48.4089 52.4085 48.267C52.4749 48.1217 52.5 46.2434 52.5 41.5217C52.5 35.5981 52.4874 34.9523 52.3655 34.6975C52.2919 34.5433 52.161 34.389 52.0731 34.3567C51.9798 34.3226 50.448 34.5433 48.3925 34.8895C45.3019 35.4097 44.38 35.6017 43.8526 35.8349C43.745 35.8833 43.6769 35.7811 43.4975 35.3039C43.2248 34.5809 42.8912 33.91 42.6329 33.5673L42.4392 33.309L42.5504 32.3959C42.6114 31.8936 42.6616 30.9392 42.6634 30.2718C42.6652 28.4635 42.4482 27.3908 41.6554 25.299C41.4049 24.6398 41.1952 23.9658 41.0276 23.2808C40.8644 22.5237 40.85 22.2762 40.8823 20.7477C40.972 16.4225 40.9253 15.8126 40.3926 14.2751C39.1998 10.8343 36.0716 8.18825 32.5345 7.63213C31.9551 7.54063 30.4682 7.46888 30.061 7.51373ZM33.0367 9.35791C35.4743 10.0342 37.546 11.7672 38.5433 13.9684C38.6725 14.2518 38.877 14.8044 39.0007 15.1936L39.2213 15.9023L39.2016 18.8497C39.1729 22.7785 39.2644 23.4853 40.1128 25.8157C40.6724 27.3495 40.8428 28.0168 40.963 29.1417C41.0491 29.9489 41.0132 31.6909 40.9074 31.8631C40.8859 31.8972 40.7334 31.8577 40.5702 31.7752C39.7917 31.3787 39.4958 31.3375 37.0833 31.289L34.782 31.2406L34.7604 29.7032L34.7389 28.1639L35.2914 27.7872C36.6455 26.836 37.652 25.4684 38.1577 23.8925C38.468 22.9059 38.5362 22.1793 38.5362 19.8723C38.5362 17.1562 38.5595 17.2083 37.2447 16.9966C34.5506 16.5642 31.7453 15.3461 29.5283 13.6437C28.2727 12.6803 28.2009 12.6337 27.9462 12.6337C27.5301 12.6337 27.261 12.8454 26.9454 13.4212C26.0503 15.0591 25.2629 16.0171 24.0665 16.9284C23.7167 17.1939 23.3992 17.5007 23.3562 17.6101C23.2522 17.8864 23.2611 21.9246 23.3687 22.696C23.4692 23.4243 23.7777 24.4487 24.0683 25.0245C24.6154 26.1099 25.7095 27.3405 26.6153 27.8895L27.0781 28.1693L27.0566 29.705L27.0332 31.2406L24.775 31.2908C22.7822 31.3357 22.4432 31.3626 21.9194 31.5168C21.6342 31.5965 21.3549 31.696 21.0836 31.8146C20.9526 31.8846 20.8199 31.9151 20.7912 31.8864C20.7625 31.8577 20.7392 31.1006 20.741 30.2055C20.7428 28.2967 20.8092 27.9469 21.5697 25.9C22.4898 23.4207 22.5921 22.7121 22.5167 19.2892C22.4665 17.0073 22.4773 16.5194 22.5885 15.9292C23.227 12.5189 25.896 9.87098 29.374 9.19825C30.2924 9.02065 32.1022 9.09958 33.0367 9.35791ZM28.6781 15.2062C30.7623 16.74 33.512 17.9689 36.0752 18.5125L36.7209 18.6488L36.7156 20.545C36.712 22.7767 36.66 23.0942 36.1057 24.2424C35.7595 24.9617 35.6089 25.1698 35.0008 25.7762C34.208 26.5691 33.5479 26.9889 32.6026 27.3028C32.0376 27.4912 31.8242 27.5181 30.8681 27.5235C29.6305 27.5289 29.0296 27.389 28.0018 26.8579C27.3238 26.5063 26.1274 25.3474 25.7149 24.6442C25.0064 23.4387 24.897 22.8538 24.8952 20.2885V18.3761L25.4907 17.8882C26.3033 17.2224 27.0102 16.4373 27.5875 15.5596C27.8601 15.1488 28.0969 14.8133 28.113 14.8133C28.131 14.8133 28.3857 14.9909 28.6781 15.2062ZM26.9543 18.717C26.4593 18.9448 26.1203 19.5745 26.2279 20.0624C26.3983 20.8392 27.4117 21.277 28.0431 20.8482C28.479 20.5522 28.6386 20.2741 28.6386 19.8185C28.6386 18.9681 27.7148 18.3654 26.9543 18.717ZM33.8008 18.6954C33.4833 18.7887 33.1623 19.1583 33.0367 19.5799C32.956 19.8525 32.9632 19.9458 33.0905 20.2293C33.5336 21.2106 34.8896 21.2895 35.3111 20.3584C35.5084 19.9261 35.5066 19.7862 35.3003 19.3592C35.1897 19.1275 35.0106 18.9353 34.7873 18.8085C34.4286 18.5968 34.2223 18.5735 33.8008 18.6954ZM28.4467 22.6296C28.4467 23.7006 29.6 24.7429 30.7874 24.7429C31.9748 24.7429 33.1282 23.7006 33.1282 22.6296V22.4018H32.3192C31.5551 22.4018 31.5067 22.4125 31.4403 22.583C31.3883 22.7083 31.3074 22.8196 31.2042 22.9078C31.101 22.9961 30.9785 23.0587 30.8466 23.0906C30.5632 23.1624 30.2386 22.9579 30.1273 22.6386L30.0448 22.4018H28.4467V22.6296ZM29.3094 29.156C29.6664 29.2439 30.1973 29.2905 30.8287 29.2905C31.4583 29.2905 31.9892 29.2439 32.3461 29.156C32.54 29.1066 32.7349 29.0617 32.9309 29.0215C32.9506 29.0215 32.9668 29.5525 32.9668 30.2037C32.9668 31.6675 33.0367 31.9241 33.5748 32.4551L33.9874 32.8623L33.5784 33.6068L33.1694 34.3513L30.8 34.3298L28.4305 34.3082L28.0305 33.5673L27.6305 32.8246L27.9642 32.5233C28.5668 31.9779 28.6422 31.7411 28.6745 30.2934C28.6906 29.5937 28.7157 29.0215 28.7319 29.0215C28.7462 29.0215 29.0063 29.0824 29.3094 29.156ZM16.124 32.0281C16.2406 32.1358 16.5043 32.6775 16.7734 33.361L17.2272 34.511V38.063H14.6568C11.6775 38.063 11.3241 38.0092 10.1331 37.3651C9.08203 36.7983 9.15557 36.9364 9.15557 35.5479C9.15557 34.8895 9.16992 34.3495 9.18786 34.3495C9.2058 34.3495 9.52687 34.4894 9.89995 34.6617C11.0282 35.1801 11.3815 35.2375 13.4891 35.2375C15.2308 35.2375 15.3617 35.2267 15.5554 35.0743C15.6932 34.951 15.7975 34.7949 15.8586 34.6204C15.9501 34.3459 15.9321 34.2849 15.5411 33.4992C15.3151 33.0417 15.1285 32.5573 15.1285 32.421C15.1285 31.9115 15.7366 31.6711 16.124 32.0281ZM39.0366 33.0686C39.9281 33.2588 40.7765 33.8185 41.2715 34.5397C41.5208 34.902 41.8885 35.7057 41.8329 35.7613C41.8132 35.7811 41.5818 35.7111 41.3164 35.6071C40.9935 35.4797 39.8994 35.268 37.9711 34.9594C36.3945 34.7083 35.0797 34.4948 35.0492 34.4876C35.0187 34.4787 35.1748 34.1342 35.399 33.7234L35.8044 32.9771H37.207C37.9783 32.9771 38.8016 33.0184 39.0366 33.0686ZM31.9354 36.5489L31.2305 37.8459C31.0206 38.2388 30.8179 38.5294 30.782 38.4917C30.7031 38.4146 29.4153 36.0717 29.4153 36.0071C29.4153 35.9838 30.0538 35.9641 30.8359 35.9641H32.2547L31.9354 36.5489ZM37.738 36.6099C40.902 37.123 41.1585 37.1947 41.5657 37.6755L41.7899 37.9428L41.5047 37.9661C41.2913 37.9841 36.0878 37.0189 34.843 36.7301C34.6977 36.696 34.6618 36.6314 34.6618 36.4072C34.6618 36.2511 34.6833 36.1255 34.7084 36.1255C34.7353 36.1255 36.0985 36.3426 37.738 36.6099ZM50.9664 36.4018C50.9664 36.5973 50.9233 36.6924 50.8247 36.7229C50.3117 36.8754 44.3674 37.9858 44.1629 37.9661L43.9118 37.9428L44.1701 37.6486C44.3136 37.4871 44.5611 37.2916 44.7226 37.2145C44.954 37.105 50.2328 36.1704 50.8247 36.1345C50.9341 36.1273 50.9664 36.1901 50.9664 36.4018ZM40.2922 39.5538L40.4733 39.6004V43.9669C40.4733 47.4256 40.4518 48.3244 40.3729 48.2957C40.3173 48.276 39.0097 48.0105 37.4671 47.7037L34.6618 47.1476V38.4056L37.3864 38.9582C38.8841 39.2614 40.1917 39.5287 40.2922 39.5538ZM51.0471 41.2796V44.1732L50.5915 44.0584C50.1628 43.949 50.057 43.9561 48.6759 44.1947C46.9216 44.4979 46.7584 44.5463 46.3871 44.8728C45.8885 45.3106 45.8042 45.6084 45.8024 46.9628C45.8006 47.8598 45.7755 48.154 45.7001 48.1558C45.6043 48.1624 45.5093 48.1786 45.4167 48.2042L45.2356 48.2527V43.8844C45.2356 41.4823 45.2445 39.5143 45.2553 39.5125L47.9799 38.9546C48.9388 38.7519 49.901 38.5647 50.8659 38.3931L51.0471 38.3859V41.2796ZM17.1464 40.4041V41.0499H14.3214V39.7583H17.1464V40.4041ZM43.4598 44.1589V48.5576H42.1684V39.7583H43.4598V44.1589ZM17.2254 45.9133C17.2236 47.6571 17.1895 49.225 17.15 49.399C17.055 49.8062 16.6908 50.3247 16.3662 50.5148C15.9451 50.7229 15.4634 50.7732 15.0084 50.6566C14.6568 50.5417 14.1223 50.0843 13.9537 49.7578C13.8891 49.634 13.8371 49.3093 13.8371 49.0259C13.8371 48.5271 14.1976 43.7624 14.2855 43.0879L14.3322 42.7452H17.2272L17.2254 45.9133ZM50.2579 46.979C50.2471 47.7306 50.2202 48.3621 50.1987 48.3836C49.8198 48.4759 49.4367 48.5501 49.0507 48.6061C48.4391 48.7083 47.8221 48.8142 47.6768 48.8411L47.4149 48.8877V47.5171C47.4149 46.5089 47.4418 46.1286 47.5153 46.0802C47.6427 45.9977 49.9009 45.5797 50.118 45.5976C50.274 45.6102 50.2794 45.6622 50.2579 46.979ZM46.3136 50.0628C46.5862 50.3157 46.6095 50.3659 46.5073 50.47C46.319 50.6566 45.8024 50.7427 45.4383 50.6458C45.0508 50.5417 44.6508 50.2727 44.6939 50.1435C44.7154 50.0735 45.5441 49.8367 45.962 49.7793C46.0909 49.8583 46.209 49.9536 46.3136 50.0628Z"
+      :fill="color"
+    />
+  </svg>
+</template>

package/src/components/LauEcomIcon/LauEcomCbtIconWorldwide.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+withDefaults(
+  defineProps<{
+    color?: string;
+    width?: string;
+    height?: string;
+  }>(),
+  {
+    color: "#000",
+    width: "24",
+    height: "24",
+  },
+);
+</script>
+
+<template>
+  <svg
+    :width="width"
+    :height="height"
+    viewBox="0 0 60 60"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M30 12.0703C26.4539 12.0703 22.9873 13.1219 20.0388 15.092C17.0903 17.0621 14.7922 19.8624 13.4351 23.1386C12.0781 26.4148 11.723 30.0199 12.4148 33.4979C13.1067 36.9759 14.8143 40.1707 17.3218 42.6782C19.8293 45.1857 23.0241 46.8934 26.5021 47.5852C29.9801 48.277 33.5852 47.9219 36.8614 46.5649C40.1376 45.2078 42.9379 42.9097 44.908 39.9612C46.8781 37.0127 47.9297 33.5462 47.9297 30C47.9241 25.2465 46.0333 20.6892 42.672 17.328C39.3108 13.9667 34.7535 12.0759 30 12.0703ZM44.3385 23.3203H37.2404C36.3943 20.0594 34.8513 17.0206 32.7176 14.4135C35.2274 14.856 37.5937 15.8964 39.6165 17.4468C41.6392 18.9971 43.2589 21.0117 44.3385 23.3203ZM45.8203 30C45.8215 31.5482 45.5947 33.0882 45.1471 34.5703H37.701C38.2143 31.5451 38.2143 28.4549 37.701 25.4297H45.1471C45.5947 26.9118 45.8215 28.4518 45.8203 30ZM30 45.4389C28.9845 44.403 28.0889 43.2561 27.3299 42.0199C26.3057 40.3538 25.5099 38.5577 24.9639 36.6797H35.0361C34.4901 38.5577 33.6944 40.3538 32.6701 42.0199C31.9111 43.2561 31.0155 44.403 30 45.4389ZM24.4541 34.5703C23.8799 31.5505 23.8799 28.4495 24.4541 25.4297H35.5459C36.1201 28.4495 36.1201 31.5505 35.5459 34.5703H24.4541ZM14.1797 30C14.1785 28.4518 14.4054 26.9118 14.8529 25.4297H22.299C21.7857 28.4549 21.7857 31.5451 22.299 34.5703H14.8529C14.4054 33.0882 14.1785 31.5482 14.1797 30ZM30 14.5611C31.0155 15.597 31.9111 16.7439 32.6701 17.9801C33.6944 19.6462 34.4901 21.4423 35.0361 23.3203H24.9639C25.5099 21.4423 26.3057 19.6462 27.3299 17.9801C28.0889 16.7439 28.9845 15.597 30 14.5611ZM27.2824 14.4135C25.1488 17.0206 23.6057 20.0594 22.7596 23.3203H15.6615C16.7411 21.0117 18.3608 18.9971 20.3835 17.4468C22.4063 15.8964 24.7726 14.856 27.2824 14.4135ZM15.6615 36.6797H22.7596C23.6057 39.9406 25.1488 42.9794 27.2824 45.5865C24.7726 45.144 22.4063 44.1036 20.3835 42.5532C18.3608 41.0029 16.7411 38.9883 15.6615 36.6797ZM32.7123 45.5865C34.8479 42.9799 36.3927 39.9411 37.2404 36.6797H44.3385C43.2589 38.9883 41.6392 41.0029 39.6165 42.5532C37.5937 44.1036 35.2274 45.144 32.7176 45.5865H32.7123Z"
+      :fill="color"
+    />
+  </svg>
+</template>

package/src/components/LauEcomIcon/LauEcomCbtLogoCbtVer.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+withDefaults(
+  defineProps<{
+    color?: string;
+    width?: string;
+    height?: string;
+  }>(),
+  {
+    color: "#000",
+    width: "24",
+    height: "24",
+  },
+);
+</script>
+
+<template>
+  <svg
+    width="168"
+    height="102"
+    viewBox="0 0 168 102"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M91.1744 24.7928C91.1744 25.9003 92.0588 26.7982 93.1912 26.7982C94.3235 26.7982 95.2445 25.9003 95.2445 24.7928C95.2445 23.6853 94.3235 22.7874 93.1912 22.7874C92.0588 22.7874 91.1744 23.6853 91.1744 24.7928ZM84.7667 24.7928C84.7667 25.9003 85.6876 26.7982 86.82 26.7982C87.9523 26.7982 88.8708 25.9003 88.8708 24.7928C88.8708 23.6853 87.9499 22.7874 86.82 22.7874C85.6901 22.7874 84.7667 23.6853 84.7667 24.7928ZM78.3614 24.7928C78.3614 25.9003 79.2824 26.7982 80.4147 26.7982C81.5471 26.7982 82.468 25.9003 82.468 24.7928C82.468 23.6853 81.5471 22.7874 80.4147 22.7874C79.2824 22.7874 78.3614 23.6853 78.3614 24.7928ZM71.9562 24.7928C71.9562 25.9003 72.8771 26.7982 74.0095 26.7982C75.1418 26.7982 76.0627 25.9003 76.0627 24.7928C76.0627 23.6853 75.1418 22.7874 74.0095 22.7874C72.8771 22.7874 71.9562 23.6853 71.9562 24.7928ZM83.6368 57.0318C87.459 57.0318 90.8925 55.1646 92.8024 52.2612H74.3618C76.3106 55.1646 79.7076 57.0318 83.6368 57.0318ZM94.6443 44.7231H72.5928V46.3141C72.5928 47.3858 72.7338 48.3552 72.9476 49.2531H94.219C94.5033 48.3552 94.6443 47.3858 94.6443 46.3141V44.7231ZM72.5928 41.7507H94.6443V33.1431H72.5928V41.7507ZM69.2663 32.0713C69.2663 30.79 70.2917 29.7896 71.6014 29.7896H95.6697C96.943 29.7896 97.9684 30.7923 97.9684 32.0713V46.3498C97.9684 54.0928 91.5267 60.3163 83.6343 60.3163C75.742 60.3163 69.2639 54.0952 69.2639 46.3498V32.0713H69.2663ZM44.0292 66.735C40.7391 66.735 37.9788 69.5002 37.9788 72.9227C37.9788 76.3453 40.8801 79.1796 44.1726 79.1796C45.6597 79.1796 47.1444 78.7651 48.3836 77.7267C48.6679 77.4861 48.702 77.3123 48.4906 77.1051L47.1444 75.7903C46.933 75.5831 46.8261 75.6522 46.5077 75.8594C45.8371 76.2738 45.0571 76.412 44.3135 76.412C42.4741 76.412 40.9505 74.7876 40.9505 72.8513C40.9505 70.9149 42.3307 69.324 44.1726 69.324C45.0231 69.324 45.7302 69.4978 46.4033 69.9122C46.6851 70.0861 46.8261 70.1885 47.0399 69.9813L48.3132 68.7023C48.561 68.4618 48.4541 68.2855 48.2063 68.045C47.1444 67.0089 45.6597 66.7326 44.0292 66.7326M124.761 66.7326C121.468 66.7326 118.849 69.1525 118.849 72.9204C118.849 76.6883 121.609 79.1772 124.902 79.1772C126.352 79.1772 127.662 78.8985 128.865 77.8267C129.183 77.5171 129.219 77.3432 128.935 77.067L127.803 75.9261C127.519 75.6165 127.378 75.6498 127.13 75.857C126.564 76.3072 125.82 76.4096 125.042 76.4096C123.203 76.4096 121.823 74.9591 121.823 72.8489C121.823 70.7387 122.989 69.3216 124.829 69.3216C125.645 69.3216 126.352 69.4954 126.989 69.9432C127.307 70.1504 127.485 70.1861 127.803 69.8765L128.794 68.8381C129.079 68.5618 129.008 68.3546 128.758 68.1117C127.73 67.0756 126.386 66.7303 124.758 66.7303M65.0504 75.476C65.0504 76.4453 64.5547 76.9645 62.8222 76.9645C62.2195 76.9645 61.5149 76.8955 61.5149 76.8955V73.8183H63.3179C64.6276 73.8183 65.0528 74.6138 65.0528 75.476M64.6276 70.3267C64.6276 71.1555 64.3457 71.8486 63.3179 71.8486H61.5149V69.0143C61.5149 69.0143 62.0446 68.9453 62.3994 68.9453C64.0638 68.9453 64.63 69.324 64.63 70.329M62.6132 79.2129C65.4781 79.2129 67.8156 78.5222 67.8156 75.6189V75.3759C67.8156 74.2684 67.2495 73.2681 66.365 72.8513C67.0381 72.4369 67.3928 71.3651 67.3928 70.3624V70.017C67.3928 67.4591 65.3055 66.6993 62.1564 66.6993C61.2354 66.6993 60.0691 66.735 59.5709 66.8374C58.8979 66.9422 58.6865 67.1828 58.6865 67.9092V78.003C58.6865 78.7294 58.8979 78.9723 59.5709 79.0748C60.2076 79.1772 61.5197 79.2105 62.6156 79.2105M89.5147 70.7768C89.5147 72.575 87.5684 72.3678 86.3291 72.263V69.2215C86.4676 69.1525 87.2136 69.0834 87.3545 69.0834C88.7323 69.0834 89.5123 69.5312 89.5123 70.7768M92.557 79.0748C92.7344 79.0748 92.9458 78.9366 92.8048 78.6579L90.2559 74.0612C91.4951 73.542 92.416 72.5059 92.416 70.672C92.416 67.6639 90.1854 66.6969 87.3545 66.6969C86.2562 66.6969 85.017 66.766 84.3099 66.9041C83.8142 66.9732 83.6028 67.1804 83.6028 67.7353V78.7294C83.6028 78.9009 83.7437 79.0771 83.8846 79.0771H86.0448C86.2562 79.0771 86.3996 78.9033 86.3996 78.7294V74.6162C86.3996 74.6162 87.0702 74.6852 87.4955 74.6162L89.6897 78.7294C89.7602 78.8675 89.9035 79.0771 90.1854 79.0771H92.557V79.0748ZM107.916 78.727C107.916 78.8985 108.06 79.0748 108.271 79.0748H115.668C115.882 79.0748 116.02 78.9009 116.02 78.727V76.8955C116.02 76.6525 115.879 76.5144 115.668 76.5144H110.747V73.9898H114.781C114.924 73.9898 115.136 73.8183 115.136 73.6111V71.9867C115.136 71.8486 114.924 71.6414 114.781 71.6414H110.747V69.2215H115.313C115.524 69.2215 115.668 69.0143 115.668 68.8762V67.1804C115.668 67.0089 115.524 66.835 115.313 66.835H108.271C108.057 66.835 107.916 67.0065 107.916 67.1804V78.727ZM98.4325 78.727C98.4325 78.8985 98.5734 79.0748 98.7508 79.0748H100.909C101.05 79.0748 101.261 78.9009 101.261 78.727V69.2906H104.092C104.306 69.2906 104.447 69.0834 104.447 68.9453V67.1828C104.447 67.0113 104.306 66.8374 104.092 66.8374H95.5263C95.3125 66.8374 95.242 67.0089 95.242 67.1828V68.9453C95.242 69.0834 95.3125 69.2906 95.5263 69.2906H98.4276V78.727H98.4325ZM71.6403 78.727C71.6403 78.8985 71.7108 79.0748 71.9586 79.0748H79.3553C79.5691 79.0748 79.7076 78.9009 79.7076 78.727V76.8955C79.7076 76.6525 79.5691 76.5144 79.3553 76.5144H74.4007V73.9898H78.4708C78.6822 73.9898 78.8256 73.8183 78.8256 73.6111V71.9867C78.8256 71.8486 78.6822 71.6414 78.4708 71.6414H74.4007V69.2215H78.9665C79.1779 69.2215 79.3553 69.0143 79.3553 68.8762V67.1804C79.3553 67.0089 79.1779 66.835 78.9665 66.835H71.9586C71.7108 66.835 71.6403 67.0065 71.6403 67.1804V78.727ZM51.6421 78.727C51.6421 78.8985 51.7855 79.0748 51.9264 79.0748H54.1231C54.3345 79.0748 54.4779 78.9009 54.4779 78.727V67.1804C54.4779 67.0089 54.3345 66.835 54.1231 66.835H51.9264C51.7855 66.835 51.6421 67.0065 51.6421 67.1804V78.727Z"
+      fill="#18191C"
+    />
+  </svg>
+</template>