{"version":3,"sources":["webpack:///./src/assets/img/billing/billing_bottom_banner_img.svg","webpack:///./src/views/settings/billing/Billing.vue","webpack:///src/views/settings/billing/Billing.vue","webpack:///./src/views/settings/billing/Billing.vue?9c20","webpack:///./src/views/settings/billing/Billing.vue?c68b","webpack:///./src/assets/img/billing/green_check_icon.svg","webpack:///./src/views/settings/billing/Billing.vue?72e6","webpack:///./src/assets/img/billing/logo_price.svg","webpack:///./src/assets/img/Funnelish Plus.svg","webpack:///./src/views/settings/billing/choose-your-plan.vue?e95f","webpack:///./src/views/settings/billing/choose-your-plan.vue","webpack:///src/views/settings/billing/choose-your-plan.vue","webpack:///./src/views/settings/billing/choose-your-plan.vue?aa4a","webpack:///./src/views/settings/billing/choose-your-plan.vue?3141"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","class","step","_v","on","gotoChooseYourPlan","_e","staticRenderFns","name","mixins","components","PaymentSuccessful","VButton","MainSearch","ChooseYourPlan","checkout","ActiveBilling","data","selectedPlan","period","plan","computed","notificationsOpen","methods","openIntercom","window","notifToggle","changeStep","planChoose","console","updateSelectedPlanData","component","directives","rawName","value","monthlyYearly","expression","attrs","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","_m","require","_l","paymentPlans","funnelishPlus","item","index","key","_s","title","yearlyPerMonth","monthly","optionsList","wrapValueItem","funnelishApps","staticStyle","created"],"mappings":"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","file":"js/chunk-7f220686.5a0bb2e2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/billing_bottom_banner_img.7a4dd715.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"billing-page main-content layout-column scroll\",class:{ 'main-content_3': _vm.step === 3 }},[_c('h1',{staticClass:\"main_page_title\"},[_vm._v(\"Billing\")]),(_vm.step !=='active-billing')?_c('ul',{staticClass:\"header_tabs\"},[_c('li',[_c('label',{staticClass:\"form_steps_label step_1\",class:[{'current': _vm.step==='choose-your-plan'}, {'active': _vm.step==='checkout'}],on:{\"click\":_vm.gotoChooseYourPlan}},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Choose your plan \")])]),_c('li',[_c('label',{staticClass:\"form_steps_label step_1\",class:[{'de_active': !_vm.step},{'current': _vm.step==='checkout'}]},[_c('span',{staticClass:\"icon\"}),_vm._v(\" Checkout \")])])]):_vm._e(),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t\t\t<div class=\"billing-page main-content layout-column scroll\" :class=\"{ 'main-content_3': step === 3 }\">\n\t\t\t\t<h1 class=\"main_page_title\" >Billing</h1>\n\n\t\t\t\t<ul class=\"header_tabs\" v-if=\"step !=='active-billing'\">\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<label @click=\"gotoChooseYourPlan\" class=\"form_steps_label step_1\"\n\t\t\t\t\t\t       :class=\"[{'current': step==='choose-your-plan'}, {'active': step==='checkout'}]\">\n\t\t\t\t\t\t\t<span class=\"icon\"></span> Choose your plan\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<label class=\"form_steps_label step_1\" :class=\"[{'de_active': !step},{'current': step==='checkout'}]\">\n\t\t\t\t\t\t\t<span class=\"icon\"></span> Checkout\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\n\t\t\t\t<router-view ></router-view>\n\n\t\t\t</div>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\nimport MainSearch from \"@/components/MainSearch.vue\";\nimport ChooseYourPlan from \"@/views/settings/billing/choose-your-plan\";\nimport checkout from \"@/views/settings/billing/checkout\";\nimport PaymentSuccessful from \"@/views/settings/billing/payment-successful\";\nimport ActiveBilling from \"@/views/settings/billing/active-billing\";\nimport API from '@/api';\n\nexport default {\n\tname: \"Billing\",\n\tmixins:[API],\n\tcomponents: {\n\t\tPaymentSuccessful,\n\t\tVButton,\n\t\tMainSearch,\n\t\tChooseYourPlan,\n\t\tcheckout,\n\t\tActiveBilling,\n\t},\n\tdata() {\n    return {\n\t\t\t// step: 4,\n\t\t\tselectedPlan: {\n\t\t\t\tperiod: null,\n\t\t\t\tplan: null,\n\t\t\t}\n    }\n  },\n\tcomputed: {\n\t\tstep() {\n\t\t\treturn this.$route.name;\n\t\t},\n\t\tnotificationsOpen() {\n\t\t\treturn this.$store.state.notificationsOpen;\n\t\t},\n\t},\n\tmethods: {\n\t\tgotoChooseYourPlan(){\n\t\t\tif (this.$route.name!=='choose-your-plan')\n\t\t\t\tthis.$router.push('/settings/billing/choose-your-plan');\n\t\t},\n\t\topenIntercom() {\n\t\t\twindow.Intercom(\"show\");\n\t\t},\n\t\tnotifToggle() {\n\t\t\tthis.$store.dispatch(\"notificationsOpenToggle\");\n\t\t},\n\t\tchangeStep(value){\n\t\t\tthis.step = value;\n\t\t},\n\t\tplanChoose(plan){\n\t\t\tconsole.log('plan:', plan);\n\t\t\tthis.selectedPlan = plan;\n\t\t},\n\t\tupdateSelectedPlanData(plan){\n\t\t\tthis.selectedPlan = plan;\n\t\t}\n\t},\n};\n</script>\n\n<style lang=\"scss\" >\n.form_steps_label {\n\t&.active {\n\t\tcursor: pointer;\n\t}\n}\n.billing-page .header_tabs .form_steps_label.current .icon {\n\ttransform: rotate(90deg);\n}\n.billing-page .header_tabs .form_steps_label.de_active {\n\tcolor: #C5C7D2;\n}\n.billing-page .header_tabs .form_steps_label.de_active .icon {\n\tfilter: grayscale(1) opacity(0.4);\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Billing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Billing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Billing.vue?vue&type=template&id=56e7f08e&\"\nimport script from \"./Billing.vue?vue&type=script&lang=js&\"\nexport * from \"./Billing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Billing.vue?vue&type=style&index=0&id=56e7f08e&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/green_check_icon.3c6033eb.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Billing.vue?vue&type=style&index=0&id=56e7f08e&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/logo_price.290dc901.svg\";","module.exports = __webpack_public_path__ + \"img/Funnelish Plus.3b72a445.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./choose-your-plan.vue?vue&type=style&index=0&id=760b82f1&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"wrapper_checkbox\"},[_c('div',{staticClass:\"left_text title\"},[_vm._v(\"Monthly\")]),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.monthlyYearly),expression:\"monthlyYearly\"}],attrs:{\"type\":\"checkbox\",\"name\":\"\",\"id\":\"\"},domProps:{\"checked\":Array.isArray(_vm.monthlyYearly)?_vm._i(_vm.monthlyYearly,null)>-1:(_vm.monthlyYearly)},on:{\"change\":function($event){var $$a=_vm.monthlyYearly,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.monthlyYearly=$$a.concat([$$v]))}else{$$i>-1&&(_vm.monthlyYearly=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.monthlyYearly=$$c}}}}),_vm._m(0)]),_vm._m(1)]),_c('div',{staticClass:\"wrapper_pricing\"},[_c('div',{staticClass:\"fplus\"},[_c('h3',{staticClass:\"title_top\"},[_c('inline-svg',{staticClass:\"logo\",attrs:{\"src\":require('@/assets/img/Funnelish Plus.svg')}})],1),_c('p',{staticClass:\"desc\"},[_vm._v(\" Build funnels in our Drag'n'Drop editor without Clickfunnels. \")]),_c('div',{staticClass:\"row\"},_vm._l((_vm.paymentPlans.funnelishPlus),function(item,index){return _c('div',{key:index,staticClass:\"col-4\"},[_c('div',{staticClass:\"item\",class:{ 'active' : index === 1 }},[_c('h3',{staticClass:\"title_top\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"body_box\"},[_c('div',{staticClass:\"price\"},[_c('div',{staticClass:\"wrap\"},[_c('span',{staticClass:\"currency\"},[_vm._v(\"$\")]),_c('span',{staticClass:\"number\"},[_vm._v(\" \"+_vm._s(!_vm.monthlyYearly ? item.monthly : item.yearlyPerMonth)+\" \")])]),_c('div',{staticClass:\"per_month\"},[_vm._v(\" per month \")]),_c('div',{staticClass:\"billed_monthly\"},[_vm._v(\" \"+_vm._s(!_vm.monthlyYearly ? 'Billed monthly' : 'Billed yearly')+\" \")])]),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"border\":index !== 1},on:{\"click\":function($event){return _vm.planChoose(item)}}},[_vm._v(\"Get started\")])],1),_c('div',{staticClass:\"wrap_value\"},_vm._l((item.optionsList),function(wrapValueItem,index){return _c('div',{key:index,staticClass:\"item\"},[_c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require('@/assets/img/billing/green_check_icon.svg'),\"alt\":\"\"}})]),_c('div',{staticClass:\"title\",domProps:{\"innerHTML\":_vm._s(wrapValueItem)}})])}),0)])])])}),0)]),_c('div',{staticClass:\"fapps item\"},[_c('div',{staticClass:\"fapps-box icon flex-center\"},[_c('img',{attrs:{\"src\":require('@/assets/img/billing/logo_price.svg'),\"alt\":\"\"}})]),_vm._m(2),_c('div',{staticClass:\"fapps-box price\"},[_c('div',{staticClass:\"wrap\"},[_c('span',{staticClass:\"currency\"},[_vm._v(\"$\")]),_c('span',{staticClass:\"number\"},[_vm._v(\" \"+_vm._s(!_vm.monthlyYearly ? _vm.paymentPlans.funnelishApps.monthly : _vm.paymentPlans.funnelishApps.yearlyPerMonth)+\" \")])]),_c('div',{staticClass:\"per_month\"},[_vm._v(\" per month \")]),_c('div',{staticClass:\"billed_monthly\"},[_vm._v(\" \"+_vm._s(!_vm.monthlyYearly ? 'Billed monthly' : 'Billed yearly')+\" \")])]),_c('div',{staticClass:\"fapps-box cta\"},[_c('v-button',{attrs:{\"border\":\"\"},on:{\"click\":function($event){return _vm.planChoose(_vm.paymentPlans.funnelishApps)}}},[_vm._v(\"Get started\")])],1)])]),_c('div',{staticClass:\"banner billing-help-banner\",staticStyle:{\"margin\":\"0 auto\",\"max-width\":\"885px\"}},[_c('img',{staticClass:\"billing_bottom_banner_img\",attrs:{\"src\":require('@/assets/img/billing/billing_bottom_banner_img.svg'),\"alt\":\"\"}}),_vm._m(3),_c('v-button',{attrs:{\"border\":\"\"},on:{\"click\":_vm.openIntercom}},[_vm._v(\"Contact Us\")])],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"right_text title\"},[_vm._v(\" Yearly \"),_c('span',{staticClass:\"save_up\"},[_vm._v(\"Save more going yearly!\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fapps-box\"},[_c('div',{},[_c('span',{staticClass:\"title\"},[_vm._v(\"Funnelish Apps \")]),_c('span',{staticClass:\"subtitle\"},[_vm._v(\"For Clickfunnels\")])]),_c('p',{staticClass:\"desc\"},[_vm._v(\"In case you are using Clickfunnels already and not ready to fully switch to Funnelish, you can use our apps and integrations to boost and automate your Clickfunnels sales funnels for as low as $24/mo. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"text_wrpr\"},[_c('h2',[_vm._v(\"👋 Need hands-on help?\")]),_c('p',[_vm._v(\" Talk to an expert and find the best plan for your business. \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n        <div class=\"wrapper_checkbox\">\n            <div class=\"left_text title\">Monthly</div>\n            <label class=\"switch_checkbox_item\">\n                <input type=\"checkbox\" name=\"\" id=\"\" v-model=\"monthlyYearly\" />\n                <div class=\"switch_checkbox\"><span></span></div>\n            </label>\n            <div class=\"right_text title\">\n                Yearly\n                <span class=\"save_up\">Save more going yearly!</span>\n            </div>\n        </div>\n\n        <div class=\"wrapper_pricing\">\n\n            <div class=\"fplus\">\n                <h3 class=\"title_top\">\n                  <inline-svg class=\"logo\" :src=\"require('@/assets/img/Funnelish Plus.svg')\" />\n                </h3>\n                <p class=\"desc\">\n\t                Build funnels in our Drag'n'Drop editor without Clickfunnels.\n                </p>\n                <div class=\"row\">\n                    <div class=\"col-4\" v-for=\"(item, index) in paymentPlans.funnelishPlus\" :key=\"index\">\n                        <div class=\"item\" :class=\"{ 'active' : index === 1 }\">\n                            <h3 class=\"title_top\">{{ item.title }}</h3>\n                            <div class=\"body_box\">\n                                <div class=\"price\">\n                                    <div class=\"wrap\">\n                                        <span class=\"currency\">$</span>\n                                        <span class=\"number\">\n                                            {{ !monthlyYearly ? item.monthly : item.yearlyPerMonth }}\n                                        </span>\n                                    </div>\n                                    <div class=\"per_month\">\n                                        per month\n                                    </div>\n                                    <div class=\"billed_monthly\">\n                                        {{ !monthlyYearly ? 'Billed monthly' : 'Billed yearly'}}\n                                    </div>\n                                </div>\n\n\t                            <div class=\"layout-row\">\n\t\t                            <v-button :border=\"index !== 1\" @click=\"planChoose(item)\">Get started</v-button>\n\t                            </div>\n\n                                <div class=\"wrap_value\">\n                                    <div class=\"item\" v-for=\"(wrapValueItem, index) in item.optionsList\" :key=\"index\">\n                                        <div class=\"icon\">\n                                            <img :src=\"require('@/assets/img/billing/green_check_icon.svg')\" alt=\"\">\n                                        </div>\n                                        <div class=\"title\" v-html=\"wrapValueItem\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n\n\t        <div class=\"fapps item\" >\n\t\t        <div class=\"fapps-box icon flex-center\">\n\t\t\t\t        <img class=\"\" :src=\"require('@/assets/img/billing/logo_price.svg')\" alt=\"\">\n\t\t        </div>\n\t\t        <div class=\"fapps-box\">\n\t\t\t        <div class=\"\">\n\t\t\t\t        <span class=\"title\">Funnelish Apps </span><span class=\"subtitle\">For Clickfunnels</span>\n\t\t\t        </div>\n\t\t\t        <p class=\"desc\">In case you are using Clickfunnels already and not ready to fully switch to Funnelish,\n\t\t\t\t        you can use our apps and integrations to boost and automate your Clickfunnels sales funnels for as low as\n\t\t\t\t        $24/mo.\n\t\t\t        </p>\n\t\t        </div>\n\n\t\t        <div class=\"fapps-box price\">\n\t\t\t        <div class=\"wrap\">\n\t\t\t\t        <span class=\"currency\">$</span>\n\t\t\t\t        <span class=\"number\">\n                    {{ !monthlyYearly ? paymentPlans.funnelishApps.monthly : paymentPlans.funnelishApps.yearlyPerMonth }}\n                </span>\n\t\t\t        </div>\n\t\t\t        <div class=\"per_month\">\n\t\t\t\t        per month\n\t\t\t        </div>\n\t\t\t        <div class=\"billed_monthly\">\n\t\t\t\t        {{ !monthlyYearly ? 'Billed monthly' : 'Billed yearly'}}\n\t\t\t        </div>\n\t\t        </div>\n\n\t\t        <div class=\"fapps-box cta\">\n\t\t\t        <v-button border @click=\"planChoose(paymentPlans.funnelishApps)\">Get started</v-button>\n\t\t        </div>\n\t        </div>\n\n        </div>\n\n        <div class=\"banner billing-help-banner\" style=\"margin: 0 auto; max-width: 885px;\">\n            <img :src=\"require('@/assets/img/billing/billing_bottom_banner_img.svg')\" alt=\"\" class=\"billing_bottom_banner_img\">\n            <div class=\"text_wrpr\">\n                <h2>👋 Need hands-on help?</h2>\n                <p>\n                    Talk to an expert and find the best plan for your business.\n                </p>\n            </div>\n            <v-button border @click=\"openIntercom\">Contact Us</v-button>\n        </div>\n\t</div>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\nimport plans from '@/helpers/plans';\n\nexport default {\n\tcomponents: {\n\t\tVButton,\n    },\n    data() {\n        return {\n            monthlyYearly: false,\n            paymentPlans: plans,\n        }\n    },\n\tcomputed: {\n\n\t},\n\tmethods: {\n        planChoose(planValue){\n        \tlet period = !this.monthlyYearly ? 'monthly' : 'yearly';\n        \tlet planKey = planValue.key;\n        \tthis.$router.push(`/settings/billing/checkout?period=${period}&plan=${planKey}`)\n          // this.$emit('planChoose', { period: , plan: planValue });\n          // this.$emit('changeStep', 2);\n        },\n\t\topenIntercom() {\n\t\t\twindow.Intercom(\"showNewMessage\", \"Need help selecting a plan:\\n\");\n\t\t},\n\t\tnotifToggle: function () {\n\t\t\tthis.$store.dispatch(\"notificationsOpenToggle\");\n\t\t},\n\t},\n\tcreated() {\n\t}\n};\n</script>\n<style lang=\"scss\" scoped>\n.wrapper_pricing{\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: 1170px;\n\tmargin: auto auto 70px;\n\n\t.fplus {\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid #4368E0;\n\t\twidth: 100%;\n\t\tpadding: 15px 15px;\n\t\ttext-align: center;\n\t\t//max-width: 1000px;\n\t}\n\t.fapps {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid $light-grey;\n\t\tmargin-top: 30px;\n\t\twidth: 100%;\n\t\tpadding: 15px 15px;\n\t\talign-items: center;\n\n\t\t.fapps-box {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\t&.icon {\n\t\t\t\tmargin: auto 20px;\n\t\t\t\timg {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.price {\n\t\t\t\tmin-width: 140px;\n\t\t\t\talign-items: center;\n\t\t\t\t.per_month {\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.cta {\n\t\t\t\tmin-width: 200px;\n\t\t\t\tpadding: 20px;\n\t\t\t\t.button {\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\twidth: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tcolor: $darker-grey;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-size: 24px;\n\t\t\t}\n\t\t\t.subtitle {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tcolor: $dark-grey;\n\t\t\t\tmargin-left: 8px;\n\t\t\t}\n\t\t\t.desc {\n\t\t\t\tcolor: $darker-grey;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n}\n.title_top {\n\t.logo {\n\t\theight: 26px;\n\t\tmargin: 0 auto 10px;\n\t}\n}\n.right_box {\n\t>.desc {\n\t\tmargin-bottom: 20px;\n\t}\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./choose-your-plan.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./choose-your-plan.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./choose-your-plan.vue?vue&type=template&id=760b82f1&scoped=true&\"\nimport script from \"./choose-your-plan.vue?vue&type=script&lang=js&\"\nexport * from \"./choose-your-plan.vue?vue&type=script&lang=js&\"\nimport style0 from \"./choose-your-plan.vue?vue&type=style&index=0&id=760b82f1&prod&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  \"760b82f1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}