{"version":3,"sources":["webpack:///./src/views/Catch.vue","webpack:///./src/views/Catch.vue?c450","webpack:///./src/assets/img/mobile-catch-flow.svg","webpack:///./src/assets/img/mobile-catch-plan.svg","webpack:///./src/assets/img/catch-plan-img-1.png","webpack:///./src/assets/img/mobile-catch-faq.svg","webpack:///./src/views/Catch.vue?4bf5","webpack:///./src/views/Catch.vue?45d5","webpack:///./src/assets/img/catch-plan-img-2.png","webpack:///./src/assets/img/mobile-catch-feature.svg","webpack:///./src/assets/img/catch-hr-1.jpg"],"names":["class","src","alt","firstSlider","images","length","url","title","secondSlider","featureImg","features","items","item","key","id","coverImage","name","contents","style","flowImg","flow","plan","numberWithCommas","price","faqImages","image","index","faq","faqItems","expandFaq","question","expandFaqIds","includes","answer","to","content","isMobile","href","facebookLink","instagramLink","mapUrl","embedUrl","description","target","subTitle","subDescription","chat","loginGreeting","clickTip","setup","store","enabledMenuId","state","firstSliderId","secondSliderId","featuresId","featureImgId","flowId","flowImgId","planId","faqId","faqImagesId","mapUrlId","map","menuItems","filter","i","idTitleObjArray","value","push","document","querySelector","classList","add","menuId","contentId","menuBlocks","slider","priceList","fetchApi","then","blocks","find","b","blockType","blockId","render","__scopeId","module","exports"],"mappings":"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","file":"js/dashboard5.f7332ae6.js","sourcesContent":["<template>\n\t<div class=\"catch container mx-auto\">\n\t\t<section\n\t\t\tclass=\"catch-top\"\n\t\t\tv-if=\"firstSlider?.images?.length > 0\"\n\t\t>\n\t\t\t<img\n\t\t\t\t:src=\"firstSlider?.images[0]?.url\"\n\t\t\t\t:alt=\"firstSlider?.title\"\n\t\t\t>\n\t\t\t<!-- <div class=\"w-full h-full flex flex-col justify-between lg:flex-none\">\n\t\t\t\t<img\n\t\t\t\t\tclass=\"mobile-top block lg:hidden mx-auto\"\n\t\t\t\t\tsrc=\"../assets/img/mobile-catch.png\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tclass=\"mobile-title block lg:hidden mx-auto\"\n\t\t\t\t\tsrc=\"../assets/img/mobile-catch-title.svg\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t>\n\t\t\t</div> -->\n\t\t</section>\n\t\t<section class=\"catch-middle\">\n\t\t\t<div class=\"catch-hr-1\">\n\t\t\t\t<img\n\t\t\t\t\tsrc=\"../assets/img/catch-hr-1.jpg\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t>\n\t\t\t</div>\n\t\t\t<!-- catch introduction -->\n\t\t\t<div class=\"catch-intro lg:container mx-auto flex flex-col lg:flex-none lg:grid lg:grid-cols-7 gap-4 lg:gap-16 relative\">\n\t\t\t\t<div class=\"intro-image lg:col-span-4 lg:row-span-1\">\n\t\t\t\t\t<!-- TODO: make a intro slider block then place image here -->\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"max-w-xs lg:max-w-full object-contain\"\n\t\t\t\t\t\t:src=\"secondSlider?.images[1]?.url\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t<!-- <img\n\t\t\t\t\t\tclass=\"block lg:hidden\"\n\t\t\t\t\t\tsrc=\"../assets/img/mobile-catch-middle.png\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t> -->\n\t\t\t\t</div>\n\t\t\t\t<div class=\"intro-content container mx-auto lg:col-span-3 flex flex-col justify-center order-first lg:order-none lg:px-0 relative 2xl:pr-16 lg:py-24\">\n\t\t\t\t\t<div class=\"intro-content-title part-title\">\n\t\t\t\t\t\t<img\n                            class=\"hidden lg:block\"\n\t\t\t\t\t\t\t:src=\"secondSlider?.images[0]?.url\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p\n\t\t\t\t\t\tclass=\"intro-content-text font-body text-base lg:text-md leading-7 lg:leading-loose catch-text text-left order-first lg:order-none\"\n\t\t\t\t\t\tv-html=\"secondSlider?.title\"\n\t\t\t\t\t></p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!-- catch features -->\n\t\t\t<div class=\"catch-features container mx-auto flex flex-col lg:flex-none lg:grid lg:grid-cols-7 gap-4 lg:gap-16\">\n\t\t\t\t<div class=\"catch-mobile-title flex lg:hidden justify-center\">\n\t\t\t\t\t<!-- <img\n\t\t\t\t\t\tsrc=\"../assets/img/mobile-catch-feature.svg\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t> -->\n\t\t\t\t</div>\n\t\t\t\t<div class=\"features-left lg:h-auto col-span-4 hidden lg:flex flex-row lg:flex-col justify-between\">\n\t\t\t\t\t<img\n\t\t\t\t\t\t:src=\"featureImg?.images[1]?.url\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"features-right flex flex-col gap-2 lg:gap-4 col-span-3 lg:px-0  2xl:pr-16 lg:py-24\">\n\t\t\t\t\t<div class=\"feature-title part-title\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"hidden lg:block\"\n\t\t\t\t\t\t\t:src=\"featureImg?.images[0]?.url\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"mx-auto block lg:hidden mobile-title-img\"\n\t\t\t\t\t\t\tsrc=\"../assets/img/mobile-catch-feature.svg\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"feature\"\n\t\t\t\t\t\tv-for=\"item in features.items\"\n\t\t\t\t\t\t:key=\"item.id\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"feature-cover lg:hidden\">\n\t\t\t\t\t\t\t<div class=\"feature-cover-inner\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t:src=\"item?.coverImage?.url\"\n\t\t\t\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"feature-content flex flex-col lg:flex-row items-center\">\n\t\t\t\t\t\t\t<div class=\"feature-content-header-wrapper flex flex-col lg:flex-row items-start lg:items-center\">\n\t\t\t\t\t\t\t\t<h2 class=\"feature-content-header font-title text-2xl xl:text-3xl\">{{ item?.name }}</h2>\n\t\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"feature-content-text font-body text-base lg:text-md leading-relaxed catch-text\"\n\t\t\t\t\t\t\t\tv-html=\"item?.contents\"\n\t\t\t\t\t\t\t></p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!-- catch flow -->\n\t\t\t<div class=\"catch-flow container mx-auto flex flex-col items-center lg:grid-flow-row lg:flex-none lg:grid lg:grid-rows-6 lg:grid-cols-2 lg:px-4 2xl:px-16 gap-0 2xl:gap-16\">\n\t\t\t\t<div class=\"catch-flow-title catch-mobile-title part-title lg:row-span-1\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"mx-auto hidden lg:block mb-16 object-contain\"\n                        style=\"max-height: 150px;\"\n\t\t\t\t\t\t:src=\"flowImg?.images[1]?.url\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"mx-auto hidden lg:block\"\n\t\t\t\t\t\t:src=\"flowImg?.images[0]?.url\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"mx-auto block lg:hidden mobile-title-img\"\n\t\t\t\t\t\tsrc=\"../assets/img/mobile-catch-flow.svg\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flow-item flex flex-col lg:grid lg:grid-cols-2 lg:p-4\"\n\t\t\t\t\tv-for=\"item in flow.items\"\n\t\t\t\t\t:key=\"item.id\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flow-item-cover lg:col-span-1\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t:src=\"item?.coverImage?.url\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"flow-item-content flex flex-col lg:col-span-1 text-left font-body text-base lg:text-md tracking-widest leading-loose\">\n\t\t\t\t\t\t<div class=\"item-wrapper flex flex-col justify-center mx-0 my-auto\">\n\t\t\t\t\t\t\t<div class=\"item-header mb-4\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t:src=\"item?.images[0]?.url\"\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"item-text\"\n\t\t\t\t\t\t\t\tv-html=\"item?.contents\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t</div>\n\t\t\t<div class=\"catch-hr-1\">\n\t\t\t\t<img\n\t\t\t\t\tsrc=\"../assets/img/catch-hr-1.jpg\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t>\n\t\t\t</div>\n\n\t\t</section>\n\t\t<!-- catch plan -->\n\t\t<section class=\"catch-plan\">\n\t\t\t<div class=\"plan-wrapper container mx-auto flex flex-col lg:flex-row gap-4 lg:gap-0\">\n\t\t\t\t<div class=\"catch-mobile-title flex lg:hidden justify-center\">\n\t\t\t\t\t<img\n                        class=\"mobile-title-img\"\n\t\t\t\t\t\tsrc=\"../assets/img/mobile-catch-plan.svg\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"plan-items flex flex-col lg:flex-row lg:px-0\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"hidden 3xl:block object-contain\"\n\t\t\t\t\t\tsrc=\"../assets/img/catch-plan-img-1.png\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"plan flex flex-col relative justify-center items-center text-left\"\n\t\t\t\t\t\tv-for=\"item in plan.items\"\n\t\t\t\t\t\t:key=\"item.id\"\n\t\t\t\t\t\t:style=\"{backgroundImage: 'url(' + item.coverImage?.url + ')'}\"\n\t\t\t\t\t>\n\n\t\t\t\t\t\t<div class=\"plan-header lg:text-base xl:text-md 2xl:text-xl font-bold leading-tight tracking-widest flex flex-col items-start lg:flex-1 lg:justify-end\">\n\t\t\t\t\t\t\t<h2 class=\"plan-title-name\">{{ item?.name }}</h2>\n\t\t\t\t\t\t\t<h1 class=\"lg:text-xl xl:text-2xl 2xl:text-4xl plan-title-price font-title\">{{ numberWithCommas(item?.price) }} <span class=\"text-lg\">元</span></h1>\n\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"plan-content-text lg:text-base font-normal leading-relaxed tracking-widest flex justify-center lg:flex-1\">\n\t\t\t\t\t\t\t<p v-html=\"'<p>-</p>' + item?.contents\"></p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- \n\t\t\t\t\t\t<div class=\"plan-content lg:text-base xl:text-md leading-relaxed tracking-widest flex justify-center\">\n\t\t\t\t\t\t</div> -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"hidden 3xl:block object-contain\"\n\t\t\t\t\t\tsrc=\"../assets/img/catch-plan-img-2.png\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t\t<div class=\"catch-hr-1\">\n\t\t\t<img\n\t\t\t\tsrc=\"../assets/img/catch-hr-1.jpg\"\n\t\t\t\talt=\"\"\n\t\t\t>\n\t\t</div>\n\t\t<section class=\"catch-bottom\">\n\t\t\t<!-- catch faq -->\n\t\t\t<div class=\"catch-faq py-8 lg:py-24 px-8 lg:px-12 xl:px-28 mx-auto flex flex-col lg:grid grid-cols-7 h-full gap-8\">\n\t\t\t\t<div class=\"catch-mobile-title lg:hidden flex justify-center\">\n\t\t\t\t\t<img\n                        class=\"mobile-title-img\"\n\t\t\t\t\t\tsrc=\"../assets/img/mobile-catch-faq.svg\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"faq-left col-span-3 hidden lg:flex flex-row lg:flex-col justify-between\">\n\n\t\t\t\t\t<div class=\"faq-images part-title flex flex-row lg:flex-col justify-between h-full py-16 lg:py-0\">\n\t\t\t\t\t\t<template v-for=\"(image, index) in faqImages?.images\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tv-if=\"index > 0\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t:key=image.id\n\t\t\t\t\t\t\t\t:src=\"image?.url\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"faq-right col-span-4 px-0 lg:px-4\">\n\t\t\t\t\t<div class=\"faq-content-title part-title mx-auto\">\n\t\t\t\t\t\t<img\n                            class=\"hidden lg:block\"\n\t\t\t\t\t\t\t:src=\"faqImages?.images[0]?.url\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"item in faq?.faqItems\"\n\t\t\t\t\t\tclass=\"faq\"\n\t\t\t\t\t\t:key=\"item.id\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"faq-question font-header text-left text-md lg:text-md xl:text-lg leading-relaxed lg:leading-loose tracking-wider cursor-pointer w-full p-0\"\n\t\t\t\t\t\t\t@click=\"expandFaq(item.id)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<h4>{{ item.question }}</h4>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<transition name=\"fade-out\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"faq-answer text-left text-base lg:text-base xl:text-md font-header tracking-wider mt-0 leading-loose\"\n\t\t\t\t\t\t\t\tv-if=\"expandFaqIds.includes(item.id)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p v-html=\"item.answer\"></p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</transition>\n\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"footer leading-loose pt-12 xl:flex-row flex flex-col items-center justify-between lg:container lg:mx-auto lg:px-auto px-4 font-body tracking-widest text-left lg:h-auto pb-6\">\n\t\t\t\t<div class=\"footer-title py-2 lg:py-0 lg:my-auto flex justify-center lg:flex-none text-left tracking-wide2x lg:tracking-wide\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<router-link to=\"/\">\n\t\t\t\t\t\t\t{{ content.title }}\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"isMobile\"\n\t\t\t\t\t\tclass=\"footer-social flex justify-center items-center\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"mx-2\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t:href=\"facebookLink\"\n\t\t\t\t\t\t\tclass=\"footer-facebook block w-6 h-6 mx-2\"\n\t\t\t\t\t\t></a>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t:href=\"instagramLink\"\n\t\t\t\t\t\t\tclass=\"footer-instagram block w-6 h-6\"\n\t\t\t\t\t\t></a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"footer-address text-sm sm:text-base tracking-wide text-left flex justify-center\"><a\n\t\t\t\t\t\t:href=\"mapUrl.embedUrl\"\n\t\t\t\t\t\t:title=\"mapUrl.description\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t>{{ content.subTitle }} </a><span v-if=\"isMobile\"> &nbsp;&nbsp;|&nbsp;&nbsp;{{ content.description }}</span></div>\n\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"!isMobile\"\n\t\t\t\t\tclass=\"footer-phone-number text-sm sm:text-base tracking-wide text-left text-about\"\n\t\t\t\t>{{ content.description }}</div>\n\t\t\t\t<div class=\"footer-resolution hidden lg:block text-sm sm:text-base tracking-wide text-left\">建議環境：Chrome@1920x1080</div>\n\t\t\t\t<div class=\"footer-copyrights flex justify-center lg:flex-none my-auto text-about text-xs sm:text-base text-left tracking-wide sm:tracking-wide leading-normal\">{{ content.subDescription }}</div>\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"chat.loginGreeting != ''\"\n\t\t\t\t\tclass=\"btn btn-primary tooltip\"\n                    @click=\"clickTip\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"top custom-greeting\">\n\t\t\t\t\t\t<p>{{chat.loginGreeting}}</p>\n\t\t\t\t\t\t<i></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t</div>\n</template>\n\n<script>\nimport { ref, reactive, onMounted, computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { fetchData, fetchApi } from \"../utils/fetchApi\";\nimport { numberWithCommas } from \"../utils/helpers\";\n\nexport default {\n\tsetup() {\n\t\tconst store = useStore();\n\t\tconst enabledMenuId = store.state.enabledMenuId;\n\t\t// define all refs of blocks id\n\t\tconst firstSliderId = ref(null);\n\t\tconst secondSliderId = ref(null);\n\t\tconst featuresId = ref(null);\n\t\tconst featureImgId = ref(null);\n\t\tconst flowId = ref(null);\n\t\tconst flowImgId = ref(null);\n\t\tconst planId = ref(null);\n\t\tconst faqId = ref(null);\n\t\tconst faqImagesId = ref(null);\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\t\tconst facebookLink = computed(() => store.state.facebookLink);\n\t\tconst instagramLink = computed(() => store.state.instagramLink);\n\t\tconst mapUrlId = ref(null);\n\t\tconst map = store.state.menuItems.filter((i) => i.index == \"/map\")[0];\n\t\tconst mapUrl = reactive({});\n\n\t\t// define all forms reactive fields\n\t\tconst firstSlider = reactive({ title: \"\", images: [] });\n\t\tconst secondSlider = reactive({ title: \"\", images: [] });\n\t\tconst features = reactive({\n\t\t\ttitle: \"\",\n\t\t\tdescription: \"\",\n\t\t\titems: [],\n\t\t});\n\t\tconst featureImg = reactive({ title: \"\", images: [] });\n\t\tconst flow = reactive({\n\t\t\ttitle: \"\",\n\t\t\tdescription: \"\",\n\t\t\titems: [],\n\t\t});\n\t\tconst flowImg = reactive({ title: \"\", images: [] });\n\t\tconst plan = reactive({ title: \"\", description: \"\", items: [] });\n\t\tconst faq = reactive({ title: \"\", description: \"\", faqItems: [] });\n\t\tconst faqImages = reactive({ title: \"\", images: [] });\n\t\tconst chat = reactive({ loginGreeting: \"\" });\n\n\t\t// get blocks Id then get blocks content from api\n\t\tconst idTitleObjArray = [\n\t\t\t{ id: firstSliderId, title: \"First Catch Slider\" },\n\t\t\t{ id: secondSliderId, title: \"Second Catch Slider\" },\n\t\t\t{ id: featureImgId, title: \"Catch Features Image\" },\n\t\t\t{ id: featuresId, title: \"Features Block\" },\n\t\t\t{ id: flowImgId, title: \"Catch Flow Image\" },\n\t\t\t{ id: flowId, title: \"Catch Flow\" },\n\t\t\t{ id: planId, title: \"Catch Price List\" },\n\t\t\t{ id: faqId, title: \"Catch Faq\" },\n\t\t\t{ id: faqImagesId, title: \"Catch Faq Images\" },\n\t\t];\n\n\t\t// const numberWithCommas = (num) => {\n\t\t// \treturn num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n\t\t// };\n\n\t\tconst expandFaqIds = ref([]);\n\n\t\tconst expandFaq = (id) => {\n\t\t\tif (expandFaqIds.value.includes(id))\n\t\t\t\texpandFaqIds.value = expandFaqIds.value.filter((i) => i != id);\n\t\t\telse expandFaqIds.value.push(id);\n\t\t};\n\n        const clickTip = () => {\n            document.querySelector('.custom-greeting').classList.add('hidden');\n        }\n\n\t\t// footer\n\t\tconst menuId = \"7c0b42fa-5a98-4180-9b47-baf6fa53c1a9\";\n\t\tconst contentId = ref(null);\n\t\tconst content = reactive({});\n\t\tonMounted(async () => {\n\t\t\tawait fetchData.menuBlocks(enabledMenuId, idTitleObjArray);\n\t\t\tawait fetchData.slider(firstSliderId, firstSlider);\n\t\t\tawait fetchData.slider(secondSliderId, secondSlider);\n\t\t\tawait fetchData.priceList(featuresId, features);\n\t\t\tawait fetchData.slider(featureImgId, featureImg);\n\t\t\tawait fetchData.priceList(flowId, flow);\n\t\t\tawait fetchData.slider(flowImgId, flowImg);\n\t\t\tawait fetchData.priceList(planId, plan);\n\t\t\tawait fetchData.faq(faqId, faq);\n\t\t\tawait fetchData.slider(faqImagesId, faqImages);\n\t\t\tawait fetchApi\n\t\t\t\t.menuBlocks(menuId)\n\t\t\t\t.then(\n\t\t\t\t\t(blocks) =>\n\t\t\t\t\t\t(contentId.value = blocks.find(\n\t\t\t\t\t\t\t(b) => b.blockType == \"Contents\"\n\t\t\t\t\t\t).blockId)\n\t\t\t\t);\n\t\t\tawait fetchApi\n\t\t\t\t.menuBlocks(map.id)\n\t\t\t\t.then(\n\t\t\t\t\t(blocks) =>\n\t\t\t\t\t\t(mapUrlId.value = blocks.find(\n\t\t\t\t\t\t\t(b) => b.blockType == \"EmbedUrls\"\n\t\t\t\t\t\t).blockId)\n\t\t\t\t);\n\n\t\t\tawait fetchData.content(contentId, content);\n\t\t\tawait fetchData.embedUrl(mapUrlId, mapUrl);\n\t\t\tawait fetchData.chat(chat);\n\t\t});\n\t\treturn {\n\t\t\tisMobile,\n\t\t\tchat,\n\t\t\tfirstSlider,\n\t\t\tsecondSlider,\n\t\t\tfeatures,\n\t\t\tfeatureImg,\n\t\t\tflow,\n\t\t\tflowImg,\n\t\t\tplan,\n\t\t\tfaq,\n\t\t\tfaqImages,\n\t\t\tcontent,\n\t\t\texpandFaqIds,\n\t\t\texpandFaq,\n\t\t\tmapUrl,\n\t\t\tfacebookLink,\n\t\t\tinstagramLink,\n\t\t\tnumberWithCommas,\n            clickTip\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../assets/scss/styles.scss\";\n\n.catch {\n\t&-top {\n\t\twidth: 100%;\n\t\theight: calc(100vh - 12rem);\n\t\t@media (max-width: 1536px) {\n\t\t\tmax-height: 500px;\n\t\t}\n\t\t> img {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t\tobject-position: center;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\t// height: auto;\n\t\t\t\tobject-position: center;\n\t\t\t\tobject-fit: contain;\n\t\t\t}\n\t\t\t&.mobile-title {\n\t\t\t\tmax-width: 16rem;\n\t\t\t\tmargin-bottom: 4rem;\n\t\t\t}\n\t\t}\n\t\t@media (max-width: 1023px) {\n\t\t\theight: 40vh;\n\t\t\theight: calc(var(--vh, 1vh) * 40);\n\t\t}\n\t\t@media (max-width: 640px) {\n\t\t\theight: 32vh;\n\t\t\theight: calc(var(--vh, 1vh) * 32);\n\t\t}\n        @media (max-width: 450px) {\n            height: 20vh;\n            height: calc(var(--vh, 1vh) * 20);\n        }\n\t}\n\t&-middle {\n\t\twidth: 100%;\n\t\t// height: calc(200vh - 34px);\n\t\tbackground: url(\"../assets/img/catch-bg-blur.png\") center top no-repeat;\n\t\tbackground-size: cover;\n\t\tbackground-color: rgba(255, 255, 255, 0.1);\n\t\toverflow: hidden;\n\t\t@media (max-width: 1023px) {\n\t\t\theight: auto;\n\t\t\tbackground: transparent;\n\t\t}\n\t}\n\t&-bottom {\n\t\twidth: 100%;\n\t\tbackground: url(\"../assets/img/catch-bg-blur.png\") center top no-repeat;\n\t\tbackground-size: cover;\n\t\tbackground-color: rgba(255, 255, 255, 0.1);\n\t\t@media (max-width: 1023px) {\n\t\t\tbackground: none;\n\t\t}\n\t}\n\t&-intro {\n\t\t@apply py-4;\n\t}\n\t&-intro,\n\t&-features,\n\t&-plan {\n\t\twidth: 100%;\n\t\theight: calc(100vh - 17px);\n\t\t// padding-top: 5rem;\n\t\t// padding-bottom: 5rem;\n\t\tposition: relative;\n\t\t@media (max-width: 1536px) {\n\t\t\theight: auto;\n\t\t\t// padding-top: 2rem;\n\t\t\t// padding-bottom: 2rem;\n\t\t}\n\t}\n\t&-intro,\n\t&-features,\n\t&-plan {\n\t\theight: 100vh;\n\t\tposition: relative;\n\t\t@media (max-width: 1536px) {\n\t\t\theight: auto;\n\t\t}\n\t}\n\t&-flow {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tpadding-top: 5rem;\n\t\tpadding-bottom: 5rem;\n\t\t// gap: 3rem 6rem;\n\t\t@media (max-width: 1536px) {\n\t\t\tpadding-top: 2rem;\n\t\t\tpadding-bottom: 2rem;\n\t\t}\n\t}\n\t&-plan {\n\t\tbackground: url(\"../assets/img/catch-plan-bg.jpg\") center no-repeat;\n\t\tbackground-size: cover;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\t@media (max-width: 1023px) {\n\t\t\tbackground: transparent;\n\t\t}\n\t}\n\t&-faq {\n\t\twidth: 100%;\n\t\tpadding-top: 5rem;\n\t\tpadding-bottom: 5rem;\n\t\t@media (max-width: 1023px) {\n\t\t\tpadding-top: 12rem;\n\t\t}\n\t}\n\t&-title {\n\t\tmargin-bottom: 4rem;\n\t\twidth: 100%;\n\t\timg {\n\t\t\tmax-width: 500px;\n\t\t}\n\t\t@media (max-width: 1023px) {\n\t\t\tmargin-bottom: 2rem;\n\t\t}\n\t}\n\t&-text {\n\t\tletter-spacing: 0.2rem;\n\n\t\t@media (max-width: 1023px) {\n\t\t\tletter-spacing: 0.1rem;\n\t\t}\n\t}\n\t&-hr-1,\n\t&-hr-2 {\n\t\timg {\n\t\t\twidth: 100%;\n\t\t}\n\t\t@media (max-width: 1023px) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n.intro {\n\t&-image {\n\t\tmargin: auto;\n\t\timg {\n\t\t\tmax-height: 720px;\n\t\t}\n\t}\n\t&-content {\n\t\t&:before {\n\t\t\tposition: absolute;\n\t\t\tcontent: \"\";\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttop: -8rem;\n\t\t\tleft: -15rem;\n\t\t\tbackground: url(\"../assets/img/catch-feature-img-3.png\") top left\n\t\t\t\tno-repeat;\n\t\t\t@media (max-width: 1536px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n.features-left,\n.plan-left {\n\tposition: relative;\n\t// padding-right: 2rem;\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: 720px;\n\t\tobject-fit: contain;\n\t\t@media (max-width: 1023px) {\n\t\t\theight: auto;\n\t\t}\n\t}\n}\n.features-right,\n.plan-items {\n\twidth: auto;\n\theight: 100%;\n\tgrid-template-rows: 45% 55%;\n}\n.features-right {\n\tdisplay: flex;\n\tjustify-content: center;\n\t@media (max-width: 1023px) {\n\t\tpadding-top: 0;\n\t}\n}\n.catch-flow {\n\t&-title {\n\t\timg:nth-child(1) {\n\t\t\ttransform: scale(1.5);\n\t\t\tmargin-top: -9rem;\n\t\t}\n\t}\n}\n.flow-item {\n\t@media (max-width: 1023px) {\n\t\tmax-width: 480px;\n        .item-header img {\n            display: block;\n            max-width: 350px;\n            margin: 0 auto;\n        }\n\t}\n}\n.plan-items {\n\tposition: relative;\n\tjustify-content: center;\n\ttop: 0;\n\tbottom: 0;\n\tmargin: auto 0;\n\t@apply font-header;\n\t@media (max-width: 1023px) {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t\twidth: 45rem;\n\t}\n\t@media (max-width: 767px) {\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t}\n}\n.feature {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin-bottom: 1rem;\n\t&:nth-child(odd) {\n\t\t@media (max-width: 1023px) {\n\t\t\t&:after {\n\t\t\t\tbackground: rgba(248, 168, 165, 0.5);\n\t\t\t}\n\t\t\t.feature-content-header {\n\t\t\t\tcolor: #ab946a;\n\t\t\t}\n\t\t\t.feature-content span {\n\t\t\t\tbackground: #ab946a;\n\t\t\t}\n\t\t}\n\t}\n\t@media (max-width: 1023px) {\n\t\tflex-direction: row;\n\t\tpadding: 1rem;\n\t\theight: 10rem;\n\t\tborder: 2px solid #ceb689;\n\t}\n\t@media (max-width: 640px) {\n\t\theight: 15rem;\n\t}\n\t&:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tmix-blend-mode: multiply;\n\t\tz-index: 0;\n\t\tpointer-events: none;\n\t\t@media (max-width: 1023px) {\n\t\t\tbackground: rgba(230, 209, 170, 0.6);\n\t\t}\n\t}\n\t&-cover {\n\t\tposition: relative;\n\t\theight: 60%;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t\t@media (max-width: 1023px) {\n\t\t\theight: 100% !important;\n\t\t\twidth: 65% !important;\n\t\t\tborder: 2px solid #ceb689;\n\t\t}\n\t\t&-inner {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t\timg {\n\t\t\t\twidth: 110%;\n\t\t\t\theight: 110%;\n\t\t\t\tobject-fit: contain;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 2;\n\t\t\t\tbottom: 0;\n\t\t\t}\n\t\t\t&:before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbackground: url(\"../assets/img/feature-cover-bg.png\") center\n\t\t\t\t\tno-repeat;\n\t\t\t\tobject-fit: cover;\n\t\t\t\topacity: 0.8;\n\t\t\t\tz-index: 0;\n\t\t\t}\n\t\t}\n\t}\n\t&-content {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tdisplay: flex;\n\t\t// flex-direction: column;\n\t\tz-index: 1;\n\t\t@media (max-width: 1023px) {\n\t\t\theight: 100% !important;\n\t\t\twidth: 70% !important;\n\t\t\tpadding-left: 2rem;\n\t\t\tjustify-content: center !important;\n\t\t\talign-items: start;\n\t\t\tpadding-bottom: 0 !important;\n\t\t\tpadding-top: 0 !important;\n\t\t}\n\t\t&-header {\n\t\t\tline-height: 1;\n\t\t\tcolor: $red;\n\t\t\tfont-weight: bold;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\tcolor: #d90e0e;\n\t\t\t\t@apply font-normal;\n\t\t\t}\n\t\t}\n\t\t&-text {\n\t\t\t// font-size: 1.1rem !important;\n\t\t}\n\t\tspan {\n\t\t\tbackground: $red;\n\t\t\twidth: 0.1rem;\n\t\t\theight: 4rem;\n\t\t\tmargin-left: 1.5rem;\n\t\t\tmargin-right: 1.5rem;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\tbackground: #d90e0e;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-top: 0.25rem;\n\t\t\t\tmargin-bottom: 0.5rem;\n\t\t\t\twidth: 0.5rem;\n\t\t\t\theight: 0.1rem;\n\t\t\t}\n\t\t}\n\t}\n\t&-lg-block {\n\t\t.feature-content {\n\t\t\twidth: 100%;\n\t\t\theight: 40%;\n\t\t\tjustify-content: flex-end;\n\t\t\tpadding-bottom: 4rem;\n\n\t\t\t&-text {\n\t\t\t\t@media (max-width: 1023px) {\n\t\t\t\t\t@apply text-md;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\tjustify-content: center;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t}\n\t\t.feature-cover {\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t}\n\t}\n\t&-md-block {\n\t\t.feature-cover {\n\t\t\theight: 50%;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t}\n\t\t.feature-content {\n\t\t\twidth: 100%;\n\t\t\theight: 50%;\n\t\t\tpadding-top: 1rem;\n\t\t}\n\t}\n\t&-sm-block {\n\t\t.feature-cover {\n\t\t\theight: 40%;\n\t\t\timg {\n\t\t\t\twidth: 110%;\n\t\t\t\theight: 110%;\n\t\t\t}\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t}\n\t\t.feature-content {\n\t\t\twidth: 100%;\n\t\t\theight: 60%;\n\t\t\tpadding-top: 2rem;\n\t\t}\n\t}\n}\n.plan {\n\tposition: relative;\n\tborder-radius: 50%;\n\toutline: 5px solid $about;\n\twidth: 22rem;\n\theight: 22rem;\n\tpadding: 2.5rem;\n\tmargin: 1rem;\n\t@media (max-width: 1280px) {\n\t\twidth: 18rem;\n\t\theight: 18rem;\n\t\tpadding: 3rem;\n\t\tmargin: 2.5rem 1rem;\n\t}\n\t@media (max-width: 1023px) {\n\t\twidth: auto;\n        min-width: 280px;\n\t\theight: auto;\n\t\tborder-radius: 0;\n\t\tpadding: 0;\n\t\tmargin: 2rem;\n\t\toutline-width: 16px;\n\t}\n\t@media (max-width: 767px) {\n        min-width: 240px;\n\t\t&:nth-child(1) {\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 5rem;\n\t\t\t\theight: 5rem;\n\t\t\t\ttop: 9rem;\n\t\t\t\tleft: -3rem;\n\t\t\t\tbackground: url(\"../assets/img/mobile-catch-assets-01.png\")\n\t\t\t\t\tno-repeat;\n\t\t\t\tbackground-size: contain;\n\t\t\t}\n\t\t\t&:after {\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 45rem;\n\t\t\t\theight: 40rem;\n\t\t\t\ttop: 15rem;\n\t\t\t\tleft: -17rem;\n\t\t\t\tbackground: url(\"../assets/img/mobile-catch-assets-02.png\")\n\t\t\t\t\tno-repeat;\n\t\t\t\tbackground-size: contain;\n\t\t\t\tz-index: 2;\n\t\t\t}\n\t\t}\n\n\t\t&:nth-child(3) {\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 8rem;\n\t\t\t\theight: 16rem;\n\t\t\t\ttop: -5rem;\n\t\t\t\tright: -3rem;\n\t\t\t\tbackground: url(\"../assets/img/mobile-catch-assets-03.png\")\n\t\t\t\t\tno-repeat;\n\t\t\t\tbackground-size: contain;\n\t\t\t}\n\t\t\t// &:after {\n\t\t\t// \tposition: absolute;\n\t\t\t//\tcontent: \"\";\n\t\t\t//\twidth: 52rem;\n\t\t\t//\theight: 45rem;\n\t\t\t//\ttop: 20rem;\n\t\t\t//\tleft: -21rem;\n\t\t\t//\tbackground: url(\"../assets/img/mobile-catch-assets-04.png\")\n\t\t\t//\t\tno-repeat;\n\t\t\t//\tbackground-size: contain;\n\t\t\t//\tz-index: 2;\n\t\t//\t}\n\t\t}\n\t}\n\t&-wrapper {\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\t@media (max-width: 1023px) {\n\t\t\theight: auto;\n\t\t}\n\t}\n\t&-image {\n\t\tposition: absolute;\n\t\twidth: 120%;\n\t\t// height: 110%;\n\t\tbottom: 0;\n\t}\n\t&-header {\n\t\t@media (max-width: 1023px) {\n\t\t\tpadding: 3rem 0 3rem 0;\n\t\t}\n\t}\n\t&-title {\n\t\twidth: 35%;\n\t\tpadding-left: 2rem;\n\t\tline-height: 1.5rem;\n\t\tz-index: 1;\n\t\t&-name {\n\t\t\tcolor: $about;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\t@apply text-lg;\n\t\t\t}\n\t\t}\n\t\t&-price {\n\t\t\tcolor: $white;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\t@apply text-2xl;\n\t\t\t}\n\t\t}\n\t\t@media (max-width: 1023px) {\n\t\t\tfont-size: 0.9rem;\n\t\t\talign-items: center !important;\n\t\t\tjustify-content: center !important;\n\t\t\twidth: 35% !important;\n\t\t\tpadding: 0 !important;\n\t\t}\n\t}\n\t&-content {\n\n\t\t&-text {\n\t\t\tcolor: $about;\n\t\t\tpadding-top: 1rem;\n\t\t\t@media (max-width: 1023px) {\n\t\t\t\tbackground: $about;\n\t\t\t\tcolor: $secondary;\n\t\t\t\tmin-height: 200px;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder: 1px solid $about;\n\t\t\t\toutline: 1px solid $about;\n\t\t\t}\n\t\t}\n\t}\n\t// &-lg-block {\n\t// \talign-items: flex-start;\n\t// \tjustify-content: center;\n\t// \t@apply lg:px-8 xl:px-32;\n\t// \t@media (max-width: 1023px) {\n\t// \t\talign-items: center;\n\t// \t}\n\t// \timg {\n\t// \t\tz-index: 2;\n\t// \t}\n\t// \t.plan-title {\n\t// \t\twidth: 100%;\n\t// \t\tpadding-left: 0;\n\t// \t\talign-items: flex-start;\n\t// \t}\n\t// \t.plan-content {\n\t// \t\tpadding-top: 1rem;\n\t// \t\twidth: 100%;\n\t// \t\tjustify-content: flex-start;\n\t// \t}\n\t// }\n}\n.faq {\n\t/*Hack of Horizontal Borders*/\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\t#343434 33%,\n\t\trgba(52, 52, 52, 0) 0%\n\t);\n\tbackground-position: bottom;\n\tbackground-size: 18px 1px;\n\tbackground-repeat: repeat-x;\n\t@media (max-width: 1023px) {\n\t\tbackground: none;\n\t\tborder-bottom: 1px solid #bbbbbb;\n\t\t&:last-child {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n\t&-question {\n\t\tpadding-top: 1rem;\n\t\tpadding-bottom: 1rem;\n\t\t@apply text-secondary;\n\t\t@media (max-width: 1023px) {\n\t\t\tcolor: #ab946a;\n\t\t}\n\t}\n\t&-answer {\n\t\tpadding-bottom: 2rem;\n\t}\n\t&:last-child {\n\t\tbackground: none;\n\t\t.faq-answer {\n\t\t\tbackground: none;\n\t\t}\n\t}\n\t&-images {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.mobile-title-img {\n    @media (max-width: 1023px) {\n        width: 300px !important;\n    }\n    @media (max-width: 767px) {\n        width: 250px !important;\n    }\n    @media (max-width: 640px) {\n        width: 220px !important;\n    }\n}\n\n.part-title > img.hidden {\n    max-height: 50px;\n    width: auto;\n}\n.fade-out-enter-active,\n.fade-out-leave-active {\n\ttransition: opacity 0.25s ease-in-out;\n}\n\n.fade-out-enter-from,\n.fade-out-leave-to {\n\topacity: 0;\n}\n\n.catch-mobile-title {\n    max-height: 180px;\n    width: auto;\n    margin-bottom: 2rem;\n}\n</style>\n<style lang=\"scss\">\n.faq {\n\tstrong {\n\t\tcolor: #e7373c;\n\t}\n}\n.feature-content-text {\n\tstrong {\n\t\tcolor: #e7373c;\n\t}\n}\n</style>","import { render } from \"./Catch.vue?vue&type=template&id=c3b13358&scoped=true\"\nimport script from \"./Catch.vue?vue&type=script&lang=js\"\nexport * from \"./Catch.vue?vue&type=script&lang=js\"\n\nimport \"./Catch.vue?vue&type=style&index=0&id=c3b13358&lang=scss&scoped=true\"\nimport \"./Catch.vue?vue&type=style&index=1&id=c3b13358&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-c3b13358\"\n\nexport default script","module.exports = __webpack_public_path__ + \"img/mobile-catch-flow.2019a4d4.svg\";","module.exports = __webpack_public_path__ + \"img/mobile-catch-plan.45608be8.svg\";","module.exports = __webpack_public_path__ + \"img/catch-plan-img-1.ea1221f3.png\";","module.exports = __webpack_public_path__ + \"img/mobile-catch-faq.f3b60f7b.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Catch.vue?vue&type=style&index=1&id=c3b13358&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Catch.vue?vue&type=style&index=0&id=c3b13358&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/catch-plan-img-2.c469c5fd.png\";","module.exports = __webpack_public_path__ + \"img/mobile-catch-feature.45bb56b7.svg\";","module.exports = __webpack_public_path__ + \"img/catch-hr-1.d0787b45.jpg\";"],"sourceRoot":""}