{"version":3,"sources":["webpack:///./src/components/UI/WithImage.vue?d521","webpack:///./public/img/landing/template.png","webpack:///./public/img/landing/google-play-badge.png","webpack:///./src/components/UI/Interaction/PreviewInteraction.vue?cf58","webpack:///./src/components/UI/WithImage.vue?b29f","webpack:///src/components/UI/WithImage.vue","webpack:///./src/components/UI/WithImage.vue?d70b","webpack:///./src/components/UI/WithImage.vue","webpack:///./public/img/landing/app-store-badge.png","webpack:///./src/views/landing/parts/Preview.vue?1c30","webpack:///./src/components/UI/Interaction/PreviewInteraction.vue?146d","webpack:///./src/components/UI/InputForm.vue?0e0e","webpack:///src/components/UI/InputForm.vue","webpack:///./src/components/UI/InputForm.vue?16cf","webpack:///./src/components/UI/InputForm.vue","webpack:///src/components/UI/Interaction/PreviewInteraction.vue","webpack:///./src/components/UI/Interaction/PreviewInteraction.vue?80fd","webpack:///./src/components/UI/Interaction/PreviewInteraction.vue","webpack:///src/views/landing/parts/Preview.vue","webpack:///./src/views/landing/parts/Preview.vue?f8da","webpack:///./src/views/landing/parts/Preview.vue","webpack:///./src/views/landing/parts/Preview.vue?8d1c","webpack:///./src/components/UI/InputForm.vue?26e9"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","class","imageAlt","attrs","imageSrc","responsiveTemplateHeight","_e","staticRenderFns","name","props","type","Type","computed","responsiveMobile","widthSrceen","responsiveMobileRestos","responsiveTemplate","responsiveFood","responsiveBackOffice","component","VRow","VCol","isEmailForm","isLeft","section","isPhoneForm","page","scopedSlots","_u","key","fn","_t","proxy","isInfo","showImage","staticClass","showMdScreen","_m","slot","_v","directives","rawName","value","expression","ref","nativeOn","$event","indexOf","_k","keyCode","clicknter","apply","arguments","isError","lead1","email","model","callback","$$v","VBtn","def","on","submit","components","ValidationObserver","TextField","data","tags","methods","mapActions","showSnackbar","setPhoneLead","leadService","TextContent","WithImage","PhoneForm","InputForm","PreviewInteraction","mounted"],"mappings":"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","file":"js/chunk-3972dc45.165e5ccc.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithImage.vue?vue&type=style&index=0&id=387cc0da&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithImage.vue?vue&type=style&index=0&id=387cc0da&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/template.43c13250.png\";","module.exports = __webpack_public_path__ + \"img/google-play-badge.14df6f33.png\";","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewInteraction.vue?vue&type=style&index=0&id=7b6e1bd0&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewInteraction.vue?vue&type=style&index=0&id=7b6e1bd0&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.imageAlt === 'Размещайте QR-код на тейбл-тентах'\n       ? 'wrapper-tableTent'\n       : _vm.imageAlt === 'Доступ к меню заведения через qr-код'\n       ? 'wrapper-onlineMenu'\n       : _vm.imageAlt === 'Бэк-офис GisMenu'\n       ? 'wrapper-backOffice'\n       : _vm.imageAlt === 'Справочник заведений в приложении GisMenu на смартфоне'\n       ? 'wrapper-restos'\n       : _vm.imageAlt === 'Сканирование QR-кода с устройства'\n       ? 'wrapper-qr'\n       : _vm.imageAlt === 'Переход в приложение через QR-код'\n       ? 'wrapper_qr' \n       : _vm.imageAlt === 'Приложение GisMenu на смартофне' ? 'wrapper wrapper-app-gismenu-preview'\n       : 'wrapper'},[(_vm.imageSrc)?_c('img',{class:_vm.imageAlt === 'Сканирование QR-кода с устройства'\n       ? 'step-1'\n       : _vm.imageAlt === 'Переход в приложение через QR-код'\n       ? 'step-2'\n       : _vm.imageAlt === 'Бэк-офис GisMenu'\n       ? 'back-ofice'\n       : _vm.imageAlt === 'Приложение GisMenu на смартофне'\n       ? 'app-gismenu-preview'\n       : '',attrs:{\"src\":_vm.imageSrc,\"height\":_vm.imageAlt === 'Размещайте QR-код на тейбл-тентах' ? _vm.responsiveTemplateHeight : '',\"alt\":_vm.imageAlt}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div\n    :class=\"\n      imageAlt === 'Размещайте QR-код на тейбл-тентах'\n        ? 'wrapper-tableTent'\n        : imageAlt === 'Доступ к меню заведения через qr-код'\n        ? 'wrapper-onlineMenu'\n        : imageAlt === 'Бэк-офис GisMenu'\n        ? 'wrapper-backOffice'\n        : imageAlt === 'Справочник заведений в приложении GisMenu на смартфоне'\n        ? 'wrapper-restos'\n        : imageAlt === 'Сканирование QR-кода с устройства'\n        ? 'wrapper-qr'\n        : imageAlt === 'Переход в приложение через QR-код'\n        ? 'wrapper_qr' \n        : imageAlt === 'Приложение GisMenu на смартофне' ? 'wrapper wrapper-app-gismenu-preview'\n        : 'wrapper'\n    \"\n  >\n\n  <img\n    v-if=\"imageSrc\"\n    :class=\"\n      imageAlt === 'Сканирование QR-кода с устройства'\n        ? 'step-1'\n        : imageAlt === 'Переход в приложение через QR-код'\n        ? 'step-2'\n        : imageAlt === 'Бэк-офис GisMenu'\n        ? 'back-ofice'\n        : imageAlt === 'Приложение GisMenu на смартофне'\n        ? 'app-gismenu-preview'\n        : ''\n    \"\n    :src=\"imageSrc\"\n    :height=\"imageAlt === 'Размещайте QR-код на тейбл-тентах' ? responsiveTemplateHeight : ''\"\n    :alt=\"imageAlt\"\n  />\n </div>\n</template>\n\n<script>\nexport default {\n  name: 'with-image',\n  props: {\n    imageSrc: { type: String },\n    imageAlt: { Type: String },\n  },\n  computed: {\n    responsiveMobile() {\n      const widthSrceen = this.$vuetify.breakpoint.width;\n      return widthSrceen < 480\n        ? '320'\n        : widthSrceen < 960\n        ? '330'\n        : widthSrceen < 1200\n        ? '400'\n        : '475';\n    },\n    responsiveMobileRestos() {\n      const widthSrceen = this.$vuetify.breakpoint.width;\n      return widthSrceen < 480\n        ? '280'\n        : widthSrceen < 960\n        ? '290'\n        : widthSrceen < 1200\n        ? '360'\n        : '460';\n    },\n    responsiveTemplate() {\n      const widthSrceen = this.$vuetify.breakpoint.width;\n      return widthSrceen < 480\n        ? '220'\n        : widthSrceen < 960\n        ? '250'\n        : widthSrceen < 1200\n        ? '290'\n        : '335';\n    },\n    responsiveTemplateHeight() {\n      const widthSrceen = this.$vuetify.breakpoint.width;\n      return widthSrceen < 480\n        ? '280'\n        : widthSrceen < 960\n        ? '290'\n        : widthSrceen < 1200\n        ? '380'\n        : '420';\n    },\n    responsiveFood() {\n      const widthSrceen = this.$vuetify.breakpoint.width;\n      return widthSrceen < 390\n        ? '300'\n        : widthSrceen < 520\n        ? '380'\n        : widthSrceen < 640\n        ? '500'\n        : widthSrceen < 1200\n        ? '630'\n        : widthSrceen < 1320\n        ? '650'\n        : '560.05';\n    },\n    responsiveBackOffice() {\n      const widthSrceen = this.$vuetify.breakpoint.width;\n      return widthSrceen < 390\n        ? '300'\n        : widthSrceen < 520\n        ? '380'\n        : widthSrceen < 960\n        ? '400'\n        : widthSrceen < 1200\n        ? '570'\n        : widthSrceen < 1320\n        ? '650'\n        : '690';\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import '../../scss/mixins/media.scss';\n/*.back-ofice{\n  min-width: 606px;\n}*/\n.wrapper {\n  width: 100%;\n  height: auto;\n  text-align: center;\n  img {\n/*width: 100%;\n  height: \n  500px;\n  object-fit: cover;*/\n  margin-left: -3em;\n    @media (max-width: map-get($breack-point, lg)) {\n      margin-left: 5em;\n    }\n    @media (max-width: map-get($breack-point, md)) {\n      margin-left: 0em;\n    }\n    @media (min-width: map-get($breack-point, xl)) {\n      margin-left: 4em;\n    }\n  }\n  @media (min-width: map-get($breack-point, xl)) {\n    margin-right: 20em;\n  }\n}\n.wrapper-img{\nwidth: 500px; \nheight: 480px;\nbackground-repeat: no-repeat;\nbackground-position: center;\nbackground-image: url('../../../public/img/landing/delivary/delivery.png');\nmargin-left: 4em;\n}\n/*.wrapper-qr-preview{\n  width: 475px; \nheight: 518px;\nbackground-repeat: no-repeat;\nbackground-position: center;\nbackground-image: url('../../../public/img/qr/preview.png');\nmargin-left: 4em;\n}*/\n.wrapper-qr {\n  text-align: center;\n  img {\n    margin-left: 0em;\n    @media (max-width: 1263px) {\n      margin-left: -2.5em;\n    }\n    @media (max-width: map-get($breack-point, lg)) {\n      margin-left: -2.5em;\n    }\n    @media (max-width: map-get($breack-point, md)) {\n      margin-left: 0em;\n    }\n  }\n}\n.wrapper-restos {\n  text-align: center;\n  width: 100%;\n  img {\n    margin-left: -9em;\n    width: 475px;\n    height: auto;\n    @media (max-width: 1263px) {\n      margin-left: -3em;\n    }\n    @media (max-width: map-get($breack-point, lg)) {\n      margin-left: 0em;\n    }\n     @media (max-width: 1099px) {\n      margin-left: 3em;\n    }\n    @media (max-width: map-get($breack-point, md)) {\n      margin-left: 0em;\n    }\n    @media (max-width: map-get($breack-point, xs)) {\n      width: 100%;\n    }\n    @media (min-width: map-get($breack-point, xl)) {\n      margin-left: 1em;\n    }\n  }\n}\n.wrapper-menu {\n  text-align: center;\n  @media (max-width: map-get($breack-point, lg)) {\n    margin-left: 1em;\n  }\n}\n.wrapper-tableTent {\n   @media (max-width: map-get($breack-point, md)) {\n    display: flex;\n    justify-content: center;\n  }\n  img {\n    margin-top: 0.5em;\n    @include imageFormEmail();\n  }\n}\n.wrapper-onlineMenu {\n  text-align: center;\n  width: 100%;\n  img {\n    width: 475px;\n    height: auto;\n     @media (max-width: map-get($breack-point, lg)) {\n      margin-left: 3em;\n    }\n    @media (max-width: 1099px) {\n      margin-left: 4em;\n    }\n    @media (max-width: map-get($breack-point, md)) {\n       margin-left: 0em;\n      padding-left: 0em;\n    }\n    @media (max-width: map-get($breack-point, xs)) {\n      width: 100%;\n    }\n  }\n  @media (min-width: map-get($breack-point, xl)) {\n    margin-right: 13em;\n  }\n}\n.wrapper-app-gismenu-preview{\n  width: 100%;\n  img {\n    width: 475px;\n    height: auto;\n     @media (max-width: map-get($breack-point, xs)) {\n     width: 100%;\n    }\n  }\n}\n.wrapper-backOffice {\nwidth: 100%;\n  img {\n    width: 640px;\n    height: auto;\n    margin-left: 0.5em;\n    //padding-right: 8em;\n    @media (max-width: 1264px) {\n      margin-left: -3.5em;\n    }\n     @media (max-width: 1263px) {\n      margin-left: 0em;\n    }\n    @media (max-width: 1100px) {\n    width: 600px;\n  }\n    @media (max-width: map-get($breack-point, lg)) {\n      margin-left: 4em;\n    }\n    @media (max-width: map-get($breack-point, md)) {\n     margin-left: 0em;\n    }\n    @media (max-width: map-get($breack-point, sm)) {\n     width: 100%;\n    }\n    @media (min-width: map-get($breack-point, xl)) {\n     // margin-left: 1em;\n    }\n  }\n}\n.step-1 {\n  width: 90%;\n  height: 548px;\n  transform: translateY(-2%);\n   @media (max-width: 1264px) {\n    height: 480px;\n    transform: translateX(11%);\n  }\n  @media (max-width: map-get($breack-point, md)) {\n    transform: translateX(0%);\n    height: 432px;\n  }\n  @media (max-width: 499px) {\n    transform: translateX(0%);\n    height: autopx;\n  }\n  @media (max-width: 411px) {\n    transform: translateX(0%);\n    width: 100%;\n    height: 372px;\n  }\n  @media (max-width: 375px) {\n    transform: translateX(0%);\n    height: 302px;\n  }\n}\n.step-2 {\n  width: 650px;\n  height: auto;\n  @media (max-width: map-get($breack-point, xl)) {\n    transform: translateX(-8%);\n  }\n    @media (max-width: 1263px) {\n    transform: translateX(-14%);\n  }\n  @media (max-width: map-get($breack-point, lg)) {\n    transform: translateX(-15%);\n  }\n   @media (max-width: map-get($breack-point, md)) {\n    transform: translateX(-17.5%);\n  }\n   @media (max-width: 499px) {\n    width: 120%;\n    transform: translateX(-8%);\n  }\n  @media (max-width: 411px) {\n    //transform: translateX(4.5%);\n  }\n @media (min-width: 1904px) {\n    transform: translateX(-8%);\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WithImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WithImage.vue?vue&type=template&id=387cc0da&scoped=true&\"\nimport script from \"./WithImage.vue?vue&type=script&lang=js&\"\nexport * from \"./WithImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WithImage.vue?vue&type=style&index=0&id=387cc0da&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"387cc0da\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/app-store-badge.7ef497ca.png\";","import { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VRow,[_c(VCol,{class:_vm.isEmailForm ? 'left-content-withEmail px-0' : 'left-content px-0',attrs:{\"order\":_vm.isLeft ? 1 : 2,\"cols\":\"12\",\"md\":_vm.section === 'back-office' ? 5 : 7,\"lg\":_vm.section === 'back-office' ? 6 : 9,\"xl\":\"7\"}},[(_vm.isPhoneForm)?_c('preview-interaction',{attrs:{\"isPhoneForm\":_vm.isPhoneForm,\"isLeft\":_vm.isLeft,\"page\":_vm.page},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\")]},proxy:true},{key:\"subtitle\",fn:function(){return [_vm._t(\"subtitle\")]},proxy:true},{key:\"form\",fn:function(){return [_vm._t(\"form\")]},proxy:true},{key:\"agreement\",fn:function(){return [_vm._t(\"agreement\")]},proxy:true}],null,true)}):_vm._e(),(_vm.isInfo)?_c('preview-interaction',{attrs:{\"isInfo\":_vm.isInfo},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\")]},proxy:true},{key:\"subtitle\",fn:function(){return [_vm._t(\"subtitle\")]},proxy:true},{key:\"action\",fn:function(){return [_vm._t(\"action\")]},proxy:true}],null,true)}):_vm._e(),(_vm.isEmailForm)?_c('preview-interaction',{attrs:{\"isEmailForm\":_vm.isEmailForm,\"page\":_vm.page}}):_vm._e()],1),(_vm.isEmailForm && _vm.showImage)?_c(VCol,{staticClass:\"col-image\",attrs:{\"md\":\"4\",\"lg\":\"2\",\"xl\":_vm.section === 'qrInfo' ? 3 : 5,\"order-md\":\"1\",\"order-sm\":\"2\",\"order-xs\":\"2\"}},[_c('with-image',{attrs:{\"imageSrc\":require('../../../../public/img/landing/template.png'),\"imageAlt\":'Размещайте QR-код на тейбл-тентах'}})],1):_vm._e(),(!_vm.isEmailForm)?_c(VCol,{staticClass:\"col-image\",attrs:{\"md\":_vm.section !== 'back-office' ? 4 : 7,\"lg\":_vm.section !== 'back-office' ? 2: 5,\"xl\":_vm.section === 'qrInfo' ? 3 : 5,\"order\":\"2\",\"order-md\":\"1\"}},[_vm._t(\"image\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.isPhoneForm)?_c('div',[_c('text-content',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\")]},proxy:true},{key:\"subtitle\",fn:function(){return [_vm._t(\"subtitle\")]},proxy:true}],null,true)}),_c('phone-form',{attrs:{\"isPhoneForm\":_vm.isPhoneForm,\"previewLead\":true,\"page\":_vm.page}}),_c('text-content',{scopedSlots:_vm._u([{key:\"agreement\",fn:function(){return [_vm._t(\"agreement\")]},proxy:true}],null,true)})],1):_vm._e(),(_vm.isLeft)?_c('div',{class:_vm.showMdScreen\n          ? 'actions d-flex justify-center align-center'\n          : 'actions d-flex align-center'},[_vm._m(0),_vm._m(1)]):_vm._e(),(_vm.isInfo)?_c('div',[_c('text-content',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\")]},proxy:true},{key:\"subtitle\",fn:function(){return [_vm._t(\"subtitle\")]},proxy:true}],null,true)}),_vm._t(\"action\")],2):_vm._e(),(_vm.isEmailForm)?_c('div',{staticClass:\"pb-0\"},[_c('text-content',[_c('h2',{staticClass:\"info-section__title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"\\n        Готовые макеты\\n      \")]),_c('p',{staticClass:\"info-section__subtitle info-section__subtitle_fisrt\",attrs:{\"slot\":\"begin\"},slot:\"begin\"},[_vm._v(\"\\n        Используйте наши дизайн-макеты. Просто распечатайте нужный формат для тейбл-тентов или\\n        наклеек.\\n      \")]),_c('with-image',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMdScreen),expression:\"showMdScreen\"}],staticClass:\"my-10\",attrs:{\"slot\":\"additional\",\"imageSrc\":require('../../../../public/img/landing/template.png'),\"imageAlt\":'Размещайте QR-код на тейбл-тентах'},slot:\"additional\"}),_c('p',{staticClass:\"info-section__subtitle\",attrs:{\"slot\":\"end\"},slot:\"end\"},[_vm._v(\"\\n        Чтобы получить бесплатные макеты, заполните форму ниже.\\n      \")])],1),_c('input-form',{attrs:{\"page\":_vm.page}},[_c('p',{staticClass:\"agreement mb-0\",attrs:{\"slot\":\"agreement\"},slot:\"agreement\"},[_vm._v(\"\\n        Заполняя эту форму, вы принимаете\\n        \"),_c('a',{staticClass:\"link\",attrs:{\"target\":\"_blank\",\"href\":\"https://drive.google.com/open?id=1LheLyyj1d7HdbJGm3CawY6hqk5hooGWZUDEXaY60V3w\"}},[_vm._v(\"\\n          условия обработки персональных данных\\n        \")]),_vm._v(\"\\n        и\\n        \"),_c('a',{staticClass:\"link\",attrs:{\"target\":\"_blank\",\"href\":\"https://drive.google.com/open?id=1JAtfzwgI9n7MVSwoYnjQxVDGxbLUeywkj50ss-dlUCQ\"}},[_vm._v(\"условия пользовательского соглашения\")])])])],1):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"https://apps.apple.com/ru/app/gismenu/id1513043692\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../../../public/img/landing/app-store-badge.png\"),\"alt\":\"Скачать приложение в App Store\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"https://play.google.com/store/apps/details?id=com.release.gismenu&hl=ru&gl=US\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../../../public/img/landing/google-play-badge.png\"),\"alt\":\"Скачать приложение в Google Play\"}})])}]\n\nexport { render, staticRenderFns }","import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport Ripple from 'vuetify/lib/directives/ripple';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VRow,[_c('ValidationObserver',{ref:\"validationObserver\"},[_c('form',{attrs:{\"method\":\"post\"},nativeOn:{\"keyp\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.clicknter.apply(null, arguments)}}},[_c(VCol,{staticClass:\"col-text-field px-0\",attrs:{\"md\":\"8\",\"lg\":\"8\",\"cols\":\"12\"}},[_c('div',{class:_vm.isError ? 'wrapper_error wrapper' : 'wrapper'},[_c('text-field',{staticClass:\"field\",attrs:{\"rules\":\"required|min:5|max:50|email\",\"maxlength\":\"50\",\"value\":_vm.lead1.email,\"locale\":\"email\",\"rounded\":\"\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('text-field',{staticClass:\"field\",attrs:{\"rules\":\"required|min:2|max:50\",\"maxlength\":\"20\",\"value\":_vm.lead1.name,\"field\":\"name\",\"locale\":\"fields.name\",\"rounded\":\"\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)]),_c(VCol,{staticClass:\"col-send pa-0\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c(VBtn,{directives:[{def: Ripple,name:\"ripple\",rawName:\"v-ripple\",value:(false),expression:\"false\"}],staticClass:\"send\",on:{\"click\":_vm.submit}},[_vm._v(\"\\n          Хочу макет\\n        \")])],1),_c(VCol,{staticClass:\"agreement-col pb-0 px-0\",attrs:{\"lg\":\"12\",\"cols\":\"12\"}},[_vm._t(\"agreement\")],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-row>\n    <ValidationObserver ref=\"validationObserver\">\n      <form method=\"post\" @keyp.native.enter=\"clicknter\">\n        <v-col class=\"col-text-field px-0\" md=\"8\" lg=\"8\" cols=\"12\">\n          <div :class=\"isError ? 'wrapper_error wrapper' : 'wrapper'\">\n            <text-field\n              class=\"field\"\n              rules=\"required|min:5|max:50|email\"\n              maxlength=\"50\"\n              v-model=\"email\"\n              v-bind:value=\"lead1.email\"\n              locale=\"email\"\n              rounded\n            />\n            <text-field\n              class=\"field\"\n              rules=\"required|min:2|max:50\"\n              maxlength=\"20\"\n              v-model=\"name\"\n              v-bind:value=\"lead1.name\"\n              field=\"name\"\n              locale=\"fields.name\"\n              rounded\n            />\n          </div>\n        </v-col>\n        <v-col class=\"col-send pa-0\" cols=\"12\" md=\"6\" lg=\"6\">\n          <v-btn class=\"send\" @click=\"submit\" v-ripple=\"false\">\n            Хочу макет\n          </v-btn>\n        </v-col>\n        <v-col class=\"agreement-col pb-0 px-0\" lg=\"12\" cols=\"12\">\n          <slot name=\"agreement\"></slot>\n        </v-col>\n      </form>\n    </ValidationObserver>\n  </v-row>\n</template>\n\n<script>\nimport { extend } from 'vee-validate';\nimport { ValidationObserver } from 'vee-validate';\nimport leadService from '@/services/LeadService';\nimport TextField from '../input/TextField.vue';\nimport { mapActions } from 'vuex';\n\n/*extend('mailboxName', (value) => {\n  console.log(value)\n  let parsedName = value.slice(0, value.indexOf('@'));\n  for (let i in parsedName) {\n    const latynPattern = /\\w\\.?/;\n    console.log(parsedName[i])\n    if (!latynPattern.test(parsedName[i])) {\n      return false;\n    }\n  }\n  return true;\n});*/\n\nexport default {\n  name: 'input-form',\n  components: { ValidationObserver, TextField },\n  props: {\n    page: {type: String}\n  },\n  data() {\n    return {\n      email: '',\n      name: '',\n      lead1: { email: null, name: null, tags: [`from ${this.page} - email`] },\n      isError: false\n    };\n  },\n  methods: {\n    ...mapActions({\n      showSnackbar: 'snackbar/show',\n      setPhoneLead: 'snackbar/setPhoneLead',\n    }),\n    submit() {\n      this.$refs.validationObserver.validate().then((valid) => {\n        if (valid) {\n          this.lead1.email = this.email;\n          this.lead1.name = this.name;\n          leadService.post(this.lead1, true).then(() => {\n            this.showSnackbar('lead.send.success');\n          });\n        } else {\n          this.isError = true;\n        }\n        this.setPhoneLead();\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../scss/_vars.scss';\n@import '../../scss/mixins/actions.scss';\n.row {\n  width: 100%;\n  margin: 0 auto;\n  span {\n    width: 100%;\n  }\n}\nform{\n  display: flex;\n  flex-direction: column;\n}\n.wrapper, .wrapper_error{\n  padding-left: 0em !important;\n  width: 96.3%;\n  @include previewSubtitleFormEmail;\n  ::v-deep.v-input {\n    margin-bottom: 0.8em;\n    height: 3em;\n    border-radius: 13px;\n    border: 2px solid $buttercup;\n  }\n}\n.wrapper_error{\n   ::v-deep.v-input {\n    margin-bottom: 1.3em;\n  }\n}\n.field {\n  align-self: center;\n  ::v-deep.v-input {\n    border: 3px solid $buttercup;\n      width: 400px;\n    .v-input__control {\n      display: block;\n      .v-input__slot {\n        height: 2.8em;\n        .v-text-field__slot {\n          align-items: center;\n        }\n      }\n    }\n    @media (max-width: 499px) {\n     border-width: 1px;\n    }\n  }\n  ::v-deep.v-label {\n    font-size: $size-nav-link;\n    color: rgb(196, 183, 197);\n    @media (max-width: map-get($breack-point, xs)) {\n     font-size: 0.9rem;\n    }\n  }\n  ::v-deep.v-text-field__details .v-messages__message {\n    color: rgb(218, 22, 22);\n    width: 380px;\n    margin-top: 0.2em;\n    margin-left: 1em;\n    font-size: $size-signature;\n    @media (max-width: map-get($breack-point, md)) {\n      width: 400px;\n      line-height: 10px;\n    }\n    @media (max-width: map-get($breack-point, xs)) {\n      width: 300px;\n      line-height: 9px;\n    }\n  }\n  ::v-deep.error--text{\n    border-color: rgb(218, 22, 22);\n  }\n  ::v-deep.v-input--is-focused {\n    .v-input__slot {\n      -webkit-box-shadow: $buttercup 0 0 10px;\n      -moz-box-shadow: $buttercup 0 0 10px;\n      box-shadow: $buttercup 0 0 10px;\n    }\n  }\n}\n.wrapper_error .field {\n  ::v-deep.v-input--is-focused {\n    .v-input__slot {\n      -webkit-box-shadow: rgb(218, 22, 22) 0 0 10px;\n      -moz-box-shadow: rgb(218, 22, 22) 0 0 10px;\n      box-shadow: rgb(218, 22, 22) 0 0 10px;\n    }\n  }\n}\n.agreement-col{\n  @media (max-width: map-get($breack-point, md)) {\n    display: flex;\n    justify-content: center;\n  }\n  @media (max-width: 499px) {\n    display: block;\n  }\n}\n.col-text-field {\n  padding-bottom: 0.3em;\n}\n.col-send {\n  display: flex;\n  justify-content: flex-start;\n @media (max-width: map-get($breack-point, md)) {\n    justify-content: center;\n  }\n  @media (max-width: map-get($breack-point, xs)) {\n    padding-left: 8px;\n  }\n}\n.send {\n  @include buttonsType('send-form');\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputForm.vue?vue&type=template&id=21570e82&scoped=true&\"\nimport script from \"./InputForm.vue?vue&type=script&lang=js&\"\nexport * from \"./InputForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputForm.vue?vue&type=style&index=0&id=21570e82&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"21570e82\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <!--For preview with phoneForm--->\n    <div v-if=\"isPhoneForm\">\n      <text-content>\n        <template v-slot:title>\n          <slot name=\"title\"></slot>\n        </template>\n        <template v-slot:subtitle>\n          <slot name=\"subtitle\"></slot>\n        </template>\n      </text-content>\n      <phone-form :isPhoneForm=\"isPhoneForm\" :previewLead=\"true\" :page=\"page\" />\n       <text-content>\n          <template v-slot:agreement>\n            <slot name=\"agreement\"></slot>\n          </template>\n       </text-content>\n      </div>\n      <div\n        v-if=\"isLeft\"\n        :class=\"\n          showMdScreen\n            ? 'actions d-flex justify-center align-center'\n            : 'actions d-flex align-center'\n        \"\n      >\n        <a href=\"https://apps.apple.com/ru/app/gismenu/id1513043692\" target=\"_blank\">\n          <img\n            src=\"../../../../public/img/landing/app-store-badge.png\"\n            alt=\"Скачать приложение в App Store\"\n          />\n        </a>\n        <a\n          href=\"https://play.google.com/store/apps/details?id=com.release.gismenu&hl=ru&gl=US\"\n          target=\"_blank\"\n        >\n          <img\n            src=\"../../../../public/img/landing/google-play-badge.png\"\n            alt=\"Скачать приложение в Google Play\"\n          />\n        </a>\n      </div>\n    <!--For preview with information block--->\n    <div v-if=\"isInfo\">\n      <text-content>\n        <template v-slot:title>\n          <slot name=\"title\"></slot>\n        </template>\n        <template v-slot:subtitle>\n          <slot name=\"subtitle\"></slot>\n        </template>\n      </text-content>\n      <slot name=\"action\"></slot>\n    </div>\n\n    <!--For preview with emailForm--->\n    <div v-if=\"isEmailForm\" class=\"pb-0\">\n      <text-content>\n        <h2 class=\"info-section__title\" slot=\"title\">\n          Готовые макеты\n        </h2>\n        <p class=\"info-section__subtitle info-section__subtitle_fisrt\" slot=\"begin\">\n          Используйте наши дизайн-макеты. Просто распечатайте нужный формат для тейбл-тентов или\n          наклеек.\n        </p>\n        <with-image\n          class=\"my-10\"\n          v-show=\"showMdScreen\"\n          slot=\"additional\"\n          :imageSrc=\"require('../../../../public/img/landing/template.png')\"\n          :imageAlt=\"'Размещайте QR-код на тейбл-тентах'\"\n        />\n        <p class=\"info-section__subtitle\" slot=\"end\">\n          Чтобы получить бесплатные макеты, заполните форму ниже.\n        </p>\n      </text-content>\n      <input-form  :page=\"page\">\n        <p class=\"agreement mb-0\" slot=\"agreement\">\n          Заполняя эту форму, вы принимаете\n          <a\n            class=\"link\"\n            target=\"_blank\"\n            href=\"https://drive.google.com/open?id=1LheLyyj1d7HdbJGm3CawY6hqk5hooGWZUDEXaY60V3w\"\n          >\n            условия обработки персональных данных\n          </a>\n          и\n          <a\n            class=\"link\"\n            target=\"_blank\"\n            href=\"https://drive.google.com/open?id=1JAtfzwgI9n7MVSwoYnjQxVDGxbLUeywkj50ss-dlUCQ\"\n            >условия пользовательского соглашения</a\n          >\n        </p>\n      </input-form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TextContent from '../TextContent.vue';\nimport WithImage from '../WithImage.vue';\nimport PhoneForm from '../PhoneForm.vue';\nimport InputForm from '../InputForm.vue';\nexport default {\n  name: 'preview-interaction',\n  components: { TextContent, WithImage, PhoneForm, InputForm },\n  props: {\n    isPhoneForm: { type: Boolean },\n    isInfo: { type: Boolean },\n    isEmailForm: { type: Boolean },\n    isLeft: {type: Boolean},\n    page: {type: String}\n  },\n  computed: {\n    showMdScreen() {\n      return this.$vuetify.breakpoint.width < 959 ? true : false;\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import '../../../scss/_vars.scss';\n@import '../../../scss/mixins/media.scss';\n@import '../../../scss/mixins/_mixins.scss';\n.title {\n  font-weight: 700;\n  font-size: 2.1875rem !important;\n  line-height: 1.3;\n  width: 13.4em;\n  color: $black;\n  @include previewTitle();\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n  .title {\n    font-weight: 600;\n  }\n}\n.subtitle {\n  font-size: 1.125rem;\n  line-height: 1.5;\n  color: $black;\n  width: 26em;\n  @include previewSubtitle();\n}\n.actions {\n  margin-top: 1.25em;\n  @media (max-width: map-get($breack-point, md)) {\n    margin-top: 1.5em;\n  }\n  @media (max-width: 499px) {\n    margin-top: 2.5em;\n  }\n  a:first-child {\n    img {\n      width: 149px;\n      @media (max-width: map-get($breack-point, md)) {\n        margin-left: 1em;\n      }\n      @media (max-width: map-get($breack-point, xs)) {\n        width: 140px;\n      }\n      @media (max-width: 320px) {\n        margin-left: 0.5em;\n      }\n    }\n  }\n  a:last-child {\n    margin-left: 0.3em;\n    img {\n      width: 182px;\n      @media (max-width: map-get($breack-point, xs)) {\n        width: 180px;\n      }\n    }\n  }\n}\n/*FORMEMAIL-STYLES*/\n.info-section__title {\n  flex: 1;\n  @include infoSectionTitle(13.6em);\n  font-size: $size-second-title;\n  margin-top: 0em !important;\n  margin-bottom: 1em;\n  @media (max-width: 1263px) {\n    width: 13.7em;\n  }\n  @media (max-width: map-get($breack-point, md)) {\n    margin-left: 0em;\n    margin-right: 0em;\n  }\n  @media (max-width: 426px) {\n    width: 13.8em;\n  }\n  @media (max-width: 375px) {\n    width: 13.9em;\n  }\n}\n.info-section__subtitle {\n  @include infoSectionSubTitle(28em);\n  @media (max-width: map-get($breack-point, md)) {\n     width: 30em;\n    line-height: 1.4em;\n    margin-left: 0em;\n    margin-right: 0em;\n    text-align: left;\n  }\n  @media (max-width: map-get($breack-point, sm)) {\n    width: 100%;\n  }\n}\n.agreement {\n  font-weight: 400;\n  font-size: $size-signature;\n  color: $black;\n  line-height: normal;\n  margin-top: 0em !important;\n  width: 65% !important;\n  //margin-left: 0.5% !important;\n  ::v-deep.link {\n    color: $buttercup;\n  }\n  @include prewiewAgreement();\n}\n</style>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewInteraction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewInteraction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewInteraction.vue?vue&type=template&id=7b6e1bd0&scoped=true&\"\nimport script from \"./PreviewInteraction.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewInteraction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewInteraction.vue?vue&type=style&index=0&id=7b6e1bd0&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7b6e1bd0\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <v-row>\n    <v-col\n      :class=\"isEmailForm ? 'left-content-withEmail px-0' : 'left-content px-0'\"\n      :order=\"isLeft ? 1 : 2\"\n      cols=\"12\"\n      :md=\"section === 'back-office' ? 5 : 7\"\n      :lg=\"section === 'back-office' ? 6 : 9\"\n      xl=\"7\"\n    >\n      <preview-interaction v-if=\"isPhoneForm\" :isPhoneForm=\"isPhoneForm\" :isLeft=\"isLeft\" :page=\"page\">\n          <template v-slot:title>\n            <slot name=\"title\"></slot>\n          </template>\n          <template v-slot:subtitle>\n            <slot name=\"subtitle\"></slot>\n          </template>\n          <template v-slot:form>\n            <slot name=\"form\"></slot>\n          </template>\n          <template v-slot:agreement>\n            <slot name=\"agreement\"></slot>\n          </template>\n      </preview-interaction>\n      <preview-interaction v-if=\"isInfo\" :isInfo=\"isInfo\">\n          <template v-slot:title>\n            <slot name=\"title\"></slot>\n          </template>\n          <template v-slot:subtitle>\n            <slot name=\"subtitle\"></slot>\n          </template>\n          <template v-slot:action>\n            <slot name=\"action\"></slot>\n          </template>\n      </preview-interaction>\n      <preview-interaction v-if=\"isEmailForm\" :isEmailForm=\"isEmailForm\" :page=\"page\"/>\n      <!--<preview-interaction v-else :isPhoneForm=\"isPhoneForm\">\n          <template v-slot:title>\n            <slot name=\"title\"></slot>\n          </template>\n          <template v-slot:subtitle>\n            <slot name=\"subtitle\"></slot>\n          </template>\n          <template v-slot:form>\n            <slot name=\"form\"></slot>\n          </template>\n          <template v-slot:agreement>\n            <slot name=\"agreement\"></slot>\n          </template>\n      </preview-interaction>-->\n    </v-col>\n\n     <v-col\n      v-if=\"isEmailForm && showImage\"\n      class=\"col-image\"\n      md=\"4\"\n      lg=\"2\"\n      :xl=\"section === 'qrInfo' ? 3 : 5\"\n      order-md=\"1\"\n      order-sm=\"2\"\n      order-xs=\"2\"\n    >\n      <with-image\n        :imageSrc=\"require('../../../../public/img/landing/template.png')\"\n        :imageAlt=\"'Размещайте QR-код на тейбл-тентах'\"\n      />\n    </v-col>\n\n    <v-col\n      v-if=\"!isEmailForm\"\n      class=\"col-image\"\n      :md=\"section !== 'back-office' ? 4 : 7\"\n      :lg=\"section !== 'back-office' ? 2: 5\"\n      :xl=\"section === 'qrInfo' ? 3 : 5\"\n      order=\"2\"\n      order-md=\"1\"\n    >\n      <slot name=\"image\"></slot>\n    </v-col>\n\n  </v-row>\n</template>\n<script>\nimport PreviewInteraction from '@/components/UI/Interaction/PreviewInteraction.vue';\nimport WithImage from '../../../components/UI/WithImage.vue';\n\nexport default {\n  components: { WithImage, PreviewInteraction },\n  name: 'Preview',\n  mounted() {\n    /*console.log(this.section)*/\n  },\n  props: {\n    isPhoneForm: { type: Boolean },\n    isInfo: { type: Boolean },\n    section: { type: String },\n    isEmailForm: { type: Boolean },\n    isLeft: { type: Boolean },\n    page: {type: String}\n  },\n  computed: {\n    showImage() {\n      return this.$vuetify.breakpoint.width > 959 ? true : false;\n    },\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../scss/mixins/media.scss';\n$xs: 479px;\n$sm: 639px;\n$md: 959px;\n$lg: 1199px;\n\n.email-container {\n  padding-bottom: 0em;\n  margin: 0em calc(50vw - 530px);\n  @media (max-width: 1263px) {\n    margin: 0em calc(50vw - 510px);\n  }\n  @media (max-width: $lg) {\n    margin: 0em calc(50vw - 440px);\n  }\n  @media (max-width: $md) {\n    margin: 0em calc(50vw - 280px);\n  }\n  @media (max-width: $sm) {\n    margin: 0em calc(50vw - 220px);\n  }\n  @media (max-width: $xs) {\n    margin: 0em 20px;\n  }\n}\n\n.communication-email {\n  @media (max-width: $md) {\n    padding: 0 calc(50vw - 262px);\n  }\n  @media (max-width: $sm) {\n    padding: 0 calc(50vw - 205.5px);\n  }\n  @media (max-width: $xs) {\n    padding: 0 calc(50vw - 200px);\n  }\n}\n.col-image {\n  position: relative;\n  right: 80px;\n  @media (max-width: 1264px) {\n    right: 10px;\n  }\n  @media (max-width: 1263px) {\n    right: 20px;\n  }\n  @media (max-width: $lg) {\n    right: 120px;\n  }\n  @media (max-width: $md) {\n    display: block;\n    right: 0px;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Preview.vue?vue&type=template&id=3d8a8ec5&scoped=true&\"\nimport script from \"./Preview.vue?vue&type=script&lang=js&\"\nexport * from \"./Preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Preview.vue?vue&type=style&index=0&id=3d8a8ec5&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3d8a8ec5\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=style&index=0&id=3d8a8ec5&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preview.vue?vue&type=style&index=0&id=3d8a8ec5&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputForm.vue?vue&type=style&index=0&id=21570e82&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputForm.vue?vue&type=style&index=0&id=21570e82&lang=scss&scoped=true&\""],"sourceRoot":""}