{"version":3,"file":"js/app.4263a662.js","mappings":"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","sources":["webpack://ecoworld-microsite/./src/App.vue","webpack://ecoworld-microsite/./src/components/HeaderNavbar.vue","webpack://ecoworld-microsite/./src/components/HeaderNavbar.vue?ec79","webpack://ecoworld-microsite/./src/components/PageFooter.vue","webpack://ecoworld-microsite/./src/components/TnC.vue","webpack://ecoworld-microsite/./src/components/TnC.vue?c09e","webpack://ecoworld-microsite/./src/components/PrivacyNotice.vue","webpack://ecoworld-microsite/./src/components/PrivacyNotice.vue?cd68","webpack://ecoworld-microsite/./src/components/PageFooter.vue?8dbd","webpack://ecoworld-microsite/./src/components/TikTok.vue","webpack://ecoworld-microsite/./src/components/TikTok.vue?48c0","webpack://ecoworld-microsite/./src/components/RegistrationMobile.vue","webpack://ecoworld-microsite/./src/components/ContactForm.vue","webpack://ecoworld-microsite/./src/components/ContactForm.vue?708e","webpack://ecoworld-microsite/./src/components/RegistrationMobile.vue?1d23","webpack://ecoworld-microsite/./src/App.vue?7ccd","webpack://ecoworld-microsite/./src/main.js","webpack://ecoworld-microsite/webpack/bootstrap","webpack://ecoworld-microsite/webpack/runtime/chunk loaded","webpack://ecoworld-microsite/webpack/runtime/compat get default export","webpack://ecoworld-microsite/webpack/runtime/define property getters","webpack://ecoworld-microsite/webpack/runtime/global","webpack://ecoworld-microsite/webpack/runtime/hasOwnProperty shorthand","webpack://ecoworld-microsite/webpack/runtime/publicPath","webpack://ecoworld-microsite/webpack/runtime/jsonp chunk loading","webpack://ecoworld-microsite/webpack/startup"],"sourcesContent":["<template>\n  <HeaderNavbar></HeaderNavbar>\n  <section class=\"relative\">\n    <div class=\"bg-cover h-[55vh] xxs:h-[70vh] xs:h-[60vh] sm:h-[45vh] md:h-[50vh] mdtolg:h-[55vh] lg:h-[90vh] lgtoxl:h-[90vh] xl:h-[95vh]\" :style=\"{ 'background-image': 'url(' + infinitypool + ')' }\">\n      <div class=\"container mx-auto px-4\">\n        <div v-motion-slide-top :delay=\"500\" class=\"absolute left-0 right-0 mx-auto w-[90%] xs:w-[80%] sm:w-[60%] md:w-[65%] mdtolg:w-[67%] lg:w-[55%] xl:w-[55%] 2xl:w-[50%] top-[20%] xxs:top-[20%] xs:top-[10%] sm:top-[12%] md:top-[7%] mdtolg:top-[14%] lg:top-[10%] lgtoxl:top-[10%]\">\n          <img alt=\"dudukje hashtag challenge\" src=\"./assets/dudukjeHashtagChallenge2.png\" class=\"text-center mx-auto \" />\n        </div>\n        <div v-motion :initial=\"{ y: 0,}\" :enter=\"{y: 3, transition: {repeat: Infinity, repeatType: 'mirror', duration: 1500,},}\" class=\"absolute hidden md:block xxs:bottom-[15%] sm:bottom-[30%] md:bottom-[34%] mdtolg:bottom-[37%] lg:bottom-[32%] xl:bottom-[30%]  3xl:bottom-[20%] 4xl:bottom-[22%] xxs:left-[0%] sm:left-[0%] md:left-[0%] lg:left-[5%] xl:left-[7%] xlto2xl:left-[6%] 2xl:left-[4%] 3xl:left-[4%] 4xl:left-[6%]\">\n          <img alt=\"yellow swimming ring\" src=\"./assets/Yellow-Swimming-ring.png\" class=\"text-center mx-auto sm:w-[40%] md:w-[45%] lg:w-[60%] xl:w-[66%] xlto2xl:w-[70%] 4xl:w-[80%]\"/>\n        </div>\n        <!--yellow swimming ring  mobile view start-->\n        <div class=\"absolute block md:hidden w-[18%] bottom-[35%]\" v-motion :initial=\"{ y: 0,}\" :enter=\"{y: 3, transition: {repeat: Infinity, repeatType: 'mirror', duration: 1500,},}\">\n          <img alt=\"yellow swimming ring\" src=\"./assets/Yellow-Swimming-ring.png\"/>\n        </div>\n        <!--yellow swimming ring  mobile view end-->\n\n        <div v-motion :initial=\"{ y: 0,}\" :enter=\"{y: 3, transition: {repeat: Infinity, repeatType: 'mirror', duration: 2000,},}\" class=\"absolute hidden md:block xxs:bottom-[5%] sm:bottom-[14%] md:bottom-[18%] mdtolg:bottom-[20%] lg:bottom-[15%] xl:bottom-[16%] 2xl:bottom-[10%] 4xl:bottom-[8%] xxs:left-[0%] sm:left-[6%] md:left-[9%] lg:left-[18%] xl:left-[20%] 4xl:left-[25%]\">\n          <img alt=\"colourful swimming ring\" src=\"./assets/Swimming-ring.png\" class=\"text-center mx-auto 3xs:w-[0%] xxs:w-[0%] sm:w-[30%] md:w-[40%] lg:w-[45%] xl:w-[58%] xlto2xl:w-[63%] 2xl:w-[68%] 3xl:w-[73%] 4xl:w-[80%]\"/>\n        </div>\n        <!-- colourful swimming ring mobile view start -->\n        <div v-motion :initial=\"{ y: 0,}\" :enter=\"{y: 3, transition: {repeat: Infinity, repeatType: 'mirror', duration: 2000,},}\" class=\"absolute block md:hidden w-[20%] xs:w-[20%] bottom-[20%] left-[20%] xs:left-[25%]\">\n          <img alt=\"colourful swimming ring\" src=\"./assets/Swimming-ring.png\"/>\n        </div>\n        <!-- colourful swimming ring mobile view end -->\n\n        <div v-motion :initial=\"{ x: 0,}\" :enter=\"{x: 3, transition: {repeat: Infinity, repeatType: 'mirror', duration: 1500,},}\" class=\"absolute hidden md:block sm:bottom-[15%] md:bottom-[12%] lg:bottom-[12%] xl:bottom-[8%] xlto2xl:bottom-[3%] 4xl:bottom-[4%] sm:right-[13%] md:right-[28%] lg:right-[27%] xl:right-[30%] 4xl:right-[30%]\">\n          <img alt=\"pink white ball\" src=\"./assets/Pink-White-Ball.png\" class=\"text-center mx-auto 3xs:w-[0%] xxs:w-[0%] sm:w-[35%] md:w-[40%] lg:w-[44%] xl:w-[65%] 2xl:w-[70%] 4xl:w-[80%]\" />\n        </div>\n        <!-- pink white ball mobile view start-->\n        <div v-motion :initial=\"{ x: 0,}\" :enter=\"{x: 3, transition: {repeat: Infinity, repeatType: 'mirror', duration: 1500,},}\" class=\"absolute block md:hidden w-[10%] sm:w-[14%] bottom-[16%] xs:bottom-[12%] right-[27%] sm:right-[25%]\">\n          <img alt=\"pink white ball\" src=\"./assets/Pink-White-Ball.png\" />\n        </div>\n        <!-- pink white ball mobile view end-->\n\n        <div v-motion :initial=\"{ y: 0,}\" :enter=\"{y: 5, transition: {repeat: Infinity, repeatType: 'mirror', duration: 2500,},}\" class=\"hidden md:block absolute md:bottom-[8%] mdtolg:bottom-[12%] lg:bottom-[10%] xl:bottom-[12%] 3xl:bottom-[5%] 4xl:bottom-[0%] md:right-[4%] lg:right-[0%] xl:right-[0%] 3xl:right-[2%] 4xl:right-[0%] w-[24%] lg:w-[25%] lgtoxl:w-[24%] xl:w-[24%] 2xl:w-[23%]\">\n        <img alt=\"Flamingo\" src=\"./assets/Flamingo.png\" class=\"text-center mx-auto\" />\n        </div>\n        <!-- flamingo mobile view start -->\n        <div v-motion :initial=\"{ y: 0,}\" :enter=\"{y: 5, transition: {repeat: Infinity, repeatType: 'mirror', duration: 2500,},}\" class=\"block md:hidden absolute bottom-[24%] xs:bottom-[14%] sm:bottom-[20%] xs:right-[0%] right-[2%] w-[20%] sm:w-[25%]\">\n          <img alt=\"Flamingo\" src=\"./assets/Flamingo.png\" class=\"mx-auto\" />\n        </div>\n        <!-- flamingo mobile view end -->\n      </div>\n    </div>\n  </section>\n  <!-----------Iphone-------------->\n  <section class=\"relative bg-[#FFA23B]\">\n    <img alt=\"background colour between pool and iphone\" src=\"./assets/pollAndiphoneBG.png\" class=\"absolute top-[-8%] xxs:top-[-11%] w-full\"/>\n      <div class=\"relative z-10\">\n        <div class=\"divider h-16 xs:h-10 sm:h-24 2xl:h-36\"></div>\n          <!-- <div class=\"w-[60%] xl:w-[80%] 2xl:w-full mx-auto\"> -->\n          <div class=\"w-[90%] xl:w-[80%] 2xl:w-full mx-auto\">\n            <h4 class=\" text-white text-xl md:text-2xl lg:text-3xl xl:text-3xl 2xl:text-4xl font-bold\">Fuyoo! Just By #DUDUKJE, Y'all Stand The Chance To Menang</h4>\n            <!-- title mobile and desktop view-->\n            <div class=\"hidden md:block md:w-[75%] lg:w-[65%] xl:w-[65%] 2xl:w-[50%] mx-auto\">\n                <img alt=\"fuyoo! Iphone14 \" src=\"./assets/web2xiphone14.png\" class=\"text-center\"/>\n            </div>\n            <div class=\"block md:hidden\">\n                <img alt=\"fuyoo! Iphone14 \" src=\"./assets/phoneview2xiphone14.png\" class=\"\"/>\n            </div>\n\n            <div class=\"w-full mdtolg:w-[80%] lg:w-[70%] 2xl:w-[48%] mx-auto\">\n                <p class=\"text-base mdtolg:text-lg xl:text-xl xlto2xl:text-2xl text-[#eb2a6b]\">Heyya fellow TikTokers and influenzers, <strong>here's your chance to step up your game with your rad posing skills to menang the latest iPhone, just by #DudukJe tau!</strong><br> So make sure you poses are totally giving coz you might just be winning! Oh YAS!</p>\n            </div>\n          </div>\n          <div v-motion-pop-visible-once class=\"relative\">\n            <div class=\"mx-auto md:w-[70%] lg:w-[80%] xl:w-full\">\n              <img alt=\"iphone glittereffect\" src=\"./assets/iphone14_prize.png\" class=\"text-center mx-auto\"/>\n            </div>\n            <div class=\"absolute bottom-[20px] z-[-1] w-full\">\n              <img alt=\"Iphone14 background colour\" src=\"./assets/iphone14bgcolour.png\" class=\"text-center mx-auto w-full\"/>\n            </div>\n          </div>\n        </div>\n  </section>\n  <!------- campaign timeline ------->\n  <section class=\"bg-[#FFA23B] relative mt-[-1px]\">\n    <div>\n      <div v-motion-slide-visible-once-top class=\"3xs:pt-[15px] xxs:pt-[25px] xs:pt-[25px] sm:pt-[60px] md:pt-[60px] lg:pt-[80px] xl:pt-[50px] 2xl:pt-[50px] 3xl:pt-[50px] 4xl:pt-[50px]\">\n        <img alt=\"campaign timeline title\" src=\"./assets/titlecampaigntimeline-png.png\" class=\"hidden md:block mx-auto md:w-[50%] mdtolg:w-[65%] lg:w-[50%] xl:w-[44%] 2xl:w-[48%] 4xl:w-4/12\"/>\n        <img alt=\"campaign timeline title mobile view\" src=\"./assets/mobileviewtitlecampaigntimeline-png.png\" class=\"block md:hidden mx-auto w-[70%]\"/>\n      </div>\n      <div v-motion-slide-visible-once-top class=\"xl:mt-24 lg:mt-16 md:mt-16 sm:mt-16 mt-8\">\n        <img alt=\"campaign timeline\" src=\"./assets/timelinedates.png\" class=\"mx-auto w-[90%] sm:w-[90%] md:w-[65%] mdtolg:w-[73%] lg:w-[66%] xl:w-[62%] 2xl:w-[50%]\"/>\n      </div>\n    </div>\n    <div class=\"divider h-24 xs:h-24 sm:h-24 2xl:h-36\"></div>\n  </section>\n  <!--------- How to DUDUKJE ------->\n  <section id=\"learn\">\n    <div class=\"relative bg-[#6fb795] pb-[900px] xxs:pb-[1200px] sm:pb-[1100px] md:pb-[680px] mdtolg:pb-[700px] lg:pb-[780px] lgtoxl:pb-[1000px] xl:pb-[1050px] 2xl:pb-[1100px] 3xl:pb-[1100px] 4xl:pb-[1150px]\">\n      <div v-motion-slide-visible-once-top class=\"absolute 3xs:top-[-3%] xxs:top-[-5%] xs:top-[-5%] sm:top-[-6%] md:top-[-8%] mdtolg:top-[-8%] lg:top-[-8%] lgtoxl:top-[-8%] xl:top-[-8%] 2xl:top-[-8%] 3xl:top-[-9%] 4xl:top-[-10%] w-full\">\n        <img alt=\"step to join bg colour\" src=\"./assets/stepstojoinbgcolour.png\" class=\"mx-auto w-full\"/>\n      </div>\n      <div class=\"absolute md:top-[-5%] mdtolg:top-[0%] right-0\">\n          <img alt=\"gradientright\" src=\"./assets/gradientright.png\" class=\"mx-auto 4xl:w-[100%]\"/>\n      </div>\n      <div class=\"absolute 3xs:top-[55%] xxs:top-[53%] sm:top-[0%] md:top-[20%] mdtolg:top-[15%] lg:top-[15%] lgtoxl:top-[20%] xl:top-[25%] 2xl:top-[27%] 3xl:top-[26%] 4xl:top-[29%]\">\n          <img alt=\"gradientleft\" src=\"./assets/gradientleft.png\" class=\"mx-auto 4xl:w-[100%]\"/>\n      </div>\n\n      <div v-motion-slide-visible-once-top class=\"absolute hidden md:block 3xs:top-[7%] xxs:top-[4%] xs:top-[7%] sm:top-[7%] md:top-[10%] mdtolg:top-[10%] lg:top-[10%] lgtoxl:top-[9%] xl:top-[10%] 2xl:top-[10%] 3xl:top-[9%] 4xl:top-[10%] md:left-[4%] mdtolg:left-[4%] lg:left-[8%] lgtoxl:left-[11%] xl:left-[17%] xlto2xl:left-[20%] 2xl:left-[24%] 3xl:left-[25%] 4xl:left-[28%]\">\n          <img alt=\"how to duduk je\" src=\"./assets/webhowtodudukje.png\" class=\"mx-auto 3xs:w-[65%] xxs:w-[65%] xs:w-[65%] sm:w-[70%] md:w-[68%] mdtolg:w-[66%] lg:w-[77%] lgtoxl:w-[77%] 2xl:w-[85%]\"/>\n          <p class=\"text-white text-sm mdtolg:text-lg xl:text-xl xlto2xl:text-2xl font-bold text-center\">Ready, set, pose! Nak #DudukJe kena follow these steps tau:</p>\n      </div>\n      <!-- how to DUDUKJE mobile start -->\n      <div v-motion-slide-visible-once-top class=\"absolute block md:hidden top-[1%] w-[90%] sm:w-[80%] left-0 right-0 mx-auto\">\n          <img alt=\"how to duduk je\" src=\"./assets/mobileviewhowtodudukje.png\" class=\"w-[80%] mx-auto\"/>\n          <p class=\"text-white text-base font-bold text-center\">Ready, set, pose!<br> Nak #DudukJe kena follow<br> these steps tau:</p>\n      </div>\n      <!-- how to DUDUKJE mobile end -->\n      <!-- 3 steps -->\n      <div v-motion-slide-visible-once-top class=\"absolute grid xxs:grid-cols-1 md:grid-cols-3 3xs:gap-3 xxs:gap-3 sm:gap-3 md:gap-3 mdtolg:gap-3 lg:gap-3 lgtoxl:gap-3 xl:gap-0 2xl:gap-3 3xl:gap-3 4xl:gap-2 top-[18%] sm:top-[22%] md:top-[30%] mdtolg:top-[30%] lg:top-[30%] lgtoxl:top-[30%] xl:top-[30%] 2xl:top-[30%] 3xl:top-[30%] 4xl:top-[30%] left-0 right-0 mx-auto xs:w-[80%] sm:w-[70%] md:w-[70%] mdtolg:w-[65%] lg:w-[65%] xl:w-[65%] 2xl:w-[65%] 4xl:w-[65%]\">\n          <div class=\"relative step-parent-container\" v-on:click=\"chooseStep(steps[0])\">\n            <img alt=\"step1\" src=\"./assets/step1recordduduk.png\" class=\"mx-auto w-[80%] sm:w-[65%] md:w-[100%] xl:w-[85%] 2xl:w-[90%]\"/>\n            <div class=\"bg-[#2A8072] z-30 absolute w-[70%] sm:w-[60%] md:w-[90%] mdtolg:w-[90%] lg:w-[90%] lgtoxl:w-[85%] xl:w-[70%] 2xl:w-[80%] 3xl:w-[80%] 4xl:w-[80%] left-[15%] xs:left-[16%] sm:left-[20.5%] md:left-[5%] mdtolg:left-[5.5%] lg:left-[6%] lgtoxl:left-[8%] xl:left-[15%] 2xl:left-[11%] 3xl:left-[11%] 4xl:left-[10%] 3xs:top-[70%] md:top-[69%] 3xs:rounded-lg xxs:rounded-xl xs:rounded-lg lg:rounded-xl\n            \">\n              <div v-on:click=\"chooseStep(steps[0])\" class=\"stepone-contentdiv text-white 3xs:p-1 xxs:p-1 xs:p-1 md:p-2 mdtolg:p-2 lg:p-2 lgtoxl:p-2 xl:p-2 2xl:p-3 text-sm sm:text-xs md:text-xs mdtolg:text-xs lg:text-xs lgtoxl:text-sm xl:text-sm 3xl:text-lg step-container\" :class=\"{'step-active': steps[0].is_active}\">\n                <div class=\"content-box\">\n                  <p class=\"\">Record your CREATIVE DUDUK styles in <strong>any spots in one video!</strong><br><br>\n                    You can sit wherever you want, indoor or outdoor; as long as you sit in the most creative, meleTOPs ways possible! </p>\n                </div>\n              </div>\n              <div class=\"down-arrow mx-auto\"></div>\n            </div>\n          </div>\n\n          <div class=\"relative step-parent-container\" v-on:click=\"chooseStep(steps[1])\">\n            <img alt=\"step2\" src=\"./assets/step2sharemasterpiece.png\" class=\"mx-auto w-[80%] sm:w-[65%] md:w-[100%] xl:w-[85%] 2xl:w-[90%]\"/>\n            <div class=\"bg-[#2A8072] z-30 absolute w-[70%] sm:w-[60%] md:w-[90%] mdtolg:w-[90%] lg:w-[90%] lgtoxl:w-[85%] xl:w-[70%] 2xl:w-[80%] 3xl:w-[80%] 4xl:w-[80%] left-[15%] xs:left-[16%] sm:left-[20.5%] md:left-[5%] mdtolg:left-[5.5%] lg:left-[6%] lgtoxl:left-[8%] xl:left-[15%] 2xl:left-[11%] 3xl:left-[11%] 4xl:left-[10%] 3xs:top-[70%] md:top-[69%] 3xs:rounded-lg xxs:rounded-xl xs:rounded-lg lg:rounded-xl\">\n              <div v-on:click=\"chooseStep(steps[1])\" class=\"text-white 3xs:p-1 xxs:p-1 xs:p-1 md:p-2 mdtolg:p-2 lg:p-2 lgtoxl:p-2 xl:p-2 2xl:p-3 text-sm sm:text-xs md:text-xs mdtolg:text-xs lg:text-xs lgtoxl:text-sm xl:text-sm 3xl:text-lg step-container\"  :class=\"{'step-active': steps[1].is_active}\">\n                <p>Once you’re killing it with ‘em poses, <strong>post your video on your TikTok account.</strong><br><br>\n                Remember to Follow dan Tag @dudukmy; and include #DUDUKJE as well. Oh, and make sure your account and video are set to public, tau (if not, you may no longer be duduk but frust menonggeng instead).<br><br>\n                To increase your chances of winning, you are allowed to submit multiple entries. Best kan?</p>\n              </div>\n              <div class=\"down-arrow mx-auto\"></div>\n            </div>\n          </div>\n          <div>\n            <img alt=\"step3\" src=\"./assets/step3submitentryviaform.png\" class=\"mx-auto w-[80%] sm:w-[65%] md:w-[100%] xl:w-[85%] 2xl:w-[90%]\"/>\n          </div>\n        </div>\n    </div>\n  </section>\n\n  <!--------- TikTok ------->\n  <TikTok id=\"record\"/>\n\n  <!--------- Registration ------->\n  <section class=\"relative hidden md:block\" id=\"register\">\n    <div class=\"bg-[#E8902A] md:pb-[850px] mdtolg:pb-[850px] xl:pb-[940px] xlto2xl:pb-[1020px] 2xl:pb-[1120px] 3xl:pb-[1240px] 4xl:pb-[1450px]\">\n      <div class=\"absolute md:top-[-10%] xl:top-[-12%] w-full\">\n        <img alt=\"registration form background\" src=\"./assets/registrationformbg.png\" class=\"mx-auto w-full\"/>\n      </div>\n      <div class=\"absolute md:top-[5%] mdtolg:top-[10%] lg:top-[9%] xl:top-[15%] xlto2xl:top-[20%] 2xl:top-[16%] lg:left-[6%] lgtoxl:left-[8%] xl:left-[15%] xlto2xl:left-[19%] 3xl:left-[20%] 4xl:left-[25%]\">\n        <img alt=\"registration form title\" src=\"./assets/registrationformtitle.png\" class=\"mx-auto md:w-[65%] mdtolg:w-[65%] xlto2xl:w-[62%] 4xl:w-[70%]\"/>\n      </div>\n      <div class=\"absolute md:top-[57%] mdtolg:top-[60%] lg:top-[55%] xl:top-[54%] xlto2xl:top-[54%] 2xl:top-[52%] mdtolg:left-[30%] xl:left-[31%] xlto2xl:left-[28%] md:w-full mdtolg:w-[70%] xl:w-[65%]\">\n        <img alt=\"registration form human\" src=\"./assets/registrationformhuman.png\" class=\"mx-auto w-full\"/>\n      </div>\n      <div class=\"absolute md:top-[24%] mdtolg:top-[32%] xl:top-[38%] xlto2xl:top-[40%] 2xl:top-[39%] 3xl:top-[35%] md:left-[61%] lg:left-[61%] xl:left-[60%] xlto2xl:left-[61%] mdtolg:w-[20%] xl:w-[18%] xlto2xl:w-[14%]\">\n        <!-- <img alt=\"registration form words\" src=\"./assets/registrationformwords.png\" class=\"mx-auto w-full\"/> -->\n        <p class=\"text-left text-sm 2xl:text-base 3xl:text-lg text-[#eb2a6b]\">Just #DUDUKJE! Senang kan?<br> You could be the proud owner<br>of iphone 14 Pro max 128GB<br>and show off better poses with<br> your brand new smartphone! <br><br> Good luck!<br> We look forward to your submission(s)!</p>\n      </div>\n\n      <div class=\"absolute md:w-[48%] mdtolg:w-[48%] lg:w-[44%] xl:w-[40%] md:left-[10%] mdtolg:left-[10%] lg:left-[15%] xl:left-[18%] xlto2xl:left-[19%] md:top-[13%] mdtolg:top-[20%] xl:top-[25%] xlto2xl:top-[30%] 2xl:top-[28%]\">\n        <contact-form></contact-form>\n      </div>\n\n    </div>\n  </section>\n  <RegistrationMobile class=\"block md:hidden\"></RegistrationMobile>\n  <PageFooter></PageFooter>\n</template>\n\n<script>\nimport HeaderNavbar from \"./components/HeaderNavbar.vue\";\nimport PageFooter from \"./components/PageFooter.vue\";\nimport infinitypool from \"./assets/infinitypoolbgcompressed2x.png\";\nimport TikTok from \"@/components/TikTok.vue\";\nimport RegistrationMobile from \"@/components/RegistrationMobile.vue\";\nimport ContactForm from \"@/components/ContactForm.vue\";\n\nexport default {\n  name: \"App\",\n  components: {\n    ContactForm,\n    TikTok,\n    HeaderNavbar,\n    PageFooter,\n    RegistrationMobile,\n  },\n  data() {\n    return {\n      infinitypool,\n      steps : [\n        {\n          id: 1,\n          is_active: false\n        },\n        {\n          id: 2,\n          is_active: false\n        },\n      ]\n    }\n  },\n  mounted() {\n  },\n  methods: {\n    chooseStep(step) {\n\n      this.steps.forEach((item) => {\n        if (item.id === step.id) {\n          if (item.is_active === true) {\n            item.is_active = false;\n          } else {\n            item.is_active = true;\n          }\n        } else {\n          item.is_active = false;\n        }\n      });\n\n      console.log(this.steps)\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#app {\n  font-family: 'agenda-medium';\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  // margin-top: 60px;\n}\n\nh4, h3 {\n  font-family: 'agenda-bold';\n}\n\nlabel, input, p, a, li, h2 {\n  font-family: 'agenda-medium';\n}\n\n.step-active {\n    height: auto !important;\n    overflow: auto !important;\n}\n\n@media only screen and (max-width: 359px) {\n  .step-container {\n\n    height: 25px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 360px) {\n  .step-container {\n\n    height: 43px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 500px) {\n  .step-container {\n\n    height: 40px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 640px) {\n  .step-container {\n\n    height: 45px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .step-container {\n\n    height: 30px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .step-container {\n\n    height: 35px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 1110px) {\n  .step-container {\n\n    height: 35px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 1280px) {\n  .step-container {\n\n    height: 45px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 1536px) {\n  .step-container {\n\n    height: 50px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (min-width: 1800px) {\n  .step-container {\n\n    height: 62px;\n    overflow: hidden;\n\n    &:hover {\n      height: auto;\n      overflow: auto;\n    }\n  }\n}\n\n@media only screen and (max-width: 480px) {\n.down-arrow {\n    width: 0;\n    height: 0;\n    border-left: 10px solid transparent;\n    border-right: 10px solid transparent;\n    border-top: 10px solid white;\n    margin: 0.25rem;\n    }\n}\n\n.down-arrow {\n    width: 0;\n    height: 0;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    border-top: 8px solid white;\n    margin: 0.25rem;\n}\n\n</style>\n","<template>\n    <div class=\"container mx-auto w-full navbar\" style=\"max-width: 100%\">\n      <div>\n        <nav class=\"flex items-center justify-between px-1 sm:px-2 md:px-4 py-3 bg-white hidden sm:flex\">\n          <div class=\"flex items-center\">\n            <img src=\"../assets/dudukEcoworldLogo.png\" alt=\"duduk Ecoworld Logo\" class=\"w-20 mdtolg:w-32\" />\n          </div>\n          <div class=\"flex font-[agenda-bold] text-gray-900 text-sm md:text-base\">\n            <a class=\"px-1 sm:px-2 md:px-4 py-2\" href=\"#learn\">Record</a>\n            <a class=\"px-1 sm:px-2 md:px-4 py-2\" href=\"#record\">Share</a>\n            <a class=\"px-1 sm:px-2 md:px-4 py-2\" href=\"#register\">Submit Entry</a>\n          </div>\n        </nav>\n        <nav class=\"relative bg-[#FFFFFF] block sm:hidden\" style=\"color:#141A44; font-size: 19px;\">\n          <div\n            class=\"container 2xl:px-16 xl:px-16 lg:px-14 md:px-10 flex flex-wrap items-center justify-between w-full mx-auto\">\n            <div class=\"w-full relative flex justify-between lg:w-auto  lg:static lg:block lg:justify-start\">\n              <a class=\"text-sm leading-relaxed inline-block mr-4 py-2 whitespace-nowrap\" href=\"/\">\n                <img src=\"../assets/dudukEcoworldLogo.png\" alt=\"duduk Ecoworld Logo\" class=\"w-20 mdtolg:w-32\" />\n              </a>\n              <button name=\"mobile-menu\"\n                      class=\"cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none\"\n                      type=\"button\" v-on:click=\"toggleNavbar()\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                     stroke=\"currentColor\" class=\"w-6 h-6\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" />\n                </svg>\n              </button>\n            </div>\n            <div v-bind:class=\"{ 'hidden': !showMenu }\" class=\"container\">\n              <ul class=\"text-center\">\n                <li class=\"nav-item my-5\">\n                  <a href=\"#learn\">\n                    Record\n                  </a>\n                </li>\n                <li class=\"nav-item my-5\">\n                  <a href=\"#record\">\n                    Share\n                  </a>\n                </li>\n                <li class=\"nav-item my-5\">\n                  <a href=\"#register\">\n                    Submit Entry\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </nav>\n      </div>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: \"HeaderNavbar\",\n  data() {\n    return {\n      showMenu: false\n    }\n  },\n  mounted() {\n    // navigation bar stick top when scroll not visible\n    window.addEventListener('scroll', this.handleScroll);\n\n\n  },\n  methods: {\n    toggleNavbar() {\n      this.showMenu = !this.showMenu\n    },\n    handleScroll() {\n      const navbar = document.querySelector('.navbar');\n      if (window.scrollY > 0) {\n        navbar.classList.add('sticky');\n      } else {\n        navbar.classList.remove('sticky');\n      }\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.sticky {\n  position: fixed;\n  top: 0;\n  z-index: 20;\n\n}\n</style>\n","import { render } from \"./HeaderNavbar.vue?vue&type=template&id=3ad44f56&scoped=true\"\nimport script from \"./HeaderNavbar.vue?vue&type=script&lang=js\"\nexport * from \"./HeaderNavbar.vue?vue&type=script&lang=js\"\n\nimport \"./HeaderNavbar.vue?vue&type=style&index=0&id=3ad44f56&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3ad44f56\"]])\n\nexport default __exports__","<template>\n    <footer class=\"relative flex bg-gray-100 text-gray-500 py-4 z-20\">\n      <div class=\"container mx-auto px-4\">\n        <div class=\"w-full flex flex-col md:flex-row justify-between items-center px-4\">\n          <div class=\"flex items-center md:order-2\">\n            <p class=\"text-gray-500 text-xs md:text-sm font-[agenda-light]\">*For more information on the campaign, please read the\n              <a href=\"#\" class=\"underline\" @click=\"showTnCPopup\">Terms and Conditions</a> and\n              <a href=\"#\" class=\"underline\" @click=\"showPrivacyNoticePopup\">Privacy Notice</a>\n            </p>\n            <TnC :showTnCModal=\"showTnCModal\" @closeTnCModal=\"showTnCPopup\"></TnC>\n            <PrivacyNotice :showPrivacyNoticeModal=\"showPrivacyNoticeModal\" @closePrivacyNoticeModal=\"showPrivacyNoticePopup\"></PrivacyNotice>\n          </div>\n          <p class=\"text-left text-xs md:text-sm font-[agenda-light] md:order-1 pt-4 md:pt-0\">Copyright &copy; 2023 Ecoworld All Rights Reserved.\n          </p>\n        </div>\n      </div>\n\n      <!-- <div class=\"container mx-auto px-4\">\n        <div class=\"w-full flex justify-between items-center px-4\">\n          <p class=\"text-left text-xs md:text-sm font-[agenda-light]\">Copyright &copy; 2023 Ecoworld All Rights Reserved.</p>\n          <div class=\"flex items-center\">\n            <p class=\"text-gray-500 underline text-xs md:text-sm font-[agenda-light]\">*For more information on the campaign, please read the\n              <a href=\"#\" @click=\"showTnCPopup\">T&C</a>,\n              <a href=\"#\" @click=\"showPrivacyNoticePopup\">privacy notice</a>\n              and\n              <a href=\"#\" @click=\"showPdpaPopup\">PDPA.</a>\n            </p>\n              <TnC :showTnCModal=\"showTnCModal\" @closeTnCModal=\"showTnCPopup\"></TnC>\n              <PrivacyNotice :showPrivacyNoticeModal=\"showPrivacyNoticeModal\" @closePrivacyNoticeModal=\"showPrivacyNoticePopup\"></PrivacyNotice>\n          </div>\n        </div>\n      </div> -->\n    </footer>\n</template>\n\n\n<script>\nimport TnC from \"./TnC.vue\";\nimport PrivacyNotice from \"./PrivacyNotice.vue\";\n\nexport default {\n  name: \"PageFooter\",\n  components: {\n    TnC,\n    PrivacyNotice\n  },\n  data() {\n    return {\n      showTnCModal: false,\n      showPrivacyNoticeModal: false\n    }\n  },\n  methods: {\n    showTnCPopup() {\n      this.showTnCModal = !this.showTnCModal\n    },\n    showPrivacyNoticePopup() {\n      this.showPrivacyNoticeModal = !this.showPrivacyNoticeModal\n    },\n  }\n};\n</script>\n\n\n<style scoped lang=\"scss\">\n</style>\n","<template>\n    <div v-if=\"showTnCModal\" class=\"Popupmodal fixed inset-0 bg-black bg-opacity-50 overflow-y-auto\">\n      <!-- close icon -->\n      <div class=\"absolute top-0 right-0 mt-4 mr-4\">\n        <button class=\"text-white text-4xl font-bold\" @click=\"$emit('closeTnCModal')\">&times;</button>\n      </div>\n        <div class=\"container p-6 bg-white rounded-lg mx-auto mt-12 font-[agenda-light]\">\n        <!-- terms and conditions text here -->\n            <h2 class=\"text-lg font-semibold mb-4\">#DUDUKJE TIKTOK HASHTAG CHALLENGE TERMS AND CONDITIONS</h2>\n            <div class=\"mb-4 text-left\">\n                <p>\n                    #DudukJe TikTok Hashtag Challenge Contest (“the Contest”) is organized by Eco World Development Group Berhad (“EcoWorld”).<br>\n                    By participating in the Contest, each participant and/or parent(s) / legal guardian of any participant below the age of 18, as the case may be (“Participants”) agree and acknowledge that they have read, understood, and agreed to be bound by all the terms and conditions herein contained (“Terms and Conditions”).\n                </p><br>\n                <p>\n                    For the purpose of the Terms and Conditions, the terms “we”, “us” or “our” shall refer to EcoWorld, and the terms “you” or “your” shall refer to the Participants.\n                </p>\n                <h3>1. Duration</h3>\n                <ol>\n                    <li>1.1. The Contest begins on 10 March 2023 and ends at 11.59 pm (MYT) on 10 April 2023 (“Contest Period”).</li>\n                    <li>1.2. EcoWorld reserves the right to vary, postpone or re-schedule the dates of the Contest or extend the Contest Period at its sole discretion.</li>\n                </ol><br>\n                <h3>2. Eligibility</h3>\n                <ol>\n                    <li>2.1. The Contest is open to Malaysian citizens with a valid National Registration Identification Card (NRIC). </li>\n                    <li>2.2. The following groups of persons shall not be eligible to participate in the Contest:\n                        <ol>\n                            <li>a) Employees of EcoWorld and any of its related corporations, associates, affiliates, and joint venture companies and their immediate family members; and</li>\n                            <li>b) Employees of EcoWorld’s agencies associated with the Contest and their immediate family members. </li>\n                        </ol>\n                    </li>\n                    <li>2.3. EcoWorld has the right at any time to require Participants to provide identification documents as proof of eligibility to participate in the Contest. If Participants fail to comply with a request for identification documents or provide false or misleading information, EcoWorld may at its discretion, disqualify the Participants from the Contest; or, where appropriate, allocate the prize to other eligible Participants. In such an event, EcoWorld’s decision shall be final.</li>\n                </ol><br>\n                <h3>3. Contest Terms</h3>\n                <ol>\n                    <li>3.1. How to participate:\n                        <ol>\n                            <li>3.1.1. View our campaign website at <link>  or #DudukJe hashtag on TikTok to check out the contest details, “Terms and Conditions” & steps to join. </li>\n                            <li>3.1.2. SUBMIT the contest registration form available in our campaign website <link> and FOLLOW <strong>@dudukmy</strong> on TikTok. </li>\n                            <li>3.1.3. RECORD your CREATIVE DUDUK styles anywhere you like in 1 video. </li>\n                            <li>3.1.4. POST the video to your TikTok account, TAG @dudukmy, include HASHTAG #DudukJe to count as one submission! Please make sure your account and videos are set to public and your account is following @dudukmy Tiktok account. </li>\n                            <li>3.1.5. Stay tuned for the winners' announcement at @dudukmy Tiktok account! You will also receive a direct message (DM) from us on your TikTok account if you are selected as a winner. Make sure to open your message settings to everyone! </li>\n                            <li>3.1.6. Qualified winners will be selected randomly through a random picker system and the decision shall be final. </li>\n                        </ol>\n                    </li>\n                    <li>3.2. Participants are allowed to submit multiple entries for the Contest but only one entry will be considered for one prize in respect of the same participant. </li>\n                    <li>3.3. Each entry submitted must comply with the requirements below:\n                        <ol>\n                            <li>a) Participants must be the owner of the entry or be legally authorized by the owner to submit the entry on his or her behalf.</li>\n                            <li>b) Entries submitted must <strong>NOT</strong> contain the following:\n                                <ul class=\"list-disc dotdot\">\n                                    <li>Nudity or sexual content.</li>\n                                    <li>Religious or politically sensitive content.</li>\n                                    <li>Coarse/vulgar language.</li>\n                                    <li>Advertising for other products, services or websites.</li>\n                                    <li>Copyrighted or trademarked material belonging to a third party (unless legally authorized by the third party to use such material).</li>\n                                    <li>Any other cause for rejection at EcoWorld’s discretion.</li>\n                                </ul>\n                            </li>\n                            <li>c) EcoWorld reserves the right to disqualify any entry for visible miring, dithering, graininess, blurriness, overexposure, compression artefacts or other degradations to image clarity. </li>\n                        </ol>\n                    </li>\n                    <li>3.4. The Participant shall provide accurate and complete information as requested during the registration process. The Participant shall be responsible for ensuring that the Participant’s information is accurate, remains up to date and not misleading. Failure to do so may constitute a breach of the Terms and Conditions which may result in, at the sole and absolute discretion of EcoWorld, immediate disqualification of the Participant from the Contest.</li>\n                    <li>3.5. The Participants agree that all intellectual property rights in any contents and/or materials submitted, made or created by the Participants in connection with the Contest shall perpetually and unconditionally be vested in, assigned to and owned by EcoWorld. Furthermore, EcoWorld has the right to use and modify such materials or works in any way it deems fit without compensation to the Participants.</li>\n                    <li>3.6. Ecoworld reserves the right to disqualify, suspend and/or immediately terminate the Participant’s participation in the Contest at Ecoworld’s absolute discretion without any prior notice or assigning any reason, or for reasons which include but not limited to the following circumstances:-\n                        <ol>\n                            <li>a) the Participant breaches any provisions of the Terms and Conditions; or</li>\n                            <li>b) if EcoWorld detects or suspects any unusual, irregular, suspicious, fraudulent or illegal activity or misuses or unauthorized use of the campaign website or any misconduct, on the part of the Participant. </li>\n                        </ol>\n                    </li>\n                </ol><br>\n\n                <h3>4. Contest Prizes</h3>\n                <ol>\n                    <li>4.1. Only 1 round of prizes is available and awarded based on the random selection. The prize is 2 x iPhone 14 Pro Max 128GB.</li>\n                    <li>4.2. EcoWorld reserves the right to substitute any of the prizes with items of equivalent value without prior notice and reason.</li>\n                    <li>4.3. Prizes which are not claimed by  17 April 2023 shall be automatically forfeited.</li>\n                    <li>4.4. Prizes are not exchangeable, transferable or redeemable in any other form for whatever reason. Contest winners are solely responsible for the collection of their prize(s). </li>\n                    <li>4.5. Contest winner(s) must present their NRIC front and back images, full name, shipping details (if applicable), and contact number via TikTok private message.</li>\n                    <li>4.6. Winners that are based in Klang Valley are required to collect the prize in the agency representative office in: NLevel.co Office (G06, Petalz Residences EXSIM, Kampung Pasir, 58200 Kuala Lumpur, Federal Territory of Kuala Lumpur.). Grand prize winners that are based in other states will receive the prize according to shipping details given.</li>\n                    <li>4.7. All winners are required to shoot an unboxing video for advertising purposes, no matter if it is collected from the office or delivered to home. </li>\n                    <li>4.8. If any of the Contest winner(s) fails to respond to EcoWorld within 5 days after the winner list is announced, EcoWorld reserves the right to forfeit the prizes or assign the prizes to another eligible Contest participant.</li>\n                </ol><br>\n\n                <h3>5. Judging / Winning Criteria</h3>\n                <ol>\n                    <li>5.1. In order to win the Contest, Participants are required to comply with the Terms and Conditions.</li>\n                    <li>5.2. EcoWorld will shortlist two  (2) winners from the total valid entries through a random picker system.</li>\n                    <li>5.3. EcoWorld reserves the right at its sole discretion to disqualify any individual that it determines to be tampering with the entry process or the operation of the Contest or site, to be acting in breach or potential breach of the Terms and Conditions.</li>\n                    <li>5.4. All of EcoWorld’s decisions in connection with the Contest shall be final, conclusive and binding and the Participants agree to abide by EcoWorld’s decision in all aspects. By participating in the Contest, the Participants agree not to challenge and/or object to any decisions made by EcoWorld in connection with the Contest. No further appeal, enquiry and/or correspondence shall be entertained.</li>\n                </ol><br>\n\n                <h3>6. Liability & Responsibilities</h3>\n                <ol>\n                    <li>6.1. All costs incurred by the Participants in relation to the Contest including without limitation to transportation, internet charges, call charges, SMS, postage/courier, personal costs and/or any other costs, fees and/or related expenses incurred by the Participants as a result of and/or pursuant to his/her participation in the Contest shall be solely borne by the Participants. </li>\n                    <li>6.2. Participants must abide by the terms and conditions of the party/parties arranging for the prizes and the terms and conditions attached to the prizes, if any.</li>\n                    <li>6.3. Participants agree to accept full responsibility for any cost or liabilities in the case of any mishap, injury, property damage, claim or accident which arise out of or are in any way connected to his/her participation in the Contest, including those attributable to negligent act or omission. </li>\n                    <li>6.4. The Participants’ participation in the Contest shall be at the Participant’s own risk.</li>\n                    <li>6.5. EcoWorld and its agencies shall not be liable to the Participants or any other party for any loss or damage of whatsoever nature suffered by any Participants as a result of participation or non-participation in the Contest or as a result of any act or omission on the part of EcoWorld and/or its agencies.</li>\n                    <li>6.6 EcoWorld and/or its agencies shall not be held liable for any entry that is incomplete or illegible due to problems such as computer malfunctions, lost internet connections or transmission problems.</li>\n                    <li>6.7. Participants agree to indemnify and will keep EcoWorld, its subsidiaries, associates, affiliates and joint development companies (“EcoWorld Group”) indemnified from and against all action, suits, proceedings, claims, demands, costs, losses, damages and expenses arising from or incurred as a result of the Participant’s participation in the Contest, acceptance of any prize, and/or the use of the Participant’s entry and/or likeness in connection with the Contest or violation of the Terms and Conditions.</li>\n                </ol><br>\n\n                <h3>7. General</h3>\n                <ol>\n                    <li>7.1. EcoWorld reserves the right to publish or display materials or information received from the Participants during the Contest, including but not limited to the Participants’ names and photographs for marketing, advertising and publicity purposes in any manner it deems appropriate without additional compensation. </li>\n                    <li>7.2. EcoWorld reserves the right at its absolute discretion to amend, revise, supplement, vary, delete or add to any of the Terms & Conditions at any time and from time to time by publishing the latest version of the Terms and Conditions in our campaign website without any prior notice and/or assigning any reason. Any changes will be effective immediately when published and your continued access and/or participation in the Contest subsequent to any changes made shall signify your agreement and acceptance of the same.</li>\n                    <li>7.3. EcoWorld reserves the right to modify, cancel, terminate or suspend the Contest with or without any prior notice and reason. For the avoidance of doubt, any modification, cancellation, termination or suspension by EcoWorld shall not entitle the Participants to any claim or compensation against EcoWorld for any and all losses or damages suffered or incurred as a direct or indirect result of such modification, cancellation, termination or suspension.</li>\n                    <li>7.4. Unless otherwise stated, EcoWorld retains all proprietary rights to the intellectual property used for the Contest and owns the copyright to all contents within.</li>\n                    <li>7.5. This Terms and Conditions shall be governed by and construed in accordance with the laws of Malaysia.</li>\n                    <li>7.6. Ecoworld shall not be liable and the Participant agrees to indemnify and keep indemnified in full EcoWorld, its officers, directors, employees, agents and representatives against all actions, proceedings, claims, demands, losses, costs, expenses (including all legal costs on an indemnity basis), damages, liabilities, fines, penalties, demands or claims of any nature whatsoever that may be suffered by or incurred by EcoWorld as a result of (whether directly or indirectly) any of the following:\n                        <ol>\n                            <li>a) any act, omission, breaches, default, negligence, mistake or fraud on the part of the Participant; </li>\n                            <li>b) any breach of these Terms and Conditions by the Participant; or</li>\n                            <li>c) any fraudulent act or misconduct of the Participant.</li>\n                        </ol>\n                    </li>\n                    <li>7.7. The Participant agrees that he/she may receive electronic notices from EcoWorld, either through the campaign website, his/her TikTok account or his/her email address registered with EcoWorld. Notices are effective when published or sent (as the case may be).</li>\n                    <li>7.8. No failure on the part of EcoWorld to exercise any power, right or remedy under the Terms and Conditions shall operate as a waiver thereof, nor shall any single or partial exercise of any power, right or remedy preclude any other or further exercise thereof or the exercise of any power, right or remedy. The remedies provided in these Terms and Conditions are cumulative and are not exclusive of any remedy provided by law.</li>\n                    <li>7.9. If any term or condition of the Terms and Conditions shall be or become invalid or unenforceable, the remaining terms or conditions shall not be affected thereby and each remaining term or condition of the Terms and Conditions shall be valid and enforceable to the fullest extent permitted by law.</li>\n                    <li>7.10. The Participant shall not assign, transfer and novate any of his/her rights and obligations under the Terms and Conditions to any third party without EcoWorld’s prior written consent, which consent shall be at EcoWorld’s sole discretion.</li>\n                    <li>7.11. Time wherever mentioned shall be of the essence of the Terms and Conditions.</li>\n                    <li>7.12. Save as otherwise expressly provided herein, all provisions of the Terms of Service which by their nature should survive termination will survive termination. EcoWorld reserves all other available rights and remedies in contract, law or equity.</li>\n                </ol><br>\n\n                <h3>8. Use of Personal Data</h3>\n                <ol>\n                    <li>8.1 By participating in the Contest, the Participants hereby acknowledge that they have read, understood and agreed to be bound by Ecoworld’s private notice at https://ecoworld.my/privacy-notice/ (“Private Notice”) and the Participant hereby expressly agree and consent to EcoWorld to collecting, using, disclosing, storing and processing the Participant’s personal data in accordance with the Terms and Conditions and the Privacy Notice.</li>\n                    <li>8.2 By participating in the Contest, the Participants hereby acknowledge that they have read, understood and agreed to be bound by Ecoworld’s private notice at https://ecoworld.my/privacy-notice/ (“Private Notice”) and the Participant hereby expressly agree and consent to EcoWorld to collecting, using, disclosing, storing and processing the Participant’s personal data in accordance with the Terms and Conditions and the Privacy Notice.</li>\n                </ol><br>\n\n                <h3>9. Disclaimer</h3>\n                <ol>\n                    <li>9.1 The Participant acknowledges and confirms that EcoWorld does not provide any kind of warranty whether express, implied or statutory:\n                        <ol>\n                            <li>(a) that the campaign website and any contents therein or relating to the Contest are safe or free from virus, bug, ransomware, Trojan, worm, malware and other disrupting codes;</li>\n                            <li>(b) on the functionality, operability, accessibility, accuracy, correctness, reliability, up-to-dateness, timeliness, satisfactory quality, merchantability, fitness for a particular purpose and non-infringement of proprietary rights and laws, of the campaign website and any contents therein;</li>\n                            <li>(c) that the campaign website or any contents therein will always be available, uninterrupted, complete, accurate, reliable, timely, safe, secure or error-free, or that the campaign website and any contents relating to the Contest will always function without disruptions, delays or imperfections, or are free of all defects, errors, viruses, bugs, or other harmful or corrupting codes, or that defects will be corrected, or that the download, installation or use of any software or content of the campaign website in or with any computer, device and/or equipment will not affect the functionality or performance of the computer, device and/or equipment; and</li>\n                            <li>(d) that the campaign website and contents therein or relating to the Contents will be protected against any malicious attack and that data will not be compromised under such attack.</li>\n                        </ol>\n                    </li>\n                    <li>9.2 The Participant agrees and confirms that he/she is using, accessing and/or participating in the campaign website and the Contest at his/her own risk and expense.</li>\n                    <li>9.3 EcoWorld shall not be liable for any delay in performance or non-performance of any of EcoWorld’s obligations under the Terms and Conditions to the extent that the delay or non-performance is due to any event or circumstances beyond EcoWorld’s control (i.e. event of force majeure) (including without limitation to acts of God, war, threat of war, act of terrorism, interruption of traffic, movement control or restriction, strikes, lock-out, inclement weather, natural disasters, epidemic, pandemic, fires, floods, malicious damage, breakdown of internet service, governmental order, mechanical, electronic or communications failures or degradations). Upon the occurrence of an event of force majeure, EcoWorld may at its sole discretion fully or partially suspend or discontinue the campaign website and the Contest, or extend the time period for the fulfilment of its obligations under the Terms and Conditions, and EcoWorld shall not be liable to the Participant for any loss, damage, penalty, demand, claim, fines, costs and expenses suffered or incurred by any person.</li>\n                    <li>9.4 The Participant hereby irrevocably and unconditionally releases EcoWorld, EcoWorld’s directors, employees, agents and servants and affiliates from any actions, proceedings, claims, demands, losses, damages, fines, penalties, costs and expenses arising out of or in anyway connected with any claim that the Participant may have under the Terms and Conditions.</li>\n                    <li>9.5 EcoWorld shall not be liable to the Participant or any other person for any actions, proceedings, claims, demands, losses, damages, fines, penalties, costs and expenses (including but not limited to direct, indirect, special or  consequential damages, economic loss, loss of profits, loss of opportunity or incidental damages) of whatsoever nature and howsoever caused (whether in contract, tort, negligence or otherwise) in connection with any interruption or unavailability of the campaign website, the Participant’s access, use or participation of the campaign website and/or the Contest for whatever reason or from any delay or error in any transmission or communication pertaining to the Participant’s access, use or participation of the campaign website and/or the Contest.</li>\n                    <li>9.6 EcoWorld reserves the right to seek all remedies available legally and in equity for violation of the Terms and Conditions by the Participant.</li>\n                </ol>\n            </div>\n            <button class=\"bg-[#FF9D33] text-white px-4 py-2 rounded-md\"  @click=\"$emit('closeTnCModal')\">Close</button>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: \"TnC\",\n  props: {\n    showTnCModal: Boolean\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.Popupmodal {\n    z-index: 2000;\n}\n\n.dotdot {\n    padding-inline-start: 40px;\n}\n\n</style>\n","import { render } from \"./TnC.vue?vue&type=template&id=2b553dc0&scoped=true\"\nimport script from \"./TnC.vue?vue&type=script&lang=js\"\nexport * from \"./TnC.vue?vue&type=script&lang=js\"\n\nimport \"./TnC.vue?vue&type=style&index=0&id=2b553dc0&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2b553dc0\"]])\n\nexport default __exports__","<template>\n    <div v-if=\"showPrivacyNoticeModal\" class=\"Popupmodal fixed inset-0 bg-black bg-opacity-50 overflow-y-auto\">\n      <!-- close icon -->\n      <div class=\"absolute top-0 right-0 mt-4 mr-4\">\n        <button class=\"text-white text-4xl font-bold\" @click=\"$emit('closePrivacyNoticeModal')\">&times;</button>\n      </div>\n        <div class=\"container p-6 bg-white rounded-lg mx-auto mt-12 font-[agenda-light]\">\n        <!-- Privacy Notice text here, EN version -->\n            <h2 class=\"text-lg font-semibold mb-4\">Privacy Notice</h2>\n            <div class=\"text-left\">\n                <p>1.&nbsp; &nbsp;&nbsp;This Privacy Notice outlines how Eco World Development Group Berhad, its related corporations, associates, affiliates and joint development companies as well as their representatives (collectively, &ldquo;EcoWorld&rdquo;) collect, use, disclose and process your Personal Data in respect of transactions with EcoWorld.</p>\n                <p><br></p>\n                <p>2.&nbsp; &nbsp;&nbsp;For the purpose of this Privacy Notice, the terms &ldquo;we&rdquo;, &ldquo;our&rdquo; and &ldquo;us&rdquo; shall refer to any company or representative within EcoWorld and the terms &ldquo;you&rdquo; and &ldquo;your&rdquo; shall refer to yourself and/or such other persons or companies represented by you of which you are providing Personal Data.</p>\n                <p><br></p>\n                <p>3.&nbsp; &nbsp;&nbsp;In this Privacy Notice &ldquo;Personal Data&rdquo; includes all data defined within the Personal Data Protection Act 2010 (as amended from time to time).</p>\n                <p><br></p>\n                <p>4.&nbsp; &nbsp;&nbsp;Such Personal Data which you may provide or make available to EcoWorld include information concerning your personal details (such as name, identity card number, passport number, date of birth, age, gender, race, nationality), contact details and any other relevant information that you had disclosed to EcoWorld as may be updated from time to time.</p>\n                <p><br></p>\n                <p>5.&nbsp; &nbsp;&nbsp;In the course of your dealings with EcoWorld, you may have furnished your Personal Data to EcoWorld and in doing so, you&nbsp;acknowledge and confirm that you are providing to us accurate, complete, not misleading and up-to-date Personal Data and further&nbsp;agree and consent to EcoWorld collecting, using, disclosing and processing your Personal Data.&nbsp;EcoWorld and/or its officers or employees shall not be liable for any inaccurate, incomplete, misleading or not up-to-date Personal Data provided by you.</p>\n                <p><br></p>\n                <p>6.&nbsp; &nbsp;&nbsp;In the event you furnish or make available to EcoWorld any Personal Data relating to a third party, e.g. information of spouse, children, parents, directors, shareholders and/or guarantors (collectively the &ldquo;Relevant Persons&rdquo;) you represent and warrant that you have obtained the consent of the Relevant Persons to provide EcoWorld with their Personal Data&nbsp;which are accurate, complete, not misleading and up-to-date&nbsp;and for EcoWorld to collect, use, disclose and process their Personal Data for the respective purposes.</p>\n                <p><br></p>\n                <p>7.&nbsp; &nbsp;&nbsp;Notwithstanding the foregoing, EcoWorld is not required to verify the accuracy and completeness of the Personal Data provided by you and EcoWorld is entitled to treat the Personal Data provided by you as accurate, complete, not misleading and up-to-date.</p>\n                <p><br></p>\n                <p>8.&nbsp; &nbsp;&nbsp;EcoWorld collects your Personal Data in various ways, in printed or electronic forms through digital and mobile platforms, such as:</p>\n                <p></p>\n                <p>(a)&nbsp; &nbsp;&nbsp;when you register or update an online profile or when you complete or update your information with EcoWorld;</p>\n                <p></p>\n                <p>(b)&nbsp; &nbsp;&nbsp;when you submit forms and/or documents to EcoWorld relating to any of our products and/or services as well as products and/or services by third party service providers;</p>\n                <p></p>\n                <p>(c)&nbsp; &nbsp;&nbsp;when you enter into any transactions with EcoWorld;</p>\n                <p></p>\n                <p>(d)&nbsp; &nbsp;&nbsp;when you make payment related to any transactions with EcoWorld;</p>\n                <p></p>\n                <p>(e)&nbsp; &nbsp;&nbsp;when you interact with EcoWorld&rsquo;s staff;</p>\n\n                <p>(f)&nbsp; &nbsp;&nbsp;from your personalised preference through the use of EcoWorld&rsquo;s website;</p>\n\n                <p>(g)&nbsp; &nbsp;&nbsp;when you participate in EcoWorld&rsquo;s contests, events, market research and surveys;</p>\n\n                <p>(h)&nbsp; &nbsp;&nbsp;when you submit a job application to EcoWorld; and</p>\n\n                <p>(i)&nbsp; &nbsp;&nbsp;from information obtained independently by EcoWorld from other lawful sources.</p>\n                <p><br></p>\n                <p>9.&nbsp; &nbsp;&nbsp;EcoWorld may collect, use, disclose or process your Personal Data for the following purposes:</p>\n\n                <p>9.1&nbsp; &nbsp;&nbsp;considering and processing your application for and providing you with products and/or services of EcoWorld as well as products and/or services by third party service providers provided through EcoWorld;</p>\n\n                <p>9.2&nbsp; &nbsp;&nbsp;facilitating, implementing and/or formalising any transaction with EcoWorld;</p>\n\n                <p>9.3&nbsp; &nbsp;&nbsp;processing any payments related to any transaction with EcoWorld;</p>\n\n                <p>9.4&nbsp; &nbsp;&nbsp;responding to queries, requests and/or complaints;</p>\n\n                <p>9.5&nbsp; &nbsp;&nbsp;facilitating EcoWorld&rsquo;s customers loyalty programmes;</p>\n\n                <p>9.6&nbsp; &nbsp;&nbsp;updating your Personal Data;</p>\n\n                <p>9.7&nbsp; &nbsp;&nbsp;facilitating your participation in EcoWorld&rsquo;s contests and events;</p>\n\n                <p>9.8&nbsp; &nbsp;&nbsp;conducting market research and surveys with the aim of improving EcoWorld&rsquo;s products and/or services;</p>\n\n                <p>9.9&nbsp; &nbsp;&nbsp;*sending you marketing, advertising and promotional information about other products/services that EcoWorld, its business partners or third party service providers may be offering (&ldquo;Marketing Information&rdquo;), by way of postal mail to your address(es) and/or electronic transmission to your email address(es), text messages (SMS/MMS), telephone calls and/or other phone based messaging to your telephone number(s);</p>\n\n                <p>9.10&nbsp; &nbsp;&nbsp;conducting credit/trade checks and other background checks on you and where applicable, any Relevant Persons with any registered credit reporting agency at any time for the purpose of processing a transaction with EcoWorld or for as long as any dues remain unpaid and outstanding with EcoWorld;</p>\n\n                <p>9.11&nbsp; &nbsp;&nbsp;for the purpose of credit evaluation, review or reporting and carrying out debt-collection or assisting other institutions to do so;</p>\n\n                <p>9.12&nbsp; &nbsp;&nbsp;prevention and detection of crime including without limitation to money laundering, terrorism and fraud prevention, detection and prosecution;</p>\n\n                <p>9.13&nbsp; &nbsp;&nbsp;required by laws, rules, regulations, by-laws, order, guidelines and/or directives;</p>\n\n                <p>9.14&nbsp; &nbsp;&nbsp;enforcing EcoWorld&rsquo;s legal rights and/or obtaining legal advice;</p>\n\n                <p>9.15&nbsp; &nbsp;&nbsp;facilitating business transactions which may include mergers, acquisitions or asset sales;</p>\n\n                <p>9.16&nbsp; &nbsp;&nbsp;compliance with internal policies and procedures including without limitation to risk management, product planning, insurance, audit and administrative purposes;</p>\n\n                <p>9.17&nbsp; &nbsp;&nbsp;for all ancillary purposes relating to the provision of facilities including the provision of computer, telecommunications and technology services;</p>\n\n                <p>9.18&nbsp; &nbsp;&nbsp;human resource applications; and/or</p>\n\n                <p>9.19&nbsp; &nbsp;&nbsp;any other incidental purpose relating to any of the above.</p>\n                <p>*Where you have consented to receiving Marketing Information and/or sharing your Personal Data with third parties for the purpose of Marketing Information, you may opt-out of receiving such Marketing Information or sharing of your Personal Data with third parties for the aforesaid purpose at any time by contacting EcoWorld at the details provided in Section 14.</p>\n                <p><br></p>\n                <p>10.&nbsp; &nbsp;&nbsp;In the event where Personal Data is requested by EcoWorld, you have an option not to provide additional information requested other than the information which is indicated as necessary to facilitate the commercial transaction. If insufficient Personal Data is provided or your consent or the consent of any Relevant Person given herein is withdrawn, EcoWorld will not be able to provide you with its products and services and/or fulfill any of your request to EcoWorld for any of the purposes as set out in Section 9.</p>\n                <p><br></p>\n                <p>11.&nbsp; &nbsp;&nbsp;For the purposes as set out in Section 9, your Personal Data may/will be disclosed to the following parties:</p>\n\n                <p>(a)&nbsp; &nbsp;&nbsp;any company or representative within EcoWorld;</p>\n\n                <p>(b)&nbsp; &nbsp;&nbsp;EcoWorld&rsquo;s third party service providers or agents (including without limitation auditors, lawyers, consultants, insurers, adjusters and utility companies);</p>\n\n                <p>(c)&nbsp; &nbsp;&nbsp;any registered credit reporting agencies under Credit Reporting Agency Act 2010;</p>\n\n                <p>(d)&nbsp; &nbsp;&nbsp;EcoWorld&rsquo;s business partner, investor, assignee or transferee to facilitate business asset transactions (including without limitation to any merger, acquisition or asset sale);</p>\n\n                <p>(e)&nbsp; &nbsp;&nbsp;any law enforcement agencies;</p>\n\n                <p>(f)&nbsp; &nbsp;&nbsp;any governmental authorities or regulatory bodies; and</p>\n\n                <p>(g)&nbsp; &nbsp;&nbsp;any other party authorised and consented by you.</p>\n                <p><br></p>\n                <p>12.&nbsp; &nbsp;&nbsp;EcoWorld may disclose your Personal Data to any or all of the parties stated above which may be located within or outside of Malaysia or involve sending your Personal Data to a location outside of Malaysia.</p>\n                <p><br></p>\n                <p>13.&nbsp; &nbsp;&nbsp;You may, subject to a payment of a prescribed fee, any applicable legal restrictions and/or contractual conditions, request in writing for access to your Personal Data and it shall be your duty to request for correction of your Personal Data that is inaccurate, incomplete, misleading or not up-to-date.</p>\n                <p><br></p>\n                <p>14.&nbsp; &nbsp;&nbsp;If you have any enquiries or feedback in relation to your Personal Data, or if would like to access or correct your Personal Data, or if you wish to withdraw your consent given herein, you may contact:</p>\n                <p><br></p>\n                <h3>Communication Officer</h3>\n                <p>Telephone number: +603-3344 2552</p>\n                <p>Email address: corp@ecoworld.my</p>\n                <p>Correspondence address: Suite 60, Setia Avenue, No. 2, Jalan Setia Prima S U13/S, Setia Alam, Seksyen U13, 40170 Shah Alam, Selangor Darul Ehsan</p>\n                <p><br></p>\n                <p>15.&nbsp; &nbsp;&nbsp;This Privacy Notice may be revised from time to time. Notice of any such revision will be given on our website and/or by such other means of communication deemed suitable by EcoWorld.&nbsp;By continuing to engage with us in respect of our products and/or services or accessing our website after the issuance of such revision notice, you will be considered as having agreed to this Privacy Notice (as revised).</p>\n                <p><br></p>\n                <p>16. &nbsp; &nbsp;In the event of any inconsistency between the English version and the Bahasa Malaysia version of this privacy notice, the English version shall prevail over the Bahasa Malaysia version.</p>\n            </div><br><br>\n\n            <!-- BM version -->\n            <h2 class=\"text-lg font-semibold mb-4\">Notis Privasi</h2>\n            <div class=\"text-left\">\n                <ol>\n                    <li>\n                        <p>1. Notis Privasi ini menyatakan cara Eco World Development Group Berhad, syarikat berkaitan, bersekutu, syarikat gabungan dan pembangunan bersama serta wakil mereka (secara kolektif, &ldquo;EcoWorld&rdquo;) mengumpul, menggunakan, mendedahkan dan memproses Data Peribadi anda berkenaan transaksi dengan EcoWorld.</p>\n                    </li><br>\n                    <li>\n                        <p>2. Untuk tujuan Notis Privasi ini, terma &ldquo;kami&rdquo; merujuk kepada mana-mana syarikat atau wakil dalam EcoWorld dan terma &ldquo;anda&rdquo; merujuk kepada anda dan/atau lain-lain individu atau syarikat yang anda wakili dan memberi maklumat Data Peribadi.</p>\n                    </li><br>\n                    <li>\n                        <p>3. Dalam Notis Privasi ini &ldquo;Data Peribadi&rdquo; termasuk semua data yang dimaksudkan dalam Akta Perlindungan Data Peribadi 2010 (seperti yang dipinda dari semasa ke semasa).</p>\n                    </li><br>\n                    <li>\n                        <p>4. Data Peribadi sedemikian yang anda berikan dan bekalkan kepada EcoWorld termasuk maklumat mengenai butiran peribadi anda (seperti nama, nombor kad pengenalan, nombor pasport, tarikh lahir, umur, jantina, bangsa, kewarganegaraan), butiran perhubungan dan mana-mana maklumat lain berkaitan yang anda telah dedahkan kepada EcoWorld dan dikemas kini dari semasa ke semasa.</p>\n                    </li><br>\n                    <li>\n                        <p>5. Sepanjang masa anda berurusan dengan EcoWorld, anda mungkin telah membekalkan Data Peribadi anda kepada EcoWorld dan dengan berbuat demikian, anda mengakui dan mengesahkan bahawa Data Peribadi yang dibekalkan adalah tepat, lengkap, tidak mengelirukan dan terkini dan seterusnya bersetuju dan membenarkan EcoWorld untuk mengumpul, mengguna, mendedahkan dan memproses Data Peribadi anda. EcoWorld dan/atau pegawai atau pekerjanya tidakakan bertanggungjawab atas sebarang Data Peribadi yang tidak tepat, tidak lengkap, mengelirukan atau tidak terkini yang dibekalkan oleh anda.</p>\n                    </li><br>\n                    <li>\n                        <p>6. Sekiranya anda membekalkan atau memberikan kepada EcoWorld sebarang Data Peribadi yang berkaitan dengan pihak ketiga, cth. maklumat pasangan, anak, ibu bapa, pengarah, pemegang saham dan/atau penjamin (secara kolektif &ldquo;Orang Berkenaan&rdquo;) anda mewakili dan menjamin bahawa anda telah memperolehi persetujuan daripada Orang Berkenaan untuk memberikan Data Peribadi mereka kepada EcoWorld dengan tepat, lengkap, tidak mengelirukan dan terkini dan untuk EcoWorld mengumpul, mengguna, mendedah dan memproses Data Peribadi mereka untuk tujuan masing-masing.</p>\n                    </li><br>\n                    <li>\n                        <p>7. Walau bagaimana pun, EcoWorld tidak perlu membuat apa-apa pengesahan terhadap kesahihan dan kesempurnaan Data Peribadi yang anda bekalkan dan EcoWorld berhak untuk menganggap Data Peribadi yang dibekalkan oleh anda adalah tepat, lengkap, tidak mengelirukan dan terkini.</p>\n                    </li><br>\n                    <li>\n                        <p>8. EcoWorld mengumpul Data Peribadi anda dalam pelbagai cara, dalam bentuk bercetak atau elektronik melalui platform digital dan mudah alih, seperti :</p>\n                        <ol>\n                            <li>\n                                <p>8.1. apabila anda mendaftar atau mengemas kini profil dalam talian atau apabila anda melengkapkan atau mengemas kini maklumat anda dengan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>8.2. apabila anda menyerahkan borang dan/atau dokumen kepada EcoWorld berkenaan mana-mana produk dan/atau perkhidmatan kami serta produk dan/atau perkhidmatan oleh pembekal-pembekal perkhidmatan pihak ketiga;</p>\n                            </li>\n                            <li>\n                                <p>8.3. apabila anda membuat sebarang transaksi dengan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>8.4. apabila anda membuat pembayaran yang berkaitan dengan sebarang transaksi dengan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>8.5. apabila anda berinteraksi dengan kakitangan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>8.6. melalui pilihan peribadi anda semasa menggunakan laman web EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>8.7. apabila anda menyertai peraduan, acara, penyelidikan pasaran dan kajiselidik EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>8.8. apabila anda mengemukakan permohonan kerja kepada EcoWorld; dan</p>\n                            </li>\n                            <li>\n                                <p>8.9. daripada maklumat yang diperoleh oleh EcoWorld secara persendirian daripada sumber-sumber yang sah.</p>\n                            </li>\n                        </ol>\n                    </li><br>\n                    <li>\n                        <p>9. EcoWorld boleh mengumpul, mengguna, mendedahkan atau memproses Data Peribadi anda untuk tujuan berikut;</p>\n                        <ol>\n                            <li>\n                                <p>9.1. mempertimbangkan dan memproses permohonan anda untuk memberikan anda produk dan/atau perkhidmatan EcoWorld serta produk dan/atau perkhidmatan oleh pembekal-pembekal perkhidmatan pihak ketiga yang diberikan melalui EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.2. memudahcara, melaksanakan dan/atau memformalkan sebarang transaksi dengan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.3. memproses sebarang bayaran yang berkaitan dengan sebarang transaksi dengan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.4. menjawab pertanyaan, permintaan dan/atau aduan;</p>\n                            </li>\n                            <li>\n                                <p>9.5. memudahcara program kesetiaan pelanggan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.6. mengemas kini Data Peribadi anda;</p>\n                            </li>\n                            <li>\n                                <p>9.7. memudahcara penyertaan anda dalam peraduan dan acara EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.8. menjalankan penyelidikan dan tinjauan pasaran dengan tujuan untuk menambah baik produk dan/atau perkhidmatan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.9. *menghantar maklumat pemasaran, pengiklanan dan promosi tentang produk/perkhidmatan lain yang mungkin ditawarkan oleh EcoWorld, rakan kongsi perniagaannya atau pembekal perkhidmatan pihak ketiga (&ldquo;Maklumat Pemasaran&rdquo;) kepada anda, melalui pos ke alamat anda dan/atau penghantaran elektronik ke alamat e-mel anda, mesej teks (SMS/MMS), panggilan telefon dan/atau lain-lain sistem pemesejan telefoni ke nombor telefon anda;</p>\n                            </li>\n                            <li>\n                                <p>9.10. menjalankan semakan kredit/perdagangan dan semakan latar belakang lain ke atas anda dan jika berkenaan, mana-mana Orang Berkenaan dengan mana-mana agensi pelaporan kredit berdaftar pada bila-bila masa untuk tujuan memproses sebarang transaksi dengan EcoWorld atau selagi terdapat apa-apa tunggakan dengan EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>9.11. untuk tujuan penilaian kredit, semakan atau pelaporan dan menjalankan kutipan hutang atau dalam membantu institusi lain berbuat demikian;</p>\n                            </li>\n                            <li>\n                                <p>9.12. pencegahan dan pengesanan jenayah termasuk, tanpa terhad kepada pengubahan wang haram, pencegahan keganasan dan penipuan, pengesanan dan pendakwaan;</p>\n                            </li>\n                            <li>\n                                <p>9.13. dikehendaki oleh undang-undang, peraturan, peraturan, undang-undang kecil, perintah, garis panduan dan/atau arahan;</p>\n                            </li>\n                            <li>\n                                <p>9.14. menguatkuasakan hak undang-undang EcoWorld dan/atau mendapatkan nasihat undang-undang;</p>\n                            </li>\n                            <li>\n                                <p>9.15 memudahcara transaksi perniagaan termasuk penggabungan, pemerolehan atau penjualan aset;</p>\n                            </li>\n                            <li>\n                                <p>9.16. pematuhan kepada dasar dan prosedur dalaman termasuk, tanpa terhad kepada pengurusan risiko, perancangan produk, insurans, audit dan tujuan pentadbiran;</p>\n                            </li>\n                            <li>\n                                <p>9.17. untuk semua tujuan sampingan yang berkaitan dengan penyediaan kemudahan termasuk penyediaan perkhidmatan komputer, telekomunikasi dan teknologi;</p>\n                            </li>\n                            <li>\n                                <p>9.18. aplikasi sumber manusia; dan/atau</p>\n                            </li>\n                            <li>\n                                <p>9.19. sebarang tujuan sampingan lain yang berkaitan dengan mana-mana perkara di atas.</p>\n                            </li>\n                        </ol>\n                    </li>\n                </ol>\n                <p>*Jika anda telah bersetuju untuk menerima Maklumat Pemasaran dan/atau berkongsi Data Peribadi anda dengan pihak ketiga untuk tujuan Maklumat Pemasaran, anda boleh menarik diri daripada menerima Maklumat Pemasaran tersebut atau perkongsian Data Peribadi anda dengan pihak ketiga untuk tujuan yang disebutkan di atas pada bila-bila masa dengan menghubungi EcoWorld melalui butiran yang diberikan dalam Seksyen 14.</p><br>\n                <ol start=\"10\">\n                    <li>\n                        <p>10. Sekiranya Data Peribadi diminta oleh EcoWorld, anda mempunyai pilihan untuk tidak memberikan maklumat tambahan yang diminta selain daripada maklumat yang ditandakan sebagai wajib untuk memudahcara transaksi komersial. Jika Data Peribadi diberikan tidak mencukupi atau persetujuan anda atau persetujuan mana-mana Orang Berkenaan yang diberikan di sini ditarik balik, EcoWorld tidak dapat memberikan anda produk dan perkhidmatannya dan/atau memenuhi mana-mana permintaan anda kepada EcoWorld untuk sebarang tujuan seperti dinyatakan dalam Seksyen 9.</p>\n                    </li><br>\n                    <li>\n                        <p>11. Untuk tujuan seperti yang dinyatakan dalam Seksyen 9, Data Peribadi anda mungkin/akan didedahkan kepada pihak berikut:</p>\n                        <ol>\n                            <li>\n                                <p>11.1. mana-mana syarikat atau wakil dalam EcoWorld;</p>\n                            </li>\n                            <li>\n                                <p>11.2. Pembekal perkhidmatan atau ejen pihak ketiga EcoWorld (termasuk tanpa terhad kepada juruaudit, peguam, perunding, penanggung insurans, penyelaras dan syarikat utiliti);</p>\n                            </li>\n                            <li>\n                                <p>11.3. mana-mana agensi pelaporan kredit berdaftar di bawah Akta Agensi Pelaporan Kredit 2010;</p>\n                            </li>\n                            <li>\n                                <p>11.4. Rakan kongsi perniagaan, pelabur, penerima serah hak atau penerima pindahan EcoWorld untuk memudahcara transaksi aset perniagaan (termasuk tanpa terhad kepada sebarang penggabungan, pemerolehan atau penjualan aset);</p>\n                            </li>\n                            <li>\n                                <p>11.5. mana-mana agensi penguatkuasaan undang-undang;</p>\n                            </li>\n                            <li>\n                                <p>11.6. mana-mana pihak berkuasa kerajaan atau badan pengawalseliaan; dan</p>\n                            </li>\n                            <li>\n                                <p>11.7. mana-mana pihak lain yang dibenarkan dan dipersetujui oleh anda.</p>\n                            </li>\n                        </ol>\n                    </li><br>\n                    <li>\n                        <p>12. EcoWorld mungkin mendedahkan Data Peribadi anda kepada mana-mana atau semua pihak yang dinyatakan di atas yang mungkin berada di dalam atau di luar Malaysia atau melibatkan penghantaran Data Peribadi anda ke lokasi di luar Malaysia.</p>\n                    </li><br>\n                    <li>\n                        <p>13. Anda boleh, tertakluk kepada bayaran fi yang ditetapkan, sebarang sekatan undang-undang dan/atau syarat kontrak yang berkenaan, membuat permintaan secara bertulis untuk mengakses Data Peribadi anda dan ianya adalah kewajipan anda untuk membuat pembetulan atas Data Peribadi anda yang tidak tepat , tidak lengkap, mengelirukan atau tidak terkini.</p>\n                    </li><br>\n                    <li>\n                        <p>14. Jika anda mempunyai sebarang pertanyaan atau maklum balas berhubung dengan Data Peribadi anda, atau jika ingin mengakses atau membuat pembetulan Data Peribadi anda, atau jika anda ingin menarik balik persetujuan anda yang telah diberikan di sini, anda boleh menghubungi:</p>\n                    </li><br>\n                </ol>\n                <p><br><strong>Pegawai Perhubungan</strong><br>Nombor Telefon : +603-3344 2552<br>E-mel : corp@ecoworld.my<br>Alamat Surat-Menyurat: Suite 60, Setia Avenue, No. 2, Jalan Setia Prima S U13/S, Setia Alam, Seksyen U13, 40170 Shah Alam, Selangor Darul Ehsan</p><br>\n                <ol start=\"15\">\n                    <li>\n                        <p>15. Notis Privasi ini mungkin akan dikemas kini dari semasa ke semasa. Notis mengenai sebarang kemas kini sedemikian akan diberikan di laman web kami dan/atau melalui cara komunikasi lain yang dianggap sesuai oleh EcoWorld. Dengan terus terlibat dengan kami berkenaan dengan produk dan/atau perkhidmatan kami atau mengakses laman web kami setelah penerbitan atau pengeluaran notis mengenai kemaskini kepada Notis Privasi ini, anda akan dianggap telah bersetuju kepada Notis Privasi ini yang telah dikemaskini.</p>\n                    </li><br>\n                    <li>\n                        <p>16. Sekiranya terdapat apa-apa ketidakselarasan antara versi Bahasa Inggeris dan versi Bahasa Malaysia untuk Notis Privasi ini, versi Bahasa Inggeris akan digunapakai.</p>\n                    </li><br>\n                </ol>\n                <p><br></p>\n\n            </div>\n            <button class=\"bg-[#FF9D33] text-white px-4 py-2 rounded-md\" @click=\"$emit('closePrivacyNoticeModal')\">Close</button>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n  name: \"PrivacyNotice\",\n  props: {\n    showPrivacyNoticeModal: Boolean\n  },\n\n};\n</script>\n\n<style scoped lang=\"scss\">\n.Popupmodal {\n    z-index: 2000;\n}\n\n.dotdot {\n    padding-inline-start: 40px;\n}\n\n</style>\n","import { render } from \"./PrivacyNotice.vue?vue&type=template&id=08f783be&scoped=true\"\nimport script from \"./PrivacyNotice.vue?vue&type=script&lang=js\"\nexport * from \"./PrivacyNotice.vue?vue&type=script&lang=js\"\n\nimport \"./PrivacyNotice.vue?vue&type=style&index=0&id=08f783be&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-08f783be\"]])\n\nexport default __exports__","import { render } from \"./PageFooter.vue?vue&type=template&id=5e3093b4\"\nimport script from \"./PageFooter.vue?vue&type=script&lang=js\"\nexport * from \"./PageFooter.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section>\n    <div class=\"mt-[-10%] relative\">\n      <div >\n        <img alt=\"tiktok background\"  src=\"../assets/tiktokheadlinebgcolour.png\" class=\"object-cover h-[200px] sm:h-auto w-full\"/>\n      </div>\n      <div class=\"hidden md:block title absolute md:top-[30%] mdtolg:top-[35%] left-0 right-0 mx-auto md:w-[70%] lg:w-1/2\">\n        <!-- <img src=\"../assets/tiktokheadline.png\" class=\"responsive-img\"> -->\n        <div v-motion-slide-visible-top>\n          <img src=\"../assets/webdudukjetowin.png\" class=\"responsive-img\">\n        </div>\n        <div v-motion-slide-visible-top class=\"2xl:w-[70%] mx-auto\">\n          <p class=\"text-sm mdtolg:text-lg xl:text-xl xlto2xl:text-2xl text-white text-[agenda-light] font-bold py-4\">By the way, before you start recording, you might wanna check out some of these ohsem videos by popular KOLs for some inspirations:</p>\n        </div>\n      </div>\n      <!-- mobile view title start-->\n      <div class=\"block md:hidden title absolute top-[20%] left-0 right-0 mx-auto w-[85%]\">\n        <img src=\"../assets/mobileviewdudukjetowin.png\" class=\"responsive-img\">\n      </div>\n      <!-- mobile view title end-->\n    </div>\n    <div class=\"container mt-[8%] sm:mt-[5%] md:mt-[-5%] mdtolg:mt-[-10%] mb-[200px] mx-auto relative\">\n      <div class=\"mx-auto block md:hidden\">\n        <p class=\"text-base lg:text-base lgtoxl:text-lg text-[#eb2a6b] text-[agenda-light] font-bold py-4 mt-\">By the way, before you start recording, you might wanna check out some of these ohsem videos by popular KOLs for some inspirations:</p>\n      </div>\n      <img alt=\"tiktok vector left\" src=\"../assets/tiktokVectorLeft.png\" class=\"mr-auto absolute left-[25%] top-0 bottom-0 my-auto cursor-pointer\"\n           v-on:click=\"navigateVideo(-1, selected_video.id)\"/>\n      <div class=\"container mx-auto slider\">\n        <div class=\"grid grid-cols-1 gap-y-5\">\n          <div class=\"container mx-auto \">\n            <div class=\"marvel-device note8 mt-[15%] xs:mt-[18%] sm:mt-[15%] mdtolg:mt-12 lg:mt-0\">\n              <div class=\"inner\"></div>\n              <div class=\"overflow\">\n                <div class=\"shadow\"></div>\n              </div>\n              <div class=\"volume\"></div>\n              <div class=\"screen\" v-html=\"selected_video.embed\" v-if=\"selected_video\">\n              </div>\n            </div>\n          </div>\n          <div class=\"container mx-auto\" v-if=\"selected_video\">\n            <ul class=\"slider-list overflow-auto whitespace-nowrap\" v-if=\"videos.length > 0\">\n              <li class=\"inline-block\" v-for=\"video in videos\" :key=\"video.id\" :class=\"{'active': video.is_active === true}\" v-on:click=\"changeVideo(video.id)\">\n                <img alt=\"left tiktok video small\" :src=\"video.thumbnail\" class=\"thumbnail-video\" />\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n      <img alt=\"tiktok vector left\" src=\"../assets/tiktokVectorRight.png\" class=\"ml-auto absolute right-[25%] top-0 bottom-0 my-auto cursor-pointer\" v-on:click=\"navigateVideo(1, selected_video.id)\" />\n      <div class=\"container mx-auto \">\n        <div class=\"my-8\">\n          <a href=\"https://www.tiktok.com/@dudukmy\" target=\"_blank\"><img alt=\"button to dudukje tiktok challenge page\" src=\"../assets/tiktokpagebutton.png\" class=\"mx-auto w-auto\"/></a>\n        </div>\n        <div>\n          <p class=\"text-[#DD3777] text-sm mdtolg:text-lg xl:text-xl xlto2xl:text-2xl font-bold text-center\">Whatcha think?<br class=\"sm:hidden\"> Can you do better than them? <br> <strong>Then show us <span class=\"text-[#765EB8]\">your mad DUDUK skills!</span></strong></p>\n        </div>\n      </div>\n    </div>\n\n      <!--<div class=\"absolute w-[100%] 3xs:top-[-10%] xxs:top-[-12%] xs:top-[-13%] sm:top-[-12%] md:top-[-15%] lg:top-[-16%]\">\n        <img alt=\"tiktok headline background colour\" src=\"../assets/tiktokheadlinebgcolour.png\" class=\"mx-auto w-full\"/>\n      </div>\n      <div class=\"absolute 3xs:left-[25px] xxs:left-[30px] xs:left-[9%] xlto2xl:left-[12%] 3xs:w-[80%] 3xs:top-[-3%] xxs:top-[-5%] xs:top-[-4%] sm:top-[-2%] lg:top-[0%] 3xl:top-[5%]\">\n        <img alt=\"tiktok headline - DUDUKJE To Win It\" src=\"../assets/tiktokheadline.png\" class=\"mx-auto w-full sm:w-[90%] xl:w-[75%] xlto2xl:w-[65%] 3xl:w-[65%]\"/>\n      </div>-->\n\n      <!--<div class=\"absolute 3xs:top-[12%] xs:top-[11%] sm:top-[14%] md:top-[15%] mdtolg:top-[20%] xl:top-[25%] 3xl:top-[28%] xs:left-[15%] sm:left-[21%] md:left-[29%] mdtolg:left-[29%] lg:left-[32%] lgtoxl:left-[34%] xl:left-[38%] 3xl:left-[42%]\" id=\"record\">\n        <div class=\"relative\">\n          <img alt=\"tiktok phone\" src=\"../assets/tiktokphone.png\" class=\"mx-auto 3xs:w-[50%] sm:w-[60%] lg:w-[70%] 3xs:top-[-1%]\"/>\n          <div class=\"absolute 3xs:top-[50%] 3xs:left-[8%] lg:left-[0%] 3xs:w-[13px]\">\n            <img alt=\"tiktok vector left\" src=\"../assets/tiktokVectorLeft.png\" class=\"mx-auto\"/>\n          </div>\n          <div class=\"absolute 3xs:top-[50%] 3xs:right-[8%] lg:right-[0%] 3xs:w-[13px]\">\n            <img alt=\"tiktok vector right\" src=\"../assets/tiktokVectorRight.png\" class=\"mx-auto\"/>\n          </div>\n          <div class=\"hidden lg:grid lg:grid-cols-3 lg:gap-4 absolute lg:top-[85%] lg:left-[-80%] lg:w-[85%]\">\n            <div>\n              <img alt=\"left tiktok video small\" src=\"../assets/tiktoksmall.png\" class=\"mx-auto\"/>\n            </div>\n            <div>\n              <img alt=\"left tiktok video small\" src=\"../assets/tiktoksmall.png\" class=\"mx-auto\"/>\n            </div>\n            <div>\n              <img alt=\"left tiktok video small\" src=\"../assets/tiktoksmall.png\" class=\"mx-auto\"/>\n            </div>\n          </div>\n          <div class=\"hidden lg:grid lg:grid-cols-3 lg:gap-4 absolute lg:top-[85%] lg:right-[-80%] lg:w-[85%]\">\n            <div>\n              <img alt=\"right tiktok video small\" src=\"../assets/tiktoksmall.png\" class=\"mx-auto\"/>\n            </div>\n            <div>\n              <img alt=\"right tiktok video small\" src=\"../assets/tiktoksmall.png\" class=\"mx-auto\"/>\n            </div>\n            <div>\n              <img alt=\"right tiktok video small\" src=\"../assets/tiktoksmall.png\" class=\"mx-auto\"/>\n            </div>\n          </div>\n        </div>\n      </div>-->\n      <!--<div class=\"absolute 3xs:top-[75%] xxs:top-[78%] xs:top-[73%] sm:top-[75%] md:top-[68%] mdtolg:top-[73%] lg:top-[78%] xl:top-[76%] xlto2xl:top-[77%] 3xl:top-[75%] 3xs:right-[1%] xxs:right-[15%] xs:right-[24%] sm:right-[32%] md:right-[5%] mdtolg:right-[10%] lg:right-[5%] lgtoxl:right-[6%] xl:right-[13%] xlto2xl:right-[18%] 2xl:right-[21%] 3xl:right-[25%] 4xl:right-[28.5%]\">\n        <img alt=\"button to dudukje tiktok challenge page\" src=\"../assets/tiktokpagebutton.png\" class=\"mx-auto 3xs:w-[70%] xl:w-[80%]\"/>\n      </div>\n      <div class=\"absolute 3xs:top-[85%] xxs:top-[88%] xs:top-[82%] sm:top-[83%] md:top-[80%] mdtolg:top-[83%] lg:top-[85%] xl:top-[82%] 3xs:right-[1%] md:right-[9%] mdtolg:right-[15%] lg:right-[18%] xl:right-[23%] xlto2xl:right-[26%] 2xl:right-[29%] 3xl:right-[33%] 4xl:right-[35%]\">\n        <img alt=\"button to dudukje tiktok challenge page\" src=\"../assets/tiktokbottomwords.png\" class=\"mx-auto 3xs:w-[80%] xs:w-[75%] sm:w-[65%] md:w-[55%] 2xl:w-[65%]\"/>\n      </div>-->\n  </section>\n</template>\n\n<script>\n//import duduk_my from \"../assets/thumbnails/duduk_my.jpeg\";\nimport dudukmy_thumbnail from \"../assets/thumbnails/dudukmy_thumbnail.jpeg\";\nimport yanastrawberry_thumbnail from \"../assets/thumbnails/yanastrawberry_thumbnail.jpeg\";\nimport alvinteokm_thumbnail from \"../assets/thumbnails/alvinteokm_thumbnail.jpeg\";\nimport wingkeh_keifth_thumbnail from \"../assets/thumbnails/wingkeh_keifth_thumbnail.jpeg\";\nimport fareesasri97_thumbnail from \"../assets/thumbnails/fareesasri97_thumbnail.jpeg\";\nimport itserfan_thumbnail from \"../assets/thumbnails/itserfan_thumbnail.jpeg\";\nimport nurfarahelia_thumbnail from \"../assets/thumbnails/nurfarahelia_thumbnail.jpeg\";\nimport azure_elynn_en_thumbnail from \"../assets/thumbnails/azure_elynn_en_thumbnail.jpeg\";\nimport serenavanilla_thumbnail from \"../assets/thumbnails/serenavanilla_thumbnail.jpeg\";\nimport babyakiyo526_thumbnail from \"../assets/thumbnails/babyakiyo526_thumbnail.jpeg\";\nimport aimanrahman88_thumbnail from \"../assets/thumbnails/aimanrahman88_thumbnail.jpeg\";\nimport dodo900226_thumbnail from \"../assets/thumbnails/dodo900226_thumbnail.jpeg\";\nimport elcah_thumbnail from \"../assets/thumbnails/elcah_thumbnail.jpeg\";\nimport kiyotchaa_thumbnail from \"../assets/thumbnails/kiyotchaa_thumbnail.jpeg\";\nimport perrykuan_thumbnail from \"../assets/thumbnails/perrykuan_thumbnail.jpeg\";\n\n\nexport default {\n  name: \"TikTok\",\n  data() {\n    return {\n     videos: [\n      //  {\n      //    index: 0,\n      //    embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@dudukmy/video/7205460056651910427\" data-video-id=\"7205460056651910427\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@dudukmy\" href=\"https://www.tiktok.com/@dudukmy?refer=embed\">@dudukmy</a> 😁People of Klang Valley and bangsa Johor sekalian! We have good news! 🎉 We can&#39;t say much yet, but one thing is for sure – something new is OTW! 🙌 Boss tak bagi tau mana, but we&#39;ll definitely update you ASAP. Register dulu kat duduk.my kita roger 👍 nanti!  Terms and conditions apply.  <a title=\"newprojects\" target=\"_blank\" href=\"https://www.tiktok.com/tag/newprojects?refer=embed\">#NewProjects</a>  <a title=\"duduk\" target=\"_blank\" href=\"https://www.tiktok.com/tag/duduk?refer=embed\">#duduk</a>  <a title=\"dudukecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukecoworld?refer=embed\">#dudukEcoWorld</a>  <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a target=\"_blank\" title=\"♬ original sound  - dudukmy\" href=\"https://www.tiktok.com/music/original-sound-dudukmy-7205460084543998746?refer=embed\">♬ original sound  - dudukmy</a> </section> </blockquote>',\n      //    name: 'EcoWorld Group',\n      //    thumbnail: duduk_my,\n      //    id: 7118234938369002779,\n      //    is_active: true\n      //  },\n      //  {\n      //    index: 1,\n      //    embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@dudukmy/video/7197954265443355931\" data-video-id=\"7197954265443355931\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@dudukmy\" href=\"https://www.tiktok.com/@dudukmy?refer=embed\">@dudukmy</a> Still can&#39;t find your dream house? Takpe, chill dulu 😉 duduk has mooooooore projek baru OTW! 😆 So stay tuned! <a title=\"newlaunch\" target=\"_blank\" href=\"https://www.tiktok.com/tag/newlaunch?refer=embed\">#NewLaunch</a> <a title=\"duduk\" target=\"_blank\" href=\"https://www.tiktok.com/tag/duduk?refer=embed\">#duduk</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a target=\"_blank\" title=\"♬ original sound  - dudukmy\" href=\"https://www.tiktok.com/music/original-sound-dudukmy-7197954256853289754?refer=embed\">♬ original sound  - dudukmy</a> </section> </blockquote>',\n      //    name: 'Gigi Cheoh',\n      //    thumbnail: duduk_my,\n      //    id: 7115215403768483098,\n      //    is_active: false\n      //  },\n       {\n         index: 0,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@dudukmy/video/7208547095375007003\" data-video-id=\"7208547095375007003\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@dudukmy\" href=\"https://www.tiktok.com/@dudukmy?refer=embed\">@dudukmy</a> Woahhh...<a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> also can win latest iPhones? Best gila! What are y&#39;all waiting for? Hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a target=\"_blank\" title=\"♬ original sound  - dudukmy\" href=\"https://www.tiktok.com/music/original-sound-dudukmy-7208547139998255898?refer=embed\">♬ original sound  - dudukmy</a> </section> </blockquote>',\n         name: 'dudukmy',\n         thumbnail: dudukmy_thumbnail,\n         id: 7208547095375007003,\n         is_active: true\n       },\n       {\n         index: 1,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@yanastrawberry/video/7208562497626852635\" data-video-id=\"7208562497626852635\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@yanastrawberry\" href=\"https://www.tiktok.com/@yanastrawberry?refer=embed\">@yanastrawberry</a> Jom join <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> challenge dan jangan lupa untuk follow @dudukmy  to stand a chance to win an iPhone 14 Pro Max! <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ original sound  - Yanastrawberry\" href=\"https://www.tiktok.com/music/original-sound-Yanastrawberry-7208562606360759066?refer=embed\">♬ original sound  - Yanastrawberry</a> </section> </blockquote>',\n         name: 'yanastrawberry',\n         thumbnail: yanastrawberry_thumbnail,\n         id: 7208562497626852635,\n         is_active: false\n       },\n       {\n         index: 2,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@alvinteokm/video/7208513186557922561\" data-video-id=\"7208513186557922561\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@alvinteokm\" href=\"https://www.tiktok.com/@alvinteokm?refer=embed\">@alvinteokm</a> Best Moment with AHMA❤️ Win iPhone 14 Pro Max!! RECORD your duduk styles, POST &#38; TAG @dudukmy with <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#dudukje</a> ! <a title=\"马来阿嬷\" target=\"_blank\" href=\"https://www.tiktok.com/tag/%E9%A9%AC%E6%9D%A5%E9%98%BF%E5%AC%B7?refer=embed\">#马来阿嬷</a> <a title=\"张小子\" target=\"_blank\" href=\"https://www.tiktok.com/tag/%E5%BC%A0%E5%B0%8F%E5%AD%90?refer=embed\">#张小子</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#ecoworld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#fyp</a> <a target=\"_blank\" title=\"♬ original sound  - Alvin张小子和阿嬷\" href=\"https://www.tiktok.com/music/original-sound-Alvin张小子和阿嬷-7208513197035604738?refer=embed\">♬ original sound  - Alvin张小子和阿嬷</a> </section> </blockquote>',\n         name: 'alvinteokm',\n         thumbnail: alvinteokm_thumbnail,\n         id: 7208513186557922561,\n         is_active: false\n       },\n       {\n         index: 3,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@wingkeh_keifth/video/7208529434616302875\" data-video-id=\"7208529434616302875\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@wingkeh_keifth\" href=\"https://www.tiktok.com/@wingkeh_keifth?refer=embed\">@wingkeh_keifth</a> What is your ‘DUDUK’ style? 🪑(COMMENT 👉🏻No.1-8?! 😍 )  💚💛                                        Btw now you can join me DUDUK dgn gaya anywhere, especially at Ecoworld!  🏠<a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> @dudukmy <a title=\"jomtravel\" target=\"_blank\" href=\"https://www.tiktok.com/tag/jomtravel?refer=embed\">#jomtravel</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'wingkeh_keifth',\n         thumbnail: wingkeh_keifth_thumbnail,\n         id: 7208529434616302875,\n         is_active: false\n       },\n       {\n         index: 4,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@fareesasri97/video/7208533145052908827\" data-video-id=\"7208533145052908827\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@fareesasri97\" href=\"https://www.tiktok.com/@fareesasri97?refer=embed\">@fareesasri97</a> Hi guys, nak menang iPhone 14 Pro Max? Jom join Farees buat Duduk Challenge ni tau! Follow @dudukmy  dan jangan lupa hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'fareesasri97',\n         thumbnail: fareesasri97_thumbnail,\n         id: 7208533145052908827,\n         is_active: false\n       },\n       {\n         index: 5,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@itserfan/video/7208739349024738587\" data-video-id=\"7208739349024738587\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@itserfan\" href=\"https://www.tiktok.com/@itserfan?refer=embed\">@itserfan</a> Let&#39;s join <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> Tiktok Hashtag Campaign &#38; stand a chance to win exciting prizes including 2x iPhones 14 Pro Max 128GB! How to join? : 1. RECORD your CREATIVE DUDUK styles in any spots in a video! 2. POST the video, TAG @dudukmy and HASHTAG <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> to count as one submission! Make sure your account and video are set to PUBLIC. 4. SUBMIT your participation form in the website. Make sure to FOLLOW @Dudukmy account to stay tuned to the winners announcement! <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'itserfan',\n         thumbnail: itserfan_thumbnail,\n         id: 7208739349024738587,\n         is_active: false\n       },\n       {\n         index: 6,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@nurfarahelia/video/7208743910821137691\" data-video-id=\"7208743910821137691\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@nurfarahelia\" href=\"https://www.tiktok.com/@nurfarahelia?refer=embed\">@nurfarahelia</a> Tunggu apa lagi Duduk je. Dengan DudukJe korang berpeluang untuk menang iPhone 14 Pro Max. Senang je, just record creative duduk style korang in any spot and post on TikTok. Don&#39;t forget to tag @dudukmy and use <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#Dudukje</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'nurfarahelia',\n         thumbnail: nurfarahelia_thumbnail,\n         id: 7208743910821137691,\n         is_active: false\n       },\n       {\n         index: 7,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@azure_elynn_en/video/7208746455773809946\" data-video-id=\"7208746455773809946\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@azure_elynn_en\" href=\"https://www.tiktok.com/@azure_elynn_en?refer=embed\">@azure_elynn_en</a> what’s your “Gaya” duduk position , here’s mine!  let’s join DudukJe TikTok Hashtag Challange Campaign , you will stand a chance to win an iphone 14 Pro max❤️‍🔥 Remember to tag  @dudukmy  too❗️ <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#fyp</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'azure_elynn_en',\n         thumbnail: azure_elynn_en_thumbnail,\n         id: 7208746455773809946,\n         is_active: false\n       },\n       {\n         index: 8,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@serenavanilla/video/7208747026773724442\" data-video-id=\"7208747026773724442\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@serenavanilla\" href=\"https://www.tiktok.com/@serenavanilla?refer=embed\">@serenavanilla</a> Doing the <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#dudukje</a> challenge with @dudukmy! Show me your duduk challenge:p You&#39;ll stand a chance to win an iPhone 14 Pro Max too :D Remember to follow @dudukmy and hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a>! <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ original sound  - Serenavanilla\" href=\"https://www.tiktok.com/music/original-sound-Serenavanilla-7208747065726274331?refer=embed\">♬ original sound  - Serenavanilla</a> </section> </blockquote>',\n         name: 'serenavanilla',\n         thumbnail: serenavanilla_thumbnail,\n         id: 7208747026773724442,\n         is_active: false\n       },\n       {\n         index: 9,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@babyakiyo526/video/7208741380292611355\" data-video-id=\"7208741380292611355\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@babyakiyo526\" href=\"https://www.tiktok.com/@babyakiyo526?refer=embed\">@babyakiyo526</a> Different place with my comfy position! Let’s duduk with me! Join this competition and stand a chance to win an iPhone 14 Pro Max! Remember to follow @dudukmy and hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> ! <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ 原聲  - Baby Akiyo\" href=\"https://www.tiktok.com/music/原聲-Baby-Akiyo-7208741386496330522?refer=embed\">♬ 原聲  - Baby Akiyo</a> </section> </blockquote>',\n         name: 'babyakiyo526',\n         thumbnail: babyakiyo526_thumbnail,\n         id: 7208741380292611355,\n         is_active: false\n       },\n       {\n         index: 10,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@aimanrahman88/video/7208744259372010779\" data-video-id=\"7208744259372010779\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@aimanrahman88\" href=\"https://www.tiktok.com/@aimanrahman88?refer=embed\">@aimanrahman88</a> Siapa nak dapat iphone 14 Pro Max FREE??  Yer betul free jer.. cepat Cakap yes Dan join Farees buat Duduk Challenge bermula dari 1 March sehingga 31 March ni !!  Dan U guys just Follow @dudukmy sekarang dan jangan lupa untuk sertakan hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> .  Nak tahu lebih lagi, check out www.duduk.my&#47;dudukje sekarang!<a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ original sound  - Aiman Rahman \" href=\"https://www.tiktok.com/music/original-sound-Aiman-Rahman-7208744258760559386?refer=embed\">♬ original sound  - Aiman Rahman </a> </section> </blockquote>',\n         name: 'aimanrahman88',\n         thumbnail: aimanrahman88_thumbnail,\n         id: 7208744259372010779,\n         is_active: false\n       },\n       {\n         index: 11,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@dodo900226/video/7208794735975238939\" data-video-id=\"7208794735975238939\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@dodo900226\" href=\"https://www.tiktok.com/@dodo900226?refer=embed\">@dodo900226</a> Strolling and enjoying cool places with style! Duduk with style, with me! Join this competition and stand a chance to win an iPhone 14 Pro Max! Remember to follow &#38; tag @dudukmy and hashtag <a title=\"dudukje！\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje%EF%BC%81?refer=embed\">#DudukJe！</a>  <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#dudukje</a>  <a title=\"ecoworl\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworl?refer=embed\">#ecoworl</a>  <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#fyp</a> <a target=\"_blank\" title=\"♬ 原聲  - Dodo 肚肚\" href=\"https://www.tiktok.com/music/原聲-Dodo-肚肚-7208794781487794971?refer=embed\">♬ 原聲  - Dodo 肚肚</a> </section> </blockquote>',\n         name: 'dodo900226',\n         thumbnail: dodo900226_thumbnail,\n         id: 7208794735975238939,\n         is_active: false\n       },\n       {\n         index: 12,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@elcah.hasha/video/7210624824480238875\" data-video-id=\"7210624824480238875\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@elcah.hasha\" href=\"https://www.tiktok.com/@elcah.hasha?refer=embed\">@elcah.hasha</a> Hi Bestie, i nak ajak you main TikTok &#38; Menang iPhone 14 pro Max 128gb! <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> Tiktok Hashtag Campaign &#38; berpeluang untuk menang 2x iPhone 14 pro Max 128gb! Cara nak join senang je : 1 . RECORD your CREATIVE DUDUK styles in any different spots in a video! 2 . POST the video, TAG @dudukmy and HASHTAG <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> to count as one submission! Make sure your account and video are set to public. 3 . SUBMIT your participation form in the website. WAJIB FOLLOW @Dudukmy account to stay tuned to the winners&#39; announcement! <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'elcah',\n         thumbnail: elcah_thumbnail,\n         id: 7210624824480238875,\n         is_active: false\n       },\n       {\n         index: 13,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@kiyotchaa/video/7212481701266689306\" data-video-id=\"7212481701266689306\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@kiyotchaa\" href=\"https://www.tiktok.com/@kiyotchaa?refer=embed\">@kiyotchaa</a> Hi uollls, nak menang iPhone 14 Pro Max tak? Jom join Syasya buat <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> Challenge! Jangan lupa follow @dudukmy  and most important, hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#fyp</a> <a target=\"_blank\" title=\"♬ Neon Bass - Tangelene Bolton\" href=\"https://www.tiktok.com/music/Neon-Bass-6776167407820998657?refer=embed\">♬ Neon Bass - Tangelene Bolton</a> </section> </blockquote>',\n         name: 'kiyotchaa',\n         thumbnail: kiyotchaa_thumbnail,\n         id: 7212481701266689306,\n         is_active: false\n       },\n       {\n         index: 14,\n         embed: '<blockquote class=\"tiktok-embed\" cite=\"https://www.tiktok.com/@perrykuan/video/7211356971750935834\" data-video-id=\"7211356971750935834\" style=\"max-width: 605px;min-width: 325px;\" > <section> <a target=\"_blank\" title=\"@perrykuan\" href=\"https://www.tiktok.com/@perrykuan?refer=embed\">@perrykuan</a> Flexing my style with <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#dudukje</a> challenge! Show your most creative sitting style for a chance to win an iPhone 14 Pro Max! Remember to follow @dudukmy  and hashtag <a title=\"dudukje\" target=\"_blank\" href=\"https://www.tiktok.com/tag/dudukje?refer=embed\">#DudukJe</a> ! <a title=\"ecoworld\" target=\"_blank\" href=\"https://www.tiktok.com/tag/ecoworld?refer=embed\">#EcoWorld</a> <a title=\"fyp\" target=\"_blank\" href=\"https://www.tiktok.com/tag/fyp?refer=embed\">#FYP</a> <a target=\"_blank\" title=\"♬ original sound  - PERRY KUAN\" href=\"https://www.tiktok.com/music/original-sound-PERRY-KUAN-7211356968630651674?refer=embed\">♬ original sound  - PERRY KUAN</a> </section> </blockquote>',\n         name: 'perrykuan',\n         thumbnail: perrykuan_thumbnail,\n         id: 7211356971750935834,\n         is_active: false\n       },\n     ],\n      selected_video: null\n    }\n  },\n  beforeMount() {\n    this.initTikTokScripts()\n  },\n  mounted() {\n    this.selected_video = this.videos[0]\n  },\n  methods: {\n    navigateVideo(direction, video_id) {\n      let current_video_index = this.videos.findIndex(video => video.id === video_id)\n      let next_video_index = current_video_index + direction\n      if (next_video_index < 0) {\n        next_video_index = this.videos.length - 1\n      }\n      else if (next_video_index > this.videos.length - 1) {\n        next_video_index = 0\n      }\n      this.changeVideo(this.videos[next_video_index].id)\n    },\n    changeVideo(video_id) {\n\n      this.videos.forEach(video => {\n        if (video.id === video_id) {\n          video.is_active = true\n        }\n        else {\n          video.is_active = false\n        }\n      })\n\n      this.initTikTokScripts()\n      this.selected_video = this.videos.find(video => video.id === video_id)\n\n\n    },\n    initTikTokScripts() {\n\n      //remove old script\n      const oldScript = document.querySelector('script[src=\"https://www.tiktok.com/embed.js\"]')\n\n      if (oldScript) {\n        oldScript.remove()\n      }\n\n      let script = document.createElement('script')\n      script.setAttribute('src', 'https://www.tiktok.com/embed.js')\n      document.head.appendChild(script)\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n  .responsive-img {\n    max-width: 100%;\n    height: auto;\n  }\n\n  ul {\n    li {\n      margin-left: 5px;\n      margin-right: 5px;\n    }\n  }\n\n  .slider-list {\n    li {\n      cursor: pointer;\n      opacity: 0.7;\n      transition: all 0.1s ease-in-out;\n      &:hover {\n        opacity: 1;\n      }\n    }\n    .active {\n      opacity: 1;\n    }\n  }\n\n  .thumbnail-video {\n    border-radius: 5px;\n\n    object-fit: cover;\n  }\n\n  /* The device with borders */\n  .smartphone {\n    position: relative;\n    width: 340px;\n    max-height: 645px;\n    overflow: hidden;\n    margin: auto;\n    border: 8px black solid;\n    border-top-width: 8px;\n    border-bottom-width: 10px;\n    border-radius: 36px;\n  }\n\n  /* The horizontal line on the top of the device */\n  .smartphone:before {\n    content: '';\n    display: block;\n    width: 60px;\n    height: 5px;\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: #333;\n    border-radius: 10px;\n  }\n\n  /* The circle on the bottom of the device */\n  .smartphone:after {\n    content: '';\n    display: block;\n    width: 35px;\n    height: 35px;\n    position: absolute;\n    left: 50%;\n    bottom: -65px;\n    transform: translate(-50%, -50%);\n    background: #333;\n    border-radius: 50%;\n  }\n\n  /* The screen (or content) of the device */\n  .smartphone .content {\n    background: #000;\n  }\n\n  .slider {\n    display: flex;\n    justify-content: center;\n  }\n\n\n\n  .marvel-device{display:inline-block;position:relative;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:white;overflow:hidden;display:block;border-radius:1px;-webkit-box-shadow:0 0 0 3px #111;box-shadow:0 0 0 3px #111}.marvel-device .top-bar,.marvel-device .bottom-bar{height:3px;background:black;width:100%;display:block}.marvel-device .middle-bar{width:3px;height:4px;top:0px;left:90px;background:black;position:absolute}.marvel-device.iphone8{width:375px;height:667px;padding:105px 24px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2)}.marvel-device.iphone8:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:'';left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:'';left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8 .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:22px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8 .home:before{background:#f8f8f8;position:absolute;content:'';border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8 .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8 .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8 .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8 .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8 .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:24px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8 .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:49px;left:134px;z-index:3;border-radius:100%}.marvel-device.iphone8 .speaker{background:#292728;width:70px;height:6px;position:absolute;top:54px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .top-bar,.marvel-device.iphone8.gold .bottom-bar{background:white}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7)}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .top-bar,.marvel-device.iphone8.black .bottom-bar{background:#212121}.marvel-device.iphone8.black .volume,.marvel-device.iphone8.black .sleep{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{padding:24px 105px;height:375px;width:667px}.marvel-device.iphone8.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px -  14px);top:0}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 49px - 16px)}.marvel-device.iphone8.landscape .speaker{height:70px;width:6px;left:calc(100% - 54px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone8plus{width:414px;height:736px;padding:112px 26px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2)}.marvel-device.iphone8plus:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:'';left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8plus:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:'';left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8plus .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:24px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8plus .home:before{background:#f8f8f8;position:absolute;content:'';border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8plus .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8plus .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8plus .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8plus .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8plus .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:29px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:54px;left:154px;z-index:3;border-radius:100%}.marvel-device.iphone8plus .speaker{background:#292728;width:70px;height:6px;position:absolute;top:59px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .top-bar,.marvel-device.iphone8plus.gold .bottom-bar{background:white}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8plus.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7)}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .top-bar,.marvel-device.iphone8plus.black .bottom-bar{background:#212121}.marvel-device.iphone8plus.black .volume,.marvel-device.iphone8plus.black .sleep{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{padding:26px 112px;height:414px;width:736px}.marvel-device.iphone8plus.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8plus.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px -  14px);top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8plus.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 54px - 16px)}.marvel-device.iphone8plus.landscape .speaker{height:70px;width:6px;left:calc(100% - 59px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - 29px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s,.marvel-device.iphone5c{padding:105px 22px;background:#2c2b2c;width:320px;height:568px;border-radius:50px}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;content:'';left:4px;border-radius:46px;background:#1e1e1e;z-index:1}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#282727}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{position:absolute;left:-4px;top:180px;z-index:0;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#282727}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{position:absolute;left:0px;top:-75px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:32px;left:50%;margin-left:-5px;border-radius:5px;z-index:3}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{background:#3c3d3d;width:10px;height:10px;position:absolute;top:60px;left:160px;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{background:#292728;width:64px;height:10px;position:absolute;top:60px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.landscape{padding:22px 105px;height:320px;width:568px}.marvel-device.iphone5s.landscape .sleep,.marvel-device.iphone5c.landscape .sleep{right:-4px;top:calc(100% - 120px);height:60px;width:4px;border-radius:0px 2px 2px 0px}.marvel-device.iphone5s.landscape .volume,.marvel-device.iphone5c.landscape .volume{width:27px;height:4px;top:-4px;left:calc(100% - 180px);border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:before,.marvel-device.iphone5c.landscape .volume:before{width:35px;height:4px;top:0px;right:-75px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.landscape .volume:after{bottom:0px;left:-64px;z-index:999;height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .sensor,.marvel-device.iphone5c.landscape .sensor{top:160px;left:calc(100% - 60px);margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{height:64px;width:10px;left:calc(100% - 60px);top:50%;margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s .home{border-radius:36px;width:68px;-webkit-box-shadow:inset 0 0 0 4px #2c2b2c;box-shadow:inset 0 0 0 4px #2c2b2c;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:19px;z-index:3}.marvel-device.iphone5s .top-bar{top:70px;position:absolute;left:0}.marvel-device.iphone5s .bottom-bar{bottom:70px;position:absolute;left:0}.marvel-device.iphone5s.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5s.landscape .top-bar{left:70px;top:0px;width:3px;height:100%}.marvel-device.iphone5s.landscape .bottom-bar{right:70px;left:auto;bottom:0px;width:3px;height:100%}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .volume,.marvel-device.iphone5s.silver .sleep{background:#d6d6d6}.marvel-device.iphone5s.silver .top-bar,.marvel-device.iphone5s.silver .bottom-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{-webkit-box-shadow:inset 0 0 0 4px #bcbcbc;box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .volume,.marvel-device.iphone5s.gold .sleep{background:#f9e7d3}.marvel-device.iphone5s.gold .top-bar,.marvel-device.iphone5s.gold .bottom-bar{background:white}.marvel-device.iphone5s.gold .home{-webkit-box-shadow:inset 0 0 0 4px #f9e7d3;box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:white;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:36px;width:68px;height:68px;z-index:3;position:absolute;left:50%;margin-left:-34px;bottom:19px}.marvel-device.iphone5c .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone5c.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5c .volume,.marvel-device.iphone5c .sleep{background:#dddddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .volume,.marvel-device.iphone5c.red .sleep{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .volume,.marvel-device.iphone5c.yellow .sleep{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .volume,.marvel-device.iphone5c.green .sleep{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .volume,.marvel-device.iphone5c.blue .sleep{background:#2694cd}.marvel-device.iphone4s{padding:129px 27px;width:320px;height:480px;background:#686868;border-radius:54px}.marvel-device.iphone4s:before{content:'';width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;z-index:1;border-radius:50px;background:#1e1e1e}.marvel-device.iphone4s .top-bar{top:60px;position:absolute;left:0}.marvel-device.iphone4s .bottom-bar{bottom:90px;position:absolute;left:0}.marvel-device.iphone4s .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:72px;left:134px;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.iphone4s .speaker{background:#292728;width:64px;height:10px;position:absolute;top:72px;left:50%;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone4s .sensor{background:#292728;width:40px;height:10px;position:absolute;top:36px;left:50%;z-index:3;margin-left:-20px;border-radius:5px}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;width:72px;height:72px;z-index:3;position:absolute;left:50%;margin-left:-36px;bottom:30px}.marvel-device.iphone4s .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone4s .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#4D4D4D}.marvel-device.iphone4s .volume{position:absolute;left:-4px;top:160px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#4D4D4D}.marvel-device.iphone4s .volume:before{position:absolute;left:0px;top:-70px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone4s .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone4s.landscape{padding:27px 129px;height:320px;width:480px}.marvel-device.iphone4s.landscape .bottom-bar{left:90px;bottom:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - 60px);top:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .camera{top:134px;left:calc(100% - 72px);margin-left:0}.marvel-device.iphone4s.landscape .speaker{top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 72px);width:10px;height:64px}.marvel-device.iphone4s.landscape .sensor{height:40px;width:10px;left:calc(100% - 36px);top:50%;margin-left:0;margin-top:-20px}.marvel-device.iphone4s.landscape .home{left:30px;bottom:50%;margin-left:0;margin-bottom:-36px}.marvel-device.iphone4s.landscape .sleep{height:60px;width:4px;right:-4px;top:calc(100% - 120px);border-radius:0px 2px 2px 0px}.marvel-device.iphone4s.landscape .volume{top:-4px;left:calc(100% - 187px);height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:before{right:-70px;left:auto;top:0px;width:35px;height:4px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:after{width:27px;height:4px;bottom:0px;left:-64px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid rgba(0,0,0,0.2)}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{background:#d6d6d6}.marvel-device.nexus5{padding:50px 15px 50px 15px;width:320px;height:568px;background:#1e1e1e;border-radius:20px}.marvel-device.nexus5:before{border-radius:600px / 50px;background:inherit;content:'';top:0;position:absolute;height:103.1%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px;border-radius:20px;background:#181818}.marvel-device.nexus5 .top-bar:before{border-radius:600px / 50px;background:inherit;content:'';top:0;position:absolute;height:103.0%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{width:3px;position:absolute;left:-3px;top:110px;height:100px;background:inherit;border-radius:2px 0px 0px 2px}.marvel-device.nexus5 .volume{width:3px;position:absolute;right:-3px;top:70px;height:45px;background:inherit;border-radius:0px 2px 2px 0px}.marvel-device.nexus5 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:18px;left:50%;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.nexus5 .camera:before{background:#3c3d3d;width:6px;height:6px;content:'';display:block;position:absolute;top:2px;left:-100px;z-index:3;border-radius:100%}.marvel-device.nexus5.landscape{padding:15px 50px 15px 50px;height:320px;width:568px}.marvel-device.nexus5.landscape:before{width:103.1%;height:calc(100% - 26px);border-radius:50px / 600px}.marvel-device.nexus5.landscape .top-bar{left:3px;top:4px;height:calc(100% - 8px);width:calc(100% - 6px)}.marvel-device.nexus5.landscape .top-bar:before{width:103%;height:calc(100% - 26px);border-radius:50px / 600px}.marvel-device.nexus5.landscape .sleep{height:3px;width:100px;left:calc(100% - 210px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.nexus5.landscape .volume{height:3px;width:45px;right:70px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.nexus5.landscape .camera{top:50%;left:calc(100% - 18px);margin-left:0;margin-top:-5px}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{padding:60px 18px;border-radius:42px;width:320px;height:568px;background:#bcbcbc}.marvel-device.s5:before,.marvel-device.s5:after{width:calc(100% - 52px);content:'';display:block;height:26px;background:inherit;position:absolute;border-radius:500px / 40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px;background:radial-gradient(rgba(0,0,0,0.02) 20%, transparent 60%) 0 0,radial-gradient(rgba(0,0,0,0.02) 20%, transparent 60%) 3px 3px;background-color:white;background-size:4px 4px;background-position:center;z-index:2;position:absolute}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{width:calc(100% - 48px);content:'';display:block;height:26px;background:inherit;position:absolute;border-radius:500px / 40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{width:3px;position:absolute;left:-3px;top:100px;height:100px;background:#cecece;border-radius:2px 0px 0px 2px}.marvel-device.s5 .speaker{width:68px;height:8px;position:absolute;top:20px;display:block;z-index:3;left:50%;margin-left:-34px;background-color:#bcbcbc;background-position:top left;border-radius:4px}.marvel-device.s5 .sensor{display:block;position:absolute;top:20px;right:110px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .sensor:after{display:block;content:'';position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .camera{display:block;position:absolute;top:24px;right:42px;background:black;border-radius:100%;width:10px;height:10px;z-index:3}.marvel-device.s5 .camera:before{width:4px;height:4px;background:#3c3d3d;border-radius:100%;position:absolute;content:'';top:50%;left:50%;margin-top:-2px;margin-left:-2px}.marvel-device.s5 .home{position:absolute;z-index:3;bottom:17px;left:50%;width:70px;height:20px;background:white;border-radius:18px;display:block;margin-left:-35px;border:2px solid black}.marvel-device.s5.landscape{padding:18px 60px;height:320px;width:568px}.marvel-device.s5.landscape:before,.marvel-device.s5.landscape:after{height:calc(100% - 52px);width:26px;border-radius:40px / 500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:before,.marvel-device.s5.landscape .top-bar:after{width:26px;height:calc(100% - 48px);border-radius:40px / 500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{right:-7px;top:50%;left:auto}.marvel-device.s5.landscape .top-bar:after{left:-7px;top:50%;right:auto}.marvel-device.s5.landscape .sleep{height:3px;width:100px;left:calc(100% - 200px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.s5.landscape .speaker{height:68px;width:8px;left:calc(100% - 20px);top:50%;margin-left:0;margin-top:-34px}.marvel-device.s5.landscape .sensor{right:20px;top:calc(100% - 110px)}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0px}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;bottom:50%;margin-bottom:-35px;margin-left:0;left:17px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:black}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(rgba(0,0,0,0.05) 20%, transparent 60%) 0 0,radial-gradient(rgba(0,0,0,0.05) 20%, transparent 60%) 3px 3px;background-color:#2c2b2c;background-size:4px 4px}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{padding:80px 35px 125px 35px;background:#ffdd00;width:320px;height:533px;border-radius:40px / 3px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px;border-radius:24px;background:black;z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;display:block;content:'';width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;position:absolute;border-radius:22px}.marvel-device.lumia920 .volume{width:3px;position:absolute;top:130px;height:100px;background:#1e1e1e;right:-3px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:before{width:3px;position:absolute;top:190px;content:'';display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:after{width:3px;position:absolute;top:460px;content:'';display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:34px;right:130px;z-index:5;border-radius:5px}.marvel-device.lumia920 .speaker{background:#292728;width:64px;height:10px;position:absolute;top:38px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.lumia920.landscape{padding:35px 80px 35px 125px;height:320px;width:568px;border-radius:2px / 100px}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - 24px);width:calc(100% - 32px);left:16px;top:12px}.marvel-device.lumia920.landscape .volume{height:3px;right:130px;width:100px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:before{height:3px;right:190px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:after{height:3px;right:430px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .camera{right:30px;top:calc(100% - 140px)}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:black}.marvel-device.lumia920.white{background:white;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#CC3E32}.marvel-device.htc-one{padding:72px 25px 100px 25px;width:320px;height:568px;background:#bebebe;border-radius:34px}.marvel-device.htc-one:before{content:'';display:block;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background:#adadad;border-radius:32px}.marvel-device.htc-one:after{content:'';display:block;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;background:#eeeeee;border-radius:30px}.marvel-device.htc-one .top-bar{width:calc(100% - 4px);height:635px;position:absolute;background:#424242;top:50px;z-index:1;left:2px}.marvel-device.htc-one .top-bar:before{content:'';position:absolute;width:calc(100% - 4px);height:100%;position:absolute;background:black;top:0px;z-index:1;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{height:16px;width:216px;display:block;position:absolute;top:22px;z-index:2;left:50%;margin-left:-108px;background:radial-gradient(#343434 25%, transparent 50%) 0 0,radial-gradient(#343434 25%, transparent 50%) 4px 4px;background-size:4px 4px;background-position:top left}.marvel-device.htc-one .speaker:after{content:'';height:16px;width:216px;display:block;position:absolute;top:676px;z-index:2;left:50%;margin-left:-108px;background:inherit}.marvel-device.htc-one .camera{display:block;position:absolute;top:18px;right:38px;background:#3c3d3d;border-radius:100%;width:24px;height:24px;z-index:3}.marvel-device.htc-one .camera:before{width:8px;height:8px;background:black;border-radius:100%;position:absolute;content:'';top:50%;left:50%;margin-top:-4px;margin-left:-4px}.marvel-device.htc-one .sensor{display:block;position:absolute;top:29px;left:60px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one .sensor:after{display:block;content:'';position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one.landscape{padding:25px 72px 25px 100px;height:320px;width:568px}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - 4px);width:635px;left:calc(100% - 685px);top:2px}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;left:calc(100% - 38px);top:50%;margin-left:0px;margin-top:-108px}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;left:calc(100% - 692px);top:50%;margin-left:0;margin-top:-108px}.marvel-device.htc-one.landscape .camera{right:18px;top:calc(100% - 38px)}.marvel-device.htc-one.landscape .sensor{left:calc(100% - 29px);top:60px}.marvel-device.htc-one.landscape .sensor :after{right:0;top:-12px}.marvel-device.ipad{width:576px;height:768px;padding:90px 25px;background:#242324;border-radius:44px}.marvel-device.ipad:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:'';display:block;top:4px;left:4px;border-radius:40px;background:#1e1e1e}.marvel-device.ipad .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:44px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;bottom:22px}.marvel-device.ipad .home:after{width:15px;height:15px;margin-top:-8px;margin-left:-8px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%}.marvel-device.ipad.landscape{height:576px;width:768px;padding:25px 90px}.marvel-device.ipad.landscape .camera{left:calc(100% - 44px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.ipad.landscape .home{top:50%;left:22px;margin-left:0;margin-top:-25px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid rgba(0,0,0,0.2)}.marvel-device.macbook{width:960px;height:600px;padding:44px 44px 76px;margin:0 auto;background:#bebebe;border-radius:34px}.marvel-device.macbook:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:'';display:block;top:4px;left:4px;border-radius:30px;background:#1e1e1e}.marvel-device.macbook .top-bar{width:calc(100% + 2 * 70px);height:40px;position:absolute;content:'';display:block;top:680px;left:-70px;border-bottom-left-radius:90px 18px;border-bottom-right-radius:90px 18px;background:#bebebe;-webkit-box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,0.6);box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,0.6)}.marvel-device.macbook .top-bar:before{width:100%;height:24px;content:'';display:block;top:0;left:0;background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;position:relative}.marvel-device.macbook .top-bar:after{width:16%;height:14px;content:'';display:block;top:0;background:#ddd;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 20px 20px;-webkit-box-shadow:inset 0px -3px 10px #999;box-shadow:inset 0px -3px 10px #999}.marvel-device.macbook .bottom-bar{background:transparent;width:calc(100% + 2 * 70px);height:26px;position:absolute;content:'';display:block;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{height:calc(100% - 2px);width:80px;content:'';display:block;top:0;position:absolute}.marvel-device.macbook .bottom-bar:before{left:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#747474), color-stop(5%, #c3c3c3), color-stop(14%, #ebebeb), color-stop(41%, #979797), color-stop(80%, #f0f0f0), color-stop(100%, #f0f0f0), to(#f0f0f0));background:linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%)}.marvel-device.macbook .bottom-bar:after{right:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(0%, #f0f0f0), color-stop(20%, #f0f0f0), color-stop(59%, #979797), color-stop(86%, #ebebeb), color-stop(95%, #c3c3c3), to(#747474));background:linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%)}.marvel-device.macbook .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:20px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{width:375px;height:812px;padding:26px;background:#fdfdfd;-webkit-box-shadow:inset 0 0 11px 0 black;box-shadow:inset 0 0 11px 0 black;border-radius:66px}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:'';left:5px;border-radius:61px;background:black;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;-webkit-box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.66);box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{-webkit-box-shadow:inset 0 0 20px 0 #FFFFFF;box-shadow:inset 0 0 20px 0 #FFFFFF;width:100%;height:116%;position:absolute;top:-8%;content:'';left:0;border-radius:200px / 112px;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,0.1);left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{width:3px;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-3px;top:116px;height:32px}.marvel-device.iphone-x .volume:before{height:62px;top:62px;content:'';left:0}.marvel-device.iphone-x .volume:after{height:62px;top:140px;content:'';left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}.marvel-device.iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.marvel-device.iphone-x .notch{position:absolute;width:210px;height:30px;top:26px;left:108px;z-index:4;background:black;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:'';height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{right:80px;bottom:auto;left:auto}.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px / 200px}.marvel-device.iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.marvel-device.iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.marvel-device.iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.marvel-device.iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.marvel-device.iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);top:-8px}.marvel-device.note8{width: 325px;height: 619px;background:black;border-radius:34px;padding:45px 10px}.marvel-device.note8 .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:34px;overflow:hidden}.marvel-device.note8 .speaker{height:8px;width:56px;left:50%;position:absolute;top:25px;margin-left:-28px;background:#171818;z-index:1;border-radius:8px}.marvel-device.note8 .camera{height:18px;width:18px;left:86px;position:absolute;top:18px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .camera:before{content:'';height:8px;width:8px;left:-22px;position:absolute;top:5px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .sensors{height:10px;width:10px;left:120px;position:absolute;top:22px;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .sensors:before{content:'';height:10px;width:10px;left:18px;position:absolute;top:0;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors{height:16px;width:16px;left:285px;position:absolute;top:18px;background:#33244a;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1);box-shadow:0 0 0 2px rgba(255,255,255,0.1);z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors:before{content:'';height:11px;width:11px;left:40px;position:absolute;top:4px;background:#214a61;z-index:1;border-radius:100%}.marvel-device.note8 .sleep{width:2px;height:56px;background:black;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{width:2px;height:120px;background:black;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:'';top:168px;width:2px;position:absolute;left:0;background:black;height:56px}.marvel-device.note8 .inner{width:100%;height:calc(100% - 8px);position:absolute;top:2px;content:'';left:0px;border-radius:34px;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;background:black;z-index:1;-webkit-box-shadow:inset 0 0 6px 0 rgba(255,255,255,0.5);box-shadow:inset 0 0 6px 0 rgba(255,255,255,0.5)}.marvel-device.note8 .shadow{/*-webkit-box-shadow:inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);box-shadow:inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);*/height:101%;position:absolute;top:-0.5%;content:'';width:calc(100% - 20px);left:10px;border-radius:38px;z-index:5;pointer-events:none}.marvel-device.note8 .screen{border-radius:14px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.note8.landscape{height:400px;width:822px;padding:10px 45px}.marvel-device.note8.landscape .speaker{height:56px;width:8px;top:50%;margin-top:-28px;margin-left:0;right:25px;left:auto}.marvel-device.note8.landscape .camera{top:86px;right:18px;left:auto}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;right:22px;left:auto}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;right:18px;left:auto}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{bottom:-2px;top:auto;right:288px;width:56px;height:2px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;right:168px;left:auto}.marvel-device.note8.landscape .volume:before{right:168px;left:auto;top:0;width:56px;height:2px}.marvel-device.note8.landscape .inner{height:100%;width:calc(100% - 8px);left:2px;top:0;border-top:0;border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);left:-0.5%;top:10px}\n  .marvel-device {\n    .screen {\n\n    }\n  }\n</style>\n","import { render } from \"./TikTok.vue?vue&type=template&id=1981c8cf&scoped=true\"\nimport script from \"./TikTok.vue?vue&type=script&lang=js\"\nexport * from \"./TikTok.vue?vue&type=script&lang=js\"\n\nimport \"./TikTok.vue?vue&type=style&index=0&id=1981c8cf&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1981c8cf\"]])\n\nexport default __exports__","<template>\n  <section class=\"relative\" id=\"register\">\n      <div class=\"mt-[-10%] relative\">\n        <div class=\"bg-cover h-[480px] md:h-[400px]\" :style=\"{ 'background-image': 'url(' + registrationbg + ')' }\">\n          <div class=\"absolute sm:top-[16%] top-[14%]\">\n            <div class=\"mx-auto w-[70%] sm:w-[60%]\">\n              <img alt=\"registration form title\" src=\"../assets/mobileviewregistrationformtitle.png\" class=\"\"/>\n            </div>\n            <div class=\"mx-auto top-[10%] sm:top-[11%] md:top-[15%] w-[68%]\">\n              <p class=\"text-center text-base text-[#eb2a6b]\">Just #DUDUKJE! Senang kan? You could be the proud owner of iphone 14 Pro max 128GB and show off better poses with your brand new smartphone! <br> Good luck!<br> We look forward to your submission(s)!</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bg-[#E8902A]\">\n        <contact-form></contact-form>\n      </div>\n      <div class=\"w-full mx-auto py-2 bg-[#E8902A] mt-[-1px]\">\n        <img alt=\"registration form human\" src=\"../assets/registrationformhuman.png\" class=\"mx-auto w-full\"/>\n      </div>\n  </section>\n</template>\n\n<script>\nimport registrationbg from \"../assets/registrationformbg.png\";\nimport ContactForm from \"@/components/ContactForm.vue\";\n\nexport default {\n  name: \"RegistrationMobile\",\n  components: {\n    ContactForm,\n  },\n  data() {\n    return {\n      registrationbg,\n    }\n  }\n};\n</script>\n","<template>\n  <form class=\"bg-white mx-auto border-[#FF9D33] border-[1px] rounded-3xl drop-shadow-md m-0 mt-[-1px] md:mt-12\">\n    <div class=\"pt-4\">\n      <h4 class=\"text-[#FF9931] text-2xl sm:text-3xl\">ENTRY SUBMISSION</h4>\n    </div>\n\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5 px-5\">\n      <div class=\"flex items-center sm:col-span-2\">\n       <input type=\"radio\" id=\"option1\" name=\"options\" class=\"mr-2\" value=\"1\" checked v-model=\"is_above_18_years_old\">\n       <label for=\"option1\" class=\"mr-5 mt-[5px] text-left\">I am above 18 years old</label>\n       <input type=\"radio\" id=\"option2\" name=\"options\" class=\"mr-2\" value=\"0\" v-model=\"is_above_18_years_old\">\n       <label for=\"option1\" class=\"mt-[5px] text-left\">I am below 18 years old</label>\n     </div>\n     <div>\n       <label class=\"block text-sm mb-1 text-left\" for=\"name\">\n         Name\n       </label>\n       <input class=\"text-sm border-[#FF9D33] border-[0.5px] w-full py-3 px-6 rounded-md rounded-l-full rounded-r-full text-[#ADABC3]\" id=\"name\" type=\"text\" placeholder=\"Christianna Tong\" v-model=\"participant_name\">\n       <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.participant_name.$error\">Name is required</p>\n     </div>\n      <div>\n        <label class=\"block text-sm mb-1 text-left\" for=\"email\">\n          Contact Number\n        </label>\n        <input class=\"text-sm border-[#FF9D33] border-[0.5px] w-full py-3 px-6 rounded-md rounded-l-full rounded-r-full text-[#ADABC3]\" id=\"phone_no\" type=\"text\" placeholder=\"60171234567\" v-model=\"phone_no\">\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.phone_no.$error\">Phone No is required</p>\n      </div>\n      <div>\n        <label class=\"block text-sm mb-1 text-left\" for=\"phone\">\n          Email Address\n        </label>\n        <input class=\" border-[#FF9D33] border-[0.5px] w-full py-3 px-6 rounded-md rounded-l-full rounded-r-full text-[#ADABC3]\" id=\"email\" type=\"email\" placeholder=\"example@email.com\" v-model=\"email\">\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.email.$error\">Email is required</p>\n      </div>\n      <div>\n        <label class=\"block text-sm mb-1 text-left\" for=\"tiktok\">\n          TikTok Username\n        </label>\n        <input class=\"text-sm border-[#FF9D33] border-[0.5px] w-full py-3 px-6 rounded-md rounded-l-full rounded-r-full text-[#ADABC3]\" id=\"tiktok\" type=\"text\" placeholder=\"@christiana_t\" v-model=\"tiktok_username\">\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.tiktok_username.$error\">TikTok username is required</p>\n      </div>\n      <div v-if=\"parseInt(is_above_18_years_old) === 0\">\n        <label class=\"block text-sm mb-1 text-left\" for=\"tiktok\" >\n          Parent or Legal Guardian Name\n        </label>\n        <input class=\"text-sm border-[#FF9D33] border-[0.5px] w-full py-3 px-6 rounded-md rounded-l-full rounded-r-full text-[#ADABC3]\" id=\"tiktok\" type=\"text\" placeholder=\"Micheal Tong\" v-model=\"parent_name\">\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.parent_name.$error\">Parent or Legal Guardian Name is required</p>\n      </div>\n      <div v-if=\"parseInt(is_above_18_years_old) === 0\" class=\"mdtolg:relative\">\n        <label class=\"block text-sm mb-1 text-left\" for=\"tiktok\">\n          Relationship to the Child\n        </label>\n        <input class=\"text-sm border-[#FF9D33] border-[0.5px] w-full py-3 px-6 rounded-md rounded-l-full rounded-r-full text-[#ADABC3]\" id=\"tiktok\" type=\"text\" placeholder=\"Father/Mother\" v-model=\"relationship\">\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.relationship.$error\">Relationship to the Child is required</p>\n      </div>\n    </div>\n    <div class=\"flex flex-col text-sm p-4 text-left\">\n      <div>\n        <label class=\"inline-flex items-center\">\n          <input type=\"checkbox\" class=\"form-checkbox border-1 border-[#FF9D33] w-[50px] sm:w-auto\" v-model=\"is_read_term\" />\n          <span class=\"ml-2\">I certify that I have fully read and understood the <a href=\"#\" class=\"text-blue-500 underline\" @click.prevent=\"showTnCPopup\">Terms and Conditions</a> and <a href=\"#\" class=\"text-blue-500 underline\" @click.prevent=\"showPrivacyNoticePopup\">Privacy Notice</a>.</span>\n        </label>\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.is_read_term.$error\">You will need to read the term in order to continue</p>\n      </div>\n      <div>\n        <label class=\"inline-flex items-center\">\n          <input type=\"checkbox\" class=\"form-checkbox border-1 border-[#FF9D33] w-[70px] sm:w-auto\" v-model=\"is_agree_term\" />\n          <span class=\"ml-2\">By providing the information about and submitting this form, I hereby agree to be bound by the <a href=\"#\" class=\"text-blue-500 underline\" @click.prevent=\"showTnCPopup\">Terms and Conditions</a> and <a href=\"#\" class=\"text-blue-500 underline\" @click.prevent=\"showPrivacyNoticePopup\">Privacy Notice</a>.</span>\n        </label>\n        <p class=\"text-left text-red-500 text-xs mt-2\" v-if=\"v$.is_agree_term.$error\">You will need to agree the term in order to continue</p>\n      </div>\n    </div>\n    <div class=\"flex items-center justify-between pt-4 pb-6\">\n      <button v-if=\"!is_submitting\" class=\"bg-[#FF9D33] text-white text-sm text-center py-2 px-8 mx-auto rounded-md rounded-l-full rounded-r-full\" type=\"button\" v-on:click=\"submitEntry\">\n        SUBMIT\n      </button>\n      <button v-if=\"is_submitting\" class=\"bg-[#FF9D33] text-white text-sm text-center py-2 px-8 mx-auto rounded-md rounded-l-full rounded-r-full\" type=\"button\" disabled>SUBMITTING...</button>\n    </div>\n    <div class=\"mb-5 mx-5 py-5 broder-rad rounded bg-green-600 text-white\" v-if=\"is_submit_success\">\n      Thank you for your submission.\n    </div>\n    <Teleport to=\"body\">\n      <TnC :showTnCModal=\"showTnCModal\" @closeTnCModal=\"showTnCPopup\"></TnC>\n      <PrivacyNotice :showPrivacyNoticeModal=\"showPrivacyNoticeModal\" @closePrivacyNoticeModal=\"showPrivacyNoticePopup\"></PrivacyNotice>\n    </Teleport>\n  </form>\n</template>\n\n<script>\nimport useVuelidate from \"@vuelidate/core\";\nimport TnC from \"@/components/TnC.vue\";\nimport PrivacyNotice from \"@/components/PrivacyNotice.vue\";\nimport { required, email, requiredIf } from '@vuelidate/validators'\n\nexport default {\n  name: \"ContactForm\",\n  components: {\n    TnC,\n    PrivacyNotice\n  },\n  setup () {\n    return { v$: useVuelidate() }\n  },\n  data () {\n    return {\n      parent_name: '',\n      relationship: '',\n      participant_name: '',\n      phone_no: '',\n      email: '',\n      tiktok_username: '',\n      is_above_18_years_old: 1,\n      is_read_term: false,\n      is_agree_term: false,\n\n      is_error_parent_name: '',\n      is_error_relationship: '',\n      is_error_participant_name: '',\n      is_error_phone_no: '',\n      is_error_email: '',\n      is_error_tiktok_username: '',\n      is_error_is_read_term: false,\n      is_error_is_agree_term: false,\n\n      is_submitting: false,\n      is_submit_success: false,\n\n      showTnCModal: false,\n      showPrivacyNoticeModal: false\n    }\n  },\n  validations () {\n    return {\n      parent_name: { requiredIf: requiredIf(() => {\n          return this.is_above_18_years_old == 0\n        })},\n      relationship: {\n        requiredIf: requiredIf(() => {\n          return this.is_above_18_years_old == 0\n        })},\n      participant_name: { required },\n      phone_no: { required },\n      email: { required, email },\n      tiktok_username: { required },\n      is_read_term: { checked: value => value === true },\n      is_agree_term: { checked: value => value === true },\n    }\n  },\n  mounted() {\n    //console.log(this.locale)\n  },\n  methods: {\n    showTnCPopup() {\n      this.showTnCModal = !this.showTnCModal\n    },\n    showPrivacyNoticePopup() {\n      this.showPrivacyNoticeModal = !this.showPrivacyNoticeModal\n    },\n    async submitEntry () {\n\n      const isFormCorrect = await this.v$.$validate()\n\n      console.log(isFormCorrect)\n\n      if (isFormCorrect) {\n\n        const token_bearer = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzODUwNjJhOS05YjQ1LTRkNzYtOGU1My1iNzUwNDU3YmU3ZGYiLCJuYW1lIjoiVGlrdG9rIiwiaXNzIjoiVGlrVG9rQVBJIiwiYXVkIjoiVGlrVG9rQVBJIn0.pV0R4DKag59WsxYv-TfxG31FYKA3Sq5eZdBs0bMOvFY'\n\n        const config = {\n          headers: { Authorization: `Bearer ${token_bearer}` }\n        };\n\n\n        if (this.is_above_18_years_old === 1)\n        {\n          this.parent_name = ''\n          this.relationship = ''\n        }\n\n        this.is_submitting = true\n        this.is_submit_success = false\n\n\n        this.$axios.post('https://webservice.ecoworld.my/Tiktok/api/setContact/insert', {\n          Above18: this.is_above_18_years_old === 1 ? 'Y' : 'N',\n          ParentName: this.parent_name,\n          Relationship: this.relationship,\n          RegisterName: this.participant_name,\n          Mobile: this.phone_no,\n          Email: this.email,\n          TiktokUsername: this.tiktok_username,\n          ReadTermsCondition: this.is_read_term === true ? 'Y' : 'N',\n          AgreeTermsCondition: this.is_agree_term === true ? 'Y' : 'N',\n\n        }, config)\n          .then((response) => {\n\n\n            if (response.data[0].Result === 'Success') {\n              this.is_submit_success = true\n              this.is_submitting = false\n            } else {\n              this.is_submitting = false\n              this.is_submit_success = false\n            }\n          })\n          .catch(function (error) {\n            console.log(error);\n          });\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n\n</style>\n","import { render } from \"./ContactForm.vue?vue&type=template&id=988376c6\"\nimport script from \"./ContactForm.vue?vue&type=script&lang=js\"\nexport * from \"./ContactForm.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./RegistrationMobile.vue?vue&type=template&id=7ebe1e56\"\nimport script from \"./RegistrationMobile.vue?vue&type=script&lang=js\"\nexport * from \"./RegistrationMobile.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=6f8ade97\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=6f8ade97&lang=scss\"\n\nimport exportComponent from \"/Users/stevenyew/Projects/ecoworld-microsite/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from \"vue\";\nimport App from \"./App.vue\";\nimport \"./assets/tailwind.css\";\nimport '@/assets/sass/style.scss';\nimport { MotionPlugin } from '@vueuse/motion'\nimport axios from \"axios\";\n\nconst app = createApp(App)\n\napp.use(MotionPlugin)\napp.config.globalProperties.$axios = axios\n\napp.mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","__webpack_require__.p = \"/dudukje/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkecoworld_microsite\"] = self[\"webpackChunkecoworld_microsite\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(4812); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["class","delay","_createElementVNode","alt","src","_imports_0","_hoisted_4","_imports_1","_hoisted_6","_hoisted_8","_imports_2","_hoisted_10","_hoisted_12","_imports_3","_hoisted_14","_hoisted_16","_imports_4","_hoisted_18","_hoisted_20","_imports_5","_imports_8","_imports_9","_hoisted_28","_hoisted_29","_imports_10","_imports_11","_hoisted_33","_hoisted_34","_imports_12","_hoisted_37","id","_imports_13","_hoisted_43","_imports_14","_imports_15","_imports_16","_hoisted_48","_hoisted_49","_imports_17","_hoisted_52","_hoisted_53","_imports_18","_hoisted_58","_imports_19","_hoisted_63","_imports_20","_createVNode","_component_HeaderNavbar","_hoisted_1","style","$data","_hoisted_2","_createElementBlock","_hoisted_3","initial","y","enter","transition","repeat","Infinity","repeatType","duration","x","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_27","_hoisted_31","_hoisted_32","_hoisted_36","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_51","_hoisted_55","onClick","$options","_hoisted_56","_hoisted_57","is_active","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_65","_hoisted_66","_component_TikTok","_hoisted_67","_hoisted_68","_hoisted_69","_hoisted_73","_component_contact_form","_component_RegistrationMobile","_component_PageFooter","href","xmlns","fill","viewBox","stroke","d","_hoisted_7","_hoisted_9","_hoisted_5","name","type","data","showMenu","mounted","window","addEventListener","this","handleScroll","methods","toggleNavbar","navbar","document","querySelector","scrollY","classList","add","remove","__exports__","_component_TnC","showTnCModal","onCloseTnCModal","_component_PrivacyNotice","showPrivacyNoticeModal","onClosePrivacyNoticeModal","$props","_ctx","props","Boolean","components","TnC","PrivacyNotice","showTnCPopup","showPrivacyNoticePopup","_hoisted_11","_hoisted_13","_hoisted_15","_hoisted_17","innerHTML","embed","length","_hoisted_21","_Fragment","video","key","thumbnail","videos","index","dudukmy_thumbnail","yanastrawberry_thumbnail","alvinteokm_thumbnail","wingkeh_keifth_thumbnail","fareesasri97_thumbnail","itserfan_thumbnail","nurfarahelia_thumbnail","azure_elynn_en_thumbnail","serenavanilla_thumbnail","babyakiyo526_thumbnail","aimanrahman88_thumbnail","dodo900226_thumbnail","elcah_thumbnail","kiyotchaa_thumbnail","perrykuan_thumbnail","selected_video","beforeMount","initTikTokScripts","navigateVideo","direction","video_id","current_video_index","findIndex","next_video_index","changeVideo","forEach","find","oldScript","script","createElement","setAttribute","head","appendChild","for","disabled","value","checked","placeholder","$setup","participant_name","$error","phone_no","email","tiktok_username","parseInt","parent_name","_hoisted_19","relationship","is_read_term","_hoisted_26","is_agree_term","_hoisted_30","_createBlock","_Teleport","to","setup","v$","useVuelidate","is_above_18_years_old","is_error_parent_name","is_error_relationship","is_error_participant_name","is_error_phone_no","is_error_email","is_error_tiktok_username","is_error_is_read_term","is_error_is_agree_term","is_submitting","is_submit_success","validations","requiredIf","required","async","isFormCorrect","$validate","console","log","token_bearer","config","headers","Authorization","$axios","post","Above18","ParentName","Relationship","RegisterName","Mobile","Email","TiktokUsername","ReadTermsCondition","AgreeTermsCondition","then","response","Result","catch","error","ContactForm","registrationbg","TikTok","HeaderNavbar","PageFooter","RegistrationMobile","infinitypool","steps","chooseStep","step","item","render","app","createApp","App","use","MotionPlugin","globalProperties","axios","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","i","fulfilled","j","Object","keys","every","splice","r","n","getter","__esModule","a","definition","o","defineProperty","enumerable","get","g","globalThis","Function","e","obj","prop","prototype","hasOwnProperty","call","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","push","__webpack_exports__"],"sourceRoot":""}