{"version":3,"file":"homePage.js","sources":["../../src/assets/img/banner1.png","../../src/assets/img/light.png","../../src/views/pages/homePage.vue"],"sourcesContent":["export default \"__VITE_ASSET__snUV1rYN__\"","export default \"__VITE_ASSET__B7BPbjH0__\"","<script lang=\"ts\" setup>\r\nimport inputText from 'primevue/inputtext'\r\nimport { ref, onMounted, onUnmounted } from \"vue\";\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRouter, useRoute } from 'vue-router'\r\nconst router = useRouter()\r\nconst { t, locale } = useI18n()\r\nconst gimmickList = ref([\r\n  'first', 'second', 'third', 'fourth', 'fifth'\r\n])\r\n\r\nconst nameModel = ref('')\r\nconst emailModel = ref('')\r\n\r\nconst words = ['paid ads', 'website', 'design', 'traffic', 'growth']\r\nconst words_tw = ['精准投放', '网站设计', '邮件营销', '流量提升', '业务增长']\r\nconst currentIdx = ref(0)\r\nconst currentWord = ref(locale.value === 'zh-TW' ? words_tw[currentIdx.value] : words[currentIdx.value])\r\nlet interval = null\r\nconst cardData = [\r\n  { title: 'cardOne' },\r\n  { title: 'cardTwo' },\r\n  { title: 'cardThree' }\r\n]\r\nconst works = ['paid', 'web', 'sms', 'local', 'social', 'gp']\r\nconst worksM = ['paidM', 'webM', 'smsM', 'localM']\r\n\r\nonMounted(() => {\r\n  interval = setInterval(() => {\r\n    currentIdx.value = (currentIdx.value + 1) % words.length\r\n    if (locale.value === 'zh-TW') {\r\n      currentWord.value = words_tw[currentIdx.value]\r\n    } else {\r\n      currentWord.value = words[currentIdx.value]\r\n    }\r\n  }, 2000)\r\n})\r\nonUnmounted(() => {\r\n  if (interval) clearInterval(interval)\r\n})\r\n\r\nconst splideOption = {\r\n  width: '99vw',\r\n  rewind: true,\r\n  perPage: 3,\r\n  arrows: false,\r\n  omitEnd: true,\r\n  autoplay: true,\r\n  interval: 3000,\r\n  padding: { left: '5%', right: '10%' },\r\n  pagination: false,\r\n  gap: '20px',\r\n  breakpoints: {\r\n    1300: {\r\n      perPage: 2,\r\n      padding: { left: 0, right: '30%' }\r\n    },\r\n    1100: {\r\n      perPage: 2,\r\n      padding: { left: 0, right: '20%' }\r\n    },\r\n    \r\n  }\r\n}\r\nconst goToStepForm = () => {\r\n  router.push('/stepForm')\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"bg-[#F5F5F5] Roboto px-[10%]\">\r\n    <!-- banner -->\r\n    <div class=\"w-full flex justify-between underMac:hidden bigScreen:justify-center\">\r\n      <div class=\"flex gap-[191px] pt-[6rem] items-center pb-[7rem] w-[90%] max-w-[1200px] justify-evenly\">\r\n        <div class=\"flex flex-col w-1/2\">\r\n          <div class=\"Roboto font-[500] text-[48px] text-black max-w-[500px] leading-[1.2] tracking-[2%]\">{{\r\n            $t('banner.title') }}\r\n          </div>\r\n          <div class=\"Roboto font-[300] text-[20px] leading-[28.13px] mt-[3px]\">{{ $t('banner.content') }}</div>\r\n          <div\r\n            class=\"Roboto leading-[21.09px] bg-[#DF6E00] flex py-[12px] px-[10px] w-[175px] justify-center rounded-[3px] text-white text-[15px] mt-[29px] cursor-pointer max-w-[463px]\" @click=\"goToStepForm()\">\r\n            {{ $t('banner.button') }}</div>\r\n        </div>\r\n        <div class=\"relative\">\r\n          <img src=\"@/assets/img/banner1.png\" alt=\"banner1\">\r\n          <img src=\"@/assets/img/banner2.png\" alt=\"banner1\" class=\"w-[207px] absolute top-[80px] left-[-120px]\">\r\n          <img src=\"@/assets/img/banner4.png\" alt=\"banner1\" class=\"w-[203px] absolute top-[185px] left-[178px]\">\r\n          <img src=\"@/assets/img/banner3.png\" alt=\"banner1\" class=\"w-[122px] absolute top-[295px] left-[-61px]\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- banner mobile -->\r\n    <div class=\"hidden underMac:flex justify-center pt-[3rem]\">\r\n      <div class=\"w-[80vw] flex flex-col justify-center items-center\">\r\n        <div class=\"Roboto font-[400] text-[28px] text-black max-w-[500px] leading-[1.2] tracking-[4%] text-center\">{{\r\n          $t('banner.title') }}</div>\r\n        <div class=\"Roboto font-[300] text-[15px] leading-[1.2] mt-[3px] text-center\">{{ $t('banner.contentM') }}\r\n        </div>\r\n        <div  @click=\"goToStepForm()\"\r\n          class=\"Roboto leading-[21.09px] bg-[#DF6E00] flex py-[10px] px-[12px] rounded-[8px] font-light text-white text-[18px] mt-[29px] cursor-pointer w-[80%] text-center justify-center\">\r\n          {{ $t('banner.button') }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 數值區 -->\r\n    <div id=\"gimmick\" class=\"flex justify-between py-[2.5rem] mobile:overflow-auto mobile:flex-wrap mobile:hidden bigScreen:justify-center\">\r\n      <div class=\"max-w-[1200px] flex w-full justify-between\">\r\n        <div v-for=\"(item, index) in gimmickList\" :key=\"index\" class=\"text-center mobile:w-[50%]\"\r\n          v-html=\"$t(`Gimmick.${item}`)\" />\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 數值區mobile -->\r\n    <div class=\"hidden overflow-hidden miniPad:flex mt-[20px]\">\r\n      <Splide :options=\"splideOption\">\r\n        <SplideSlide v-for=\"(item, index) in gimmickList\" :key=\"index\">\r\n          <div v-html=\"$t(`GimmickM.${item}`)\"\r\n            class=\"flex justify-center flex-col items-center text-[#707070] text-[13px] h-[80px]\"></div>\r\n        </SplideSlide>\r\n      </Splide>\r\n    </div>\r\n\r\n\r\n    <!-- 文字特效區塊 -->\r\n    <div class=\"w-full flex justify-center my-[5rem] underMac:hidden\">\r\n      <div id=\"paidAD\" class=\"flex flex-col justify-center max-w-[80vw] items-center leading-1\">\r\n        <div class=\"flex\">\r\n          <div class=\"text-[36px] Roboto font-[500]\">{{ $t('paidAD.content1') }}</div>\r\n          <div\r\n            class=\"ml-[12px] font-[500] text-[36px] w-[150px] h-[80px] relative overflow-hidden inline-block text-[#DF6E00]\">\r\n            <transition-group name=\"slide\">\r\n              <div v-for=\"(word, index) in [currentWord]\" :key=\"word\" class=\"inline-block absolute w-full text-left\">\r\n                {{ word }}\r\n              </div>\r\n            </transition-group>\r\n          </div>\r\n        </div>\r\n        <div class=\" text-[36px] Roboto font-[500] mt-[-32px]\">{{ $t('paidAD.content2') }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- mobile -->\r\n    <div id=\"paidAD\">\r\n      <div class=\"hidden mobile:flex mobile:flex-col px-[10%] gap-[2.5rem] mt-[30px]\">\r\n        <div class=\"text-[15px] text-center\" v-html=\"$t('paidAD.mbContent')\" />\r\n        <img class=\"rounded-[2rem]\" src=\"@/assets/img/light.png\" alt=\"\">\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 中間卡片區 desktop -->\r\n    <div id=\"paidADCardList\" class=\"flex flex-col items-center gap-[5rem] Roboto mobile:hidden bigScreen:justify-center\">\r\n      <div class=\"flex justify-evenly w-[100%] gap-[60px] max-w-[1200px]\">\r\n        <div v-for=\"(item) in 3\" :key=\"item\"\r\n          class=\"bg-white border-[1px] border-[#C0C0C0] pt-[30px] px-[25px] rounded-[8px]\">\r\n          <img :src=\"`c${item}.png`.getImg()\" alt=\"\" class=\"rounded-[8px] object-contain\">\r\n          <div class=\"my-[1rem] flex flex-col justify-between h-auto gap-[14px]\">\r\n            <div class=\"flex flex-col gap-[14px]\">\r\n              <div\r\n                class=\"w-max text-white bg-[#DF6E00] text-[11px] font-[300] border-[#DF6E00] border-[1px] border-solid px-[10px] py-[5px] rounded-full\">\r\n                {{ $t(`paidADList.card${item}.tag`) }}</div>\r\n              <div class=\"min-h-[72px]\">{{ $t(`paidADList.card${item}.content`) }}</div>\r\n            </div>\r\n            <div class=\"font-[600]\">{{ $t(`paidADList.card${item}.title`) }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"w-max text-white bg-[#DF6E00] border-[#DF6E00] font-light text-[15px] border-[1px] border-solid px-[39px] py-[10px] rounded-[3px] cursor-pointer\">\r\n        {{ $t('paidADList.more') }}</div>\r\n    </div>\r\n\r\n    <div id=\"feature\" class=\"bigScreen:flex bigScreen:justify-center\">\r\n      <div class=\"flex justify-between my-[10rem] mobile:hidden max-w-[1200px] w-full\">\r\n        <div class=\"flex flex-col justify-evenly items-center gap-[6.5rem] w-[55%]\">\r\n          <div>\r\n            <div class=\"text-[32px] font-[700]\">{{ $t('feature.Boost.title') }}</div>\r\n            <div class=\"text-[#545F71]\" v-html=\"$t('feature.Boost.content')\" />\r\n          </div>\r\n          <img class=\"h-[301px] w-[75%] object-cover rounded-[30px]\" src=\"@/assets/img/light.png\" alt=\"\">\r\n          <div>\r\n            <div class=\"text-[32px] font-[700]\">{{ $t('feature.More.title') }}</div>\r\n            <div class=\"text-[#545F71]\" v-html=\"$t('feature.More.content')\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"flex flex-col justify-center items-center w-[45%] gap-[4.5rem]\">\r\n          <div class=\"text-[48px] leading-[1.2]\" v-html=\"$t('feature.subTag')\" />\r\n          <div class=\"w-[360px]\">\r\n            <div class=\"text-[32px] font-[700] whitespace-nowrap\">{{ $t('feature.Pay.title') }}</div>\r\n            <div class=\"text-[#545F71]\" v-html=\"$t('feature.Pay.content')\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"hidden mobile:flex flex-col my-[6rem]\">\r\n        <div class=\"text-[24px] Roboto text-center\" v-html=\"$t('feature.mobile.title')\" />\r\n        <div class=\"flex flex-wrap\">\r\n          <div\r\n            class=\"w-[45%] text-center m-[2.5%] font-light bg-white py-[24px] rounded-lg border-[1px] border-solid border-[#D8D8D8]\"\r\n            v-html=\"$t('feature.mobile.paid')\" />\r\n          <div\r\n            class=\"w-[45%] text-center m-[2.5%] font-light bg-white py-[24px] rounded-lg border-[1px] border-solid border-[#D8D8D8]\"\r\n            v-html=\"$t('feature.mobile.Website')\" />\r\n          <div\r\n            class=\"w-[45%] text-center m-[2.5%] font-light bg-white py-[24px] rounded-lg border-[1px] border-solid border-[#D8D8D8]\"\r\n            v-html=\"$t('feature.mobile.SMS')\" />\r\n          <div\r\n            class=\"w-[45%] text-center m-[2.5%] font-light bg-white py-[24px] rounded-lg border-[1px] border-solid border-[#D8D8D8]\"\r\n            v-html=\"$t('feature.mobile.Local')\" />\r\n          <div\r\n            class=\"w-[45%] text-center m-[2.5%] font-light bg-white py-[24px] rounded-lg border-[1px] border-solid border-[#D8D8D8]\"\r\n            v-html=\"$t('feature.mobile.Social')\" />\r\n          <div\r\n            class=\"w-[45%] text-center m-[2.5%] font-light bg-white py-[24px] rounded-lg border-[1px] border-solid border-[#D8D8D8]\"\r\n            v-html=\"$t('feature.mobile.Graphic')\" />\r\n        </div>\r\n        <div class=\"flex justify-center mt-[1.5rem] bg-[#DF6E00] text-white text-[18px] py-[0.5rem] rounded-lg\">{{\r\n          $t('feature.mobile.button') }}</div>\r\n      </div>\r\n    </div>\r\n    <div id=\"solutions\"\r\n      class=\" w-full h-[312px] flex flex-col justify-center items-center Roboto my-[2.5rem] mobile:hidden\">\r\n      <div class=\"bg-[#F0F0F0] flex flex-col justify-center items-center bigScreen:max-w-[1200px] w-full h-full\">\r\n        <div class=\"text-[#DF6E00] text-[36px] font-bold\">{{ $t('Solutions.title') }}</div>\r\n        <div class=\"w-[50%] text-center text-[#545F71] mt-[1rem]\">{{ $t('Solutions.content') }}</div>\r\n        <div\r\n          @click=\"router.push('/contact')\"\r\n          class=\"bg-[#DF6E00] text-white border-[#DF6E00] border-[1px] border-solid px-[79px] py-[12px] rounded-[8px] cursor-pointer mt-[1.5rem]\">\r\n          {{ $t('Solutions.button') }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- How WAG works -->\r\n    <div class=\"w-full items-center flex justify-between flex-col mt-[10rem]\">\r\n      <div class=\"flex flex-col items-center underMac:gap-[8px]\">\r\n        <span class=\"Roboto text-[32px] font-[500] leading-[56.25px] underMac:text-[24px] underMac:leading-[30px]\">{{\r\n          $t('howWagWorks.title') }}</span>\r\n        <span class=\"text-[#545F71] leading-[22px] w-[80vw] underMac:text-center underMac:text-[15px] text-center\">{{\r\n          $t('howWagWorks.subTitle') }}</span>\r\n      </div>\r\n      <div\r\n        class=\"flex gap-[60px] mt-[50px] justify-between underMac:flex-col underMac:w-full underMac:items-center\">\r\n        <div v-for=\"(card, idx) in cardData\" :key=\"idx+'card'\"\r\n          class=\"flex flex-col gap-[20px] items-center w-[18.5rem]\">\r\n          <span class=\"text-[24px] font-light border-[1px] border-solid border-black rounded-full px-3\">{{ idx + 1 }}</span>\r\n          <div class=\"border-[1px] border-[#D8D8D8] rounded-[26px]\">\r\n            <img :src=\"`card${idx+1}.png`.getImg()\" alt=\"\" class=\"w-full\">\r\n            <div\r\n              class=\"bg-white py-[20px] h-[125px] text-center font-[500] w-full rounded-br-[26px] rounded-bl-[26px] justify-center flex items-center leading-[1.2] mobile:p-0 mobile:h-[70px]\"\r\n              :class=\"{'px-[35px]': idx == 0}\">\r\n              {{ $t(`howWagWorks.${card.title}`) }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"mt-[5rem] w-full bg-white py-[60px] rounded-[7px] flex items-center justify-center border-[#D8D8D8] border-[1px] bigScreen:max-w-[1200px] mobile:py-[30px]\">\r\n        <div class=\"w-full flex justify-evenly items-center underMac:hidden\">\r\n          <div class=\"flex flex-col gap-[20px]\">\r\n            <div class=\"text-[32px] leading-[36px] Roboto max-w-[384px]\" v-html=\"$t('howWagWorks.contentTitle')\" />\r\n            <div\r\n              class=\"Roboto leading-[21.09px] bg-[#DF6E00] flex py-[12px] px-[24px] w-fit rounded-[3px] text-white text-[15px] cursor-pointer max-w-[463px] font-light\">\r\n              {{ $t('howWagWorks.contentBtn') }}</div>\r\n          </div>\r\n          <div class=\"flex flex-col gap-[24px]\">\r\n            <div v-for=\"x in works\" :key=\"x\" class=\"flex gap-[9px]\">\r\n              <img :src=\"'mdi_star-circle.svg'.getImg()\" alt=\"\">\r\n              <span>{{ $t(`howWagWorks.${x}`) }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"hidden underMac:flex flex-col gap-[15px] px-[10%]\">\r\n          <div class=\"text-[20px] Roboto font-[400]\">{{ $t('howWagWorks.titleM') }}</div>\r\n          <div class=\"flex flex-col gap-[24px] mt-[12px]\">\r\n            <div v-for=\"x in worksM\" :key=\"x\" class=\"flex gap-[9px]\">\r\n              <img :src=\"'mdi_star-circle.svg'.getImg()\" alt=\"\">\r\n              <span>{{ $t(`howWagWorks.${x}`) }}</span>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"mt-[20px] Roboto leading-[21.09px] bg-[#DF6E00] flex py-[12px] px-[24px] rounded-[8px] text-white text-[18px] cursor-pointer w-full justify-center\">\r\n            {{ $t('howWagWorks.contentBtn') }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Mobile: How We Make It Happen -->\r\n    <div class=\"hidden miniPad:flex flex-col w-full items-center mt-[50px] mobile:mt-[90px]\">\r\n      <div class=\"w-[85vw] flex flex-col items-center\">\r\n        <span class=\"text-[24px] font-[400] Roboto\">{{ $t('HowCard.title') }}</span>\r\n        <Splide :options=\"{ rewind: true, arrows: false, width: '90vw' }\" aria-label=\"My Favorite Images\">\r\n          <SplideSlide v-for=\"item in 3\" :key=\"item\">\r\n            <div class=\"flex justify-center mt-[25px]\">\r\n              <div class=\"flex justify-evenly w-[90%] gap-[1.5rem] mb-[50px] mobile:mb-[20px]\">\r\n                <div class=\"bg-[#fff] pt-[30px] px-[25px] rounded-[8px]\">\r\n                  <img src=\"@/assets/img/light.png\" alt=\"\" class=\"rounded-[8px] object-contain\">\r\n                  <div class=\"my-[1rem] flex flex-col gap-[14px]\">\r\n                    <div\r\n                      class=\"w-max text-[#DF6E00] bg-[#fff] text-[11px] font-[300] border-[#DF6E00] border-[1px] border-solid px-[10px] py-[5px] rounded-full\">\r\n                      {{ $t(`paidADList.card${item}.tag`) }}</div>\r\n                    <div>{{ $t(`paidADList.card${item}.content`) }}</div>\r\n                    <div class=\"font-[600]\">{{ $t(`paidADList.card${item}.title`) }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </SplideSlide>\r\n        </Splide>\r\n        <div\r\n          class=\"w-max text-[#DF6E00] bg-transparent border-[#DF6E00] text-[18px] border-[1px] border-solid px-[79px] py-[8px] rounded-[8px] cursor-pointer mt-[30px] mobile:mt-[10px]\">\r\n          {{ $t('HowCard.button') }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id=\"sendEmail\" class=\"flex justify-center items-center my-[5rem] mobile:hidden\">\r\n      <div class=\"flex items-center justify-evenly gap-[5rem] bg-white p-[5%] rounded-[8px] w-full bigScreen:max-w-[1200px]\">\r\n        <div class=\"text-[24px]\" v-html=\"$t('sendEmail.title')\" />\r\n        <div class=\"flex flex-col gap-[0.5rem]\">\r\n          <div class=\"font-[700] text-[18px]\">{{ $t('sendEmail.email') }}</div>\r\n          <div class=\"flex relative\">\r\n            <inputText\r\n              class=\"w-[450px] !border-[1px] !border-solid !border-[#D8D8D8] !p-2 !rounded-tl-md !rounded-bl-md h-[48px] inputTextChange\"\r\n              :modelValue=\"emailModel\" :placeHolder=\"$t('sendEmail.placeholder')\" />\r\n            <div\r\n              class=\"bg-[#DF6E00] text-white rounded-lg w-max px-[24px] py-[12px] absolute right-0 top-0 cursor-pointer\">\r\n              {{ $t('sendEmail.Subscribe') }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"hidden mobile:flex flex-col gap-[2rem] justify-center items-center my-[3rem] mobile:mt-[8rem]\">\r\n      <div class=\"w-full text-[20px]\" v-html=\"$t('sendEmail.title')\" />\r\n      <div class=\"w-full flex border-b-[1px] border-solid border-[#7C7C7C] pb-1\">\r\n        <inputText class=\"w-[95%] inputTextChange\" :modelValue=\"nameModel\" :placeHolder=\"$t('footer.Contact.name')\" />\r\n      </div>\r\n      <div class=\"w-full flex border-b-[1px] border-solid border-[#7C7C7C] pb-5\">\r\n        <inputText class=\"w-[95%] inputTextChange\" :modelValue=\"emailModel\" :placeHolder=\"$t('footer.Contact.email')\" />\r\n        <img class=\"w-[5%]\" src=\"@/assets/img/arrowRight.svg\" alt=\"\">\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n.Roboto {\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n.slide-enter-active,\r\n.slide-leave-active {\r\n  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slide-enter-from {\r\n  transform: translateY(100%);\r\n  opacity: 0;\r\n}\r\n\r\n.slide-leave-to {\r\n  transform: translateY(-100%);\r\n  opacity: 0;\r\n}\r\n\r\n.inputTextChange::placeholder{\r\n  color: #B4B4B4;\r\n}\r\n</style>\r\n"],"names":["_imports_4","router","useRouter","t","locale","useI18n","gimmickList","ref","nameModel","emailModel","words","words_tw","currentIdx","currentWord","value","interval","cardData","title","works","worksM","onMounted","setInterval","length","onUnmounted","splideOption","width","rewind","perPage","arrows","omitEnd","autoplay","padding","left","right","pagination","gap","breakpoints","goToStepForm","push"],"mappings":"yLAAA,MCAeA,EAAA,qnMCKf,MAAMC,EAASC,KACTC,EAAEA,GAAAC,OAAGA,IAAWC,IAChBC,GAAcC,EAAI,CACtB,QAAS,SAAU,QAAS,SAAU,UAGlCC,GAAYD,EAAI,IAChBE,GAAaF,EAAI,IAEjBG,GAAQ,CAAC,WAAY,UAAW,SAAU,UAAW,UACrDC,GAAW,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,QAC5CC,GAAaL,EAAI,GACjBM,GAAcN,EAAqB,UAAjBH,GAAOU,MAAoBH,GAASC,GAAWE,OAASJ,GAAME,GAAWE,QACjG,IAAIC,GAAW,KACf,MAAMC,GAAW,CACf,CAAEC,MAAO,WACT,CAAEA,MAAO,WACT,CAAEA,MAAO,cAELC,GAAQ,CAAC,OAAQ,MAAO,MAAO,QAAS,SAAU,MAClDC,GAAS,CAAC,QAAS,OAAQ,OAAQ,UAEzCC,GAAU,KACRL,GAAWM,aAAY,KACrBT,GAAWE,OAASF,GAAWE,MAAQ,GAAKJ,GAAMY,OAC7B,UAAjBlB,GAAOU,MACGD,GAAAC,MAAQH,GAASC,GAAWE,OAE5BD,GAAAC,MAAQJ,GAAME,GAAWE,MAAK,GAE3C,IAAI,IAETS,GAAY,KACNR,kBAAwBA,GAAQ,IAGtC,MAAMS,GAAe,CACnBC,MAAO,OACPC,QAAQ,EACRC,QAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVf,SAAU,IACVgB,QAAS,CAAEC,KAAM,KAAMC,MAAO,OAC9BC,YAAY,EACZC,IAAK,OACLC,YAAa,CACX,KAAM,CACJT,QAAS,EACTI,QAAS,CAAEC,KAAM,EAAGC,MAAO,QAE7B,KAAM,CACJN,QAAS,EACTI,QAAS,CAAEC,KAAM,EAAGC,MAAO,UAK3BI,GAAe,KACnBpC,EAAOqC,KAAK,YAAW"}