{"version":3,"sources":["webpack:///./static/img/books.svg","webpack:///./static/img/puzzles.svg","webpack:///./static/img/hellocode-v2/mobile-devices.png","webpack:///src/components/main/forBusiness/productivitySection.vue","webpack:///./src/components/main/forBusiness/productivitySection.vue?e5ce","webpack:///./src/components/main/forBusiness/productivitySection.vue"],"names":["module","exports","__webpack_require__","p","productivitySection","data","webpSupported","computed","isAuth","this","$store","getters","methods","MoveUP","topSectionA","$refs","window","scrollTo","showModal","main","$emit","transformImgExt","url","replace","created","_this","regeneratorRuntime","mark","_callee","webpData","blob","wrap","_context","prev","next","self","createImageBitmap","abrupt","fetch","then","r","sent","stop","mounted","forBusiness_productivitySection","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","loading","src","decoding","alt","_v","_s","$t","$route","name","to","query","lang","on","click","$event","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"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","file":"static/js/63.e246ceb5d198cc8224c6.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/books.9e88b10.svg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/img/books.svg\n// module id = NbE5\n// module chunks = 62 63","module.exports = __webpack_public_path__ + \"static/img/puzzles.b7e0396.svg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/img/puzzles.svg\n// module id = WlpI\n// module chunks = 63","module.exports = __webpack_public_path__ + \"static/img/mobile-devices.9fdeb30.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/img/hellocode-v2/mobile-devices.png\n// module id = iDqQ\n// module chunks = 63","<template>\r\n  <section>\r\n    <div class=\"boostProductivitySection\">\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6 col-lg-6 col-xl-6 mobNone\">\r\n           <span class=\"responsiveWeb\">\r\n             <img loading=\"lazy\"\r\n               :src=\"transformImgExt('../../../../static/img/hellocode-v2/any.webp')\"\r\n               decoding=\"async\" alt=\"any-device\" class=\"any-img\"\r\n            />\r\n             </span> \r\n             <span class=\"responsive\">\r\n            <img\r\n            :src=\"transformImgExt('../../../../static/img/hellocode-v2/tablet-Devices_1.webp')\"\r\n            \r\n               decoding=\"async\"\r\n              class=\"reswidth\"\r\n              alt=\"tablet-Devices\"\r\n              loading=\"lazy\"\r\n            />\r\n             </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n            <div class=\"bootsCards\">\r\n              <div class=\"upperTextE\">\r\n                <h1>{{ $t(\"message.boostProductivitySection.main_title\") }}</h1>\r\n              </div>\r\n              <div class=\"sectionElower\">\r\n                {{ $t(\"message.boostProductivitySection.main_text\") }}\r\n              </div>\r\n\r\n              <div class=\"boostCard\">\r\n                <img\r\n                  class=\"bootsImges\"\r\n                  src=\"../../../../static/img/puzzles.svg\"\r\n                   decoding=\"async\"\r\n                   alt=\"puzzles\"\r\n                   loading=\"lazy\"\r\n                />\r\n\r\n                <div class=\"wdwedwe\">\r\n                  <div class=\"upperCardDText\">\r\n                    {{ $t(\"message.boostProductivitySection.upperCardDText\") }}\r\n                  </div>\r\n                  <div class=\"lowerCardDText\">\r\n                    {{ $t(\"message.boostProductivitySection.lowerCardDText\") }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"boostCard\">\r\n                <img\r\n                  class=\"bootsImges\"\r\n                  src=\"https://cdn-static-images-frontend.s3.eu-west-1.amazonaws.com/hellocodeV2/twoPhones.svg\"\r\n                   decoding=\"async\"\r\n                   alt=\"twoPhones\"\r\n                   loading=\"lazy\"\r\n                />\r\n\r\n                <div class=\"wdwedwe\">\r\n                  <div class=\"upperCardDText\">\r\n                    {{ $t(\"message.boostProductivitySection.Responsiveweb\") }}\r\n                  </div>\r\n                  <div class=\"lowerCardDText\">\r\n                    {{ $t(\"message.boostProductivitySection.Responsive_text\") }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"boostCard\">\r\n                <img\r\n                  class=\"bootsImges\"\r\n                  src=\"../../../../static/img/books.svg\"\r\n                   decoding=\"async\"\r\n                   alt=\"books\"\r\n                   loading=\"lazy\"\r\n                />\r\n\r\n                <div class=\"wdwedwe\">\r\n                  <div class=\"upperCardDText\">\r\n                    {{ $t(\"message.boostProductivitySection.features_update\") }}\r\n                  </div>\r\n                  <div class=\"lowerCardDText\">\r\n                    {{ $t(\"message.boostProductivitySection.features_des\") }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <img\r\n              src=\"../../../../static/img/hellocode-v2/mobile-devices.png\"\r\n         \r\n          \r\n                class=\"responsiveMob\"\r\n                alt=\"mobile-devices\"\r\n                loading=\"lazy\"\r\n              />\r\n              <router-link\r\n                v-if=\"isAuth == null && $route.name =='schoolBusiness'\"\r\n                :to=\"{\r\n                  name: 'schoolBusiness',\r\n                  query: { lang: $route.query.lang },\r\n                }\"\r\n                class=\"requestADemoEsection\"\r\n              >\r\n                <span\r\n                  @click=\"MoveUP('topSectionA')\r\n                  \"\r\n                >\r\n                  {{ $t(\"message.boostProductivitySection.register_btn\") }}</span\r\n                >\r\n              </router-link>\r\n               <router-link\r\n                v-if=\"isAuth == null && $route.name !=='schoolBusiness'\"\r\n                :to=\"{\r\n                  name: 'Register',\r\n                  query: { lang: $route.query.lang },\r\n                }\"\r\n                class=\"requestADemoEsection2\"\r\n              >\r\n                 {{$t(\"message.loginPage.free_re\")}}\r\n              </router-link>\r\n\r\n             \r\n             <button  v-if=\"isAuth == null && $route.name =='schoolBusiness'\" class=\"show-mob-only\" @click=\"showModal()\">{{$t(\"message.boostProductivitySection.register_btn\")}}</button>\r\n             <router-link v-if=\"isAuth == null && $route.name !=='schoolBusiness'\" class=\"show-mob-only2\" :to=\"{ name: 'Register', query: { lang: $route.query.lang }}\"> {{$t(\"message.loginPage.free_re\")}}</router-link>       \r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { eventBus } from \"@/main\";\r\nimport axios from \"../../../store/axios-auth\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      webpSupported: true,\r\n    };\r\n  },\r\n  computed: {\r\n    isAuth() {\r\n      return this.$store.getters.isAuth;\r\n    },\r\n  },\r\n  methods: {\r\n    MoveUP(topSectionA) {\r\n      let element = this.$refs[topSectionA];\r\n      window.scrollTo(0, 0);\r\n    },\r\n    showModal() {\r\n      eventBus.$emit(\"showDemoModal\");\r\n    },\r\n    transformImgExt (url) {\r\n      // If webp is supported, transform the url\r\n      if (this.webpSupported) {\r\n        return url.replace(/\\.\\w{1,5}$/, \".webp\");\r\n      } else { // Otherwise, just return the original\r\n        return url;\r\n      }\r\n    },\r\n    created() {\r\n    (async () => {\r\n      // If browser doesn't have createImageBitmap, we can't use webp.\r\n      if (!self.createImageBitmap) {\r\n        this.webpSupported = false;\r\n        return;\r\n      }\r\n\r\n      // Base64 representation of a white point image\r\n      const webpData = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA=';\r\n      // Retrieve the Image in Blob Format\r\n      const blob = await fetch(webpData).then(r => r.blob());\r\n      // If the createImageBitmap method succeeds, return true, otherwise false\r\n      this.webpSupported = await createImageBitmap(blob).then(() => true, () => false);\r\n\r\n    })();\r\n  } // End created\r\n\r\n  },\r\n  mounted() {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.any-img{\r\n  width:707px;\r\n  height: 801px;\r\n}\r\n.show-mob-only{\r\n  display: none;\r\n}\r\n.show-mob-only2{\r\n  display: none;\r\n}\r\n.boostProductivitySection {\r\n  background: #FFFFFF;\r\n  padding: 5rem 0rem;\r\n}\r\n.responsiveWeb {\r\n  position: relative;\r\n  right: 53%;\r\n}\r\n.upperTextE h1 {\r\n  font-weight: 700;\r\n  font-size: 40px;\r\n  line-height: 48px;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.boostCard {\r\n  padding: 16px 21px 16px 16px;\r\n  margin: 0px 0px 24px 0px;\r\n  background: #ffffff;\r\n  align-items: center;\r\n  box-shadow: 0px 2px 5px rgba(227, 228, 230, 0.66),\r\n  0px 0px 8px rgba(228, 231, 236, 0.3);\r\n  border-radius: 11px;\r\n  width: 461px;\r\n  display: flex;\r\n}\r\n.upperTextE {\r\n  font-size: 40px;\r\n  line-height: 48px;\r\n  letter-spacing: -2.1px;\r\n}\r\n.reswidth{\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.sectionElower {\r\n  font-weight: 700;\r\n  font-size: 18px;\r\n  letter-spacing: 1px;\r\n  line-height: 24px;\r\n  color: #475467;\r\n  margin: 12px 2rem 37px 0px;\r\n}\r\n\r\n.bootsImges {\r\n  padding: 17px;\r\n  width:113px;\r\n  height: 112px;\r\n}\r\n\r\n.upperCardDText {\r\n  font-weight: bold;\r\n  font-size: 18px;\r\n  color: #101828;\r\n}\r\n\r\n.lowerCardDText {\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  letter-spacing: 0.5px;\r\n  color: #101828;\r\n}\r\n\r\n.bootsCards {\r\n    padding-top: 6.6rem;\r\n    position: relative;\r\n}\r\n.requestADemoEsection, .requestADemoEsection2 {\r\n  padding: 15px 36px 14px 34px;\r\n  border-radius: 14px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  width: 205px;\r\n  text-decoration: none !important;\r\n  display: block;\r\n  color: rgb(0, 0, 0) !important;\r\n}\r\n\r\n.requestADemoEsection{\r\n  background: #4ac1e0;\r\n  box-shadow: inset 0px -4px 1px #4ac1e0;\r\n  border: 1px #4ac1e0 solid;\r\n}\r\n\r\n.requestADemoEsection2{\r\n  box-shadow: inset 0px -4px 0px #CDA804;\r\n  border: 1px #F4C045 solid;\r\n  background: #F4C045;\r\n}\r\n\r\n.responsive {\r\n  display: none;\r\n}\r\n.responsiveMob {\r\n  display: none;\r\n}\r\n@media (min-width: 992px) and (max-width: 1199px) {\r\n  .responsiveMob {\r\n    display: none;\r\n  }\r\n\r\n  .boostCard {\r\n    width: 426px;\r\n  }\r\n  .responsiveWeb {\r\n    display: none;\r\n  }\r\n  .responsive {\r\n    display: block;\r\n    position: relative;\r\n    width: 85%;\r\n    right: 28%;\r\n    margin-right: auto;\r\n  }\r\n  .bootsCards {\r\n    padding-top: 6.6rem;\r\n    position: relative;\r\n    left: 0%;\r\n}\r\n}\r\n@media (min-width: 1200px) and (max-width: 1300px) {\r\n  .bootsCards{\r\n    left: 0%;\r\n}\r\n}\r\n@media (min-width: 768px) and (max-width: 991.98px) {\r\n  .upperTextE h1{\r\n    font-size: 34px;\r\n}\r\n  .responsiveMob {\r\n    display: none;\r\n  }\r\n.boostCard {\r\n    width: 396px;\r\n}\r\n  .upperTextE h1 {\r\n    white-space: nowrap;\r\n  }\r\n  .sectionElower {\r\n    margin: 12px 0rem 37px 0px;\r\n  }\r\n  .bootsCards {\r\n    left: unset;\r\n    right: 3rem;\r\n    padding-top: 10.6rem;\r\n  }\r\n  .responsiveWeb {\r\n    display: none;\r\n  }\r\n  .responsive {\r\n    display: block;\r\n    position: relative;\r\n    width: 125%;\r\n    right: 46%;\r\n    margin-right: auto;\r\n  }\r\n}\r\n@media (min-width: 445px) and (max-width: 767.98px) {\r\n  .requestADemoEsection2{\r\n    display: none;\r\n  }\r\n    .show-mob-only, .show-mob-only2{\r\n  display: block;\r\n  padding: 15px 36px 14px 34px;\r\n  border-radius: 14px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  width: 205px;\r\n  text-decoration: none !important;\r\n  display: block;\r\n  color: black;\r\n}\r\n.show-mob-only{\r\n  background: #4ac1e0;\r\n  box-shadow: inset 0px -4px 1px #00a1c9;\r\n  border: 1px #4ac1e0 solid;\r\n}\r\n\r\n.show-mob-only2{\r\n  box-shadow: inset 0px -4px 0px #CDA804;\r\n  border: 1px #F4C045 solid;\r\n  background: #F4C045;\r\n  padding: 15px 20px 14px 20px;\r\n}\r\n  .requestADemoEsection{\r\n    display: none;\r\n  }\r\n  .upperCardDText {\r\n    text-align: -webkit-left;\r\n  }\r\n  .sectionElower {\r\n    margin: 12px 0rem 37px 0px;\r\n  }\r\n\r\n  .lowerCardDText {\r\n    text-align: -webkit-left;\r\n  }\r\n  .bootsCards {\r\n    text-align: -webkit-center;\r\n    position: unset;\r\n  }\r\n  .responsiveWeb {\r\n    display: none;\r\n  }\r\n  .responsiveMob {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 5rem 0rem 1rem;\r\n    height: 100%;\r\n  }\r\n  .responsive {\r\n    display: none;\r\n  }\r\n  .mobNone {\r\n    display: none;\r\n  }\r\n  .boostCard {\r\n    width: 419px;\r\n  }\r\n  .bootsCards {\r\n    padding-top: 0px;\r\n    position: unset;\r\n  }\r\n}\r\n@media (min-width: 320px) and (max-width: 444.98px) {\r\n  .show-mob-only, .show-mob-only2{\r\n  display: block;\r\n  padding: 15px 36px 14px 34px;\r\n  border-radius: 14px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  color: black;\r\n  width: 205px;\r\n  text-decoration: none !important;\r\n  display: block;\r\n}\r\n.show-mob-only2{\r\n    box-shadow: inset 0px -4px 0px #CDA804;\r\n    border: 1px #F4C045 solid;\r\n    background: #F4C045;\r\n    padding: 15px 9px 14px 5px;\r\n}\r\n    .requestADemoEsection2{\r\n    display: none;\r\n  }\r\n  .requestADemoEsection{\r\n    display: none;\r\n  }\r\n  .show-mob-only{\r\n  display: block;\r\n  padding: 15px 36px 14px 34px;\r\n  background: #4ac1e0;\r\n  box-shadow: inset 0px -4px 1px #00a1c9;\r\n  border-radius: 14px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  width: 205px;\r\n  text-decoration: none !important;\r\n  display: block;\r\n  border: 1px #4ac1e0 solid;\r\n}\r\n.upperTextE h1{\r\n    text-align: -webkit-center !important;\r\n}\r\n  .upperCardDText {\r\n    text-align: center;\r\n}\r\n  .sectionElower {\r\n    margin: 12px 0rem 37px 0px;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .lowerCardDText {\r\n    text-align: -webkit-center !important;\r\n  }\r\n  .boostCard {\r\n    display: flow-root;\r\n    width: unset;\r\n    text-align-last: center !important;\r\n  }\r\n  .responsiveWeb {\r\n    display: none;\r\n  }\r\n  .responsiveMob {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 5rem 0rem 1rem;\r\n    height: 100%;\r\n  }\r\n  .responsive {\r\n    display: none;\r\n  }\r\n  .bootsCards {\r\n    text-align: -webkit-center !important;\r\n    padding-top: 0px;\r\n    position: unset;\r\n  }\r\n  .mobNone {\r\n    display: none;\r\n  }\r\n}\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/main/forBusiness/productivitySection.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"boostProductivitySection\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 col-lg-6 col-xl-6 mobNone\"},[_c('span',{staticClass:\"responsiveWeb\"},[_c('img',{staticClass:\"any-img\",attrs:{\"loading\":\"lazy\",\"src\":_vm.transformImgExt('../../../../static/img/hellocode-v2/any.webp'),\"decoding\":\"async\",\"alt\":\"any-device\"}})]),_vm._v(\" \"),_c('span',{staticClass:\"responsive\"},[_c('img',{staticClass:\"reswidth\",attrs:{\"src\":_vm.transformImgExt('../../../../static/img/hellocode-v2/tablet-Devices_1.webp'),\"decoding\":\"async\",\"alt\":\"tablet-Devices\",\"loading\":\"lazy\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-sm-12 col-md-6 col-lg-6 col-xl-6\"},[_c('div',{staticClass:\"bootsCards\"},[_c('div',{staticClass:\"upperTextE\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"message.boostProductivitySection.main_title\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"sectionElower\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"message.boostProductivitySection.main_text\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"boostCard\"},[_c('img',{staticClass:\"bootsImges\",attrs:{\"src\":require(\"../../../../static/img/puzzles.svg\"),\"decoding\":\"async\",\"alt\":\"puzzles\",\"loading\":\"lazy\"}}),_vm._v(\" \"),_c('div',{staticClass:\"wdwedwe\"},[_c('div',{staticClass:\"upperCardDText\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"message.boostProductivitySection.upperCardDText\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"lowerCardDText\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"message.boostProductivitySection.lowerCardDText\"))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"boostCard\"},[_c('img',{staticClass:\"bootsImges\",attrs:{\"src\":\"https://cdn-static-images-frontend.s3.eu-west-1.amazonaws.com/hellocodeV2/twoPhones.svg\",\"decoding\":\"async\",\"alt\":\"twoPhones\",\"loading\":\"lazy\"}}),_vm._v(\" \"),_c('div',{staticClass:\"wdwedwe\"},[_c('div',{staticClass:\"upperCardDText\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"message.boostProductivitySection.Responsiveweb\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"lowerCardDText\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"message.boostProductivitySection.Responsive_text\"))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"boostCard\"},[_c('img',{staticClass:\"bootsImges\",attrs:{\"src\":require(\"../../../../static/img/books.svg\"),\"decoding\":\"async\",\"alt\":\"books\",\"loading\":\"lazy\"}}),_vm._v(\" \"),_c('div',{staticClass:\"wdwedwe\"},[_c('div',{staticClass:\"upperCardDText\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"message.boostProductivitySection.features_update\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"lowerCardDText\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"message.boostProductivitySection.features_des\"))+\"\\n                \")])])]),_vm._v(\" \"),_c('img',{staticClass:\"responsiveMob\",attrs:{\"src\":require(\"../../../../static/img/hellocode-v2/mobile-devices.png\"),\"alt\":\"mobile-devices\",\"loading\":\"lazy\"}}),_vm._v(\" \"),(_vm.isAuth == null && _vm.$route.name =='schoolBusiness')?_c('router-link',{staticClass:\"requestADemoEsection\",attrs:{\"to\":{\n                name: 'schoolBusiness',\n                query: { lang: _vm.$route.query.lang },\n              }}},[_c('span',{on:{\"click\":function($event){_vm.MoveUP('topSectionA')}}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"message.boostProductivitySection.register_btn\")))])]):_vm._e(),_vm._v(\" \"),(_vm.isAuth == null && _vm.$route.name !=='schoolBusiness')?_c('router-link',{staticClass:\"requestADemoEsection2\",attrs:{\"to\":{\n                name: 'Register',\n                query: { lang: _vm.$route.query.lang },\n              }}},[_vm._v(\"\\n               \"+_vm._s(_vm.$t(\"message.loginPage.free_re\"))+\"\\n            \")]):_vm._e(),_vm._v(\" \"),(_vm.isAuth == null && _vm.$route.name =='schoolBusiness')?_c('button',{staticClass:\"show-mob-only\",on:{\"click\":function($event){_vm.showModal()}}},[_vm._v(_vm._s(_vm.$t(\"message.boostProductivitySection.register_btn\")))]):_vm._e(),_vm._v(\" \"),(_vm.isAuth == null && _vm.$route.name !=='schoolBusiness')?_c('router-link',{staticClass:\"show-mob-only2\",attrs:{\"to\":{ name: 'Register', query: { lang: _vm.$route.query.lang }}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"message.loginPage.free_re\")))]):_vm._e()],1)])])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-c2ad19ca\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/main/forBusiness/productivitySection.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-c2ad19ca\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./productivitySection.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./productivitySection.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./productivitySection.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-c2ad19ca\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./productivitySection.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-c2ad19ca\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/main/forBusiness/productivitySection.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}