{"version":3,"sources":["webpack:///./src/components/Button.vue?835c","webpack:///./src/components/icons/ReplayIcon.vue?5968","webpack:///src/components/icons/ReplayIcon.vue","webpack:///./src/components/icons/ReplayIcon.vue?4a9e","webpack:///./src/components/icons/ReplayIcon.vue","webpack:///src/components/Button.vue","webpack:///./src/components/Button.vue?9f16","webpack:///./src/components/Button.vue","webpack:///./src/views/Scenarios.vue?f0f5","webpack:///./src/views/Scenarios.vue?9738","webpack:///src/views/Scenarios.vue","webpack:///./src/views/Scenarios.vue?1ff6","webpack:///./src/views/Scenarios.vue","webpack:///./src/components/icons/ReplayIcon.vue?2162","webpack:///./src/components/Button.vue?8a2c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","click","$event","$emit","_v","_s","btnContent","_e","iconType","staticRenderFns","ReplayIconvue_type_template_id_79093bcb_scoped_true_render","attrs","id","viewBox","d","ReplayIconvue_type_template_id_79093bcb_scoped_true_staticRenderFns","ReplayIconvue_type_script_lang_js_","name","icons_ReplayIconvue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","ReplayIcon","Buttonvue_type_script_lang_js_","props","components","ArrowIcon","PlusIcon","components_Buttonvue_type_script_lang_js_","Button_component","__webpack_exports__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Scenarios_vue_vue_type_style_index_0_id_74c54780_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Scenarios_vue_vue_type_style_index_0_id_74c54780_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","class","slide--expanded","civilianExpanded","slide__content--expanded","_m","buttonClick","$router","push","slide--contracted","Scenariosvue_type_script_lang_js_","TransitionPage","Button","TitleBlock","data","methods","views_Scenariosvue_type_script_lang_js_","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ReplayIcon_vue_vue_type_style_index_0_id_79093bcb_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ReplayIcon_vue_vue_type_style_index_0_id_79093bcb_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Button_vue_vue_type_style_index_0_id_b2c2810a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Button_vue_vue_type_style_index_0_id_b2c2810a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-b5a1e608.d50575b1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button\",on:{\"click\":function($event){_vm.$emit('click')}}},[(_vm.btnContent)?_c('span',{staticClass:\"buttonText\"},[_vm._v(_vm._s(_vm.btnContent))]):_vm._e(),(_vm.iconType)?_c('span',{staticClass:\"buttonIcon\"},[(_vm.iconType == 'arrow')?_c('ArrowIcon'):_vm._e(),(_vm.iconType == 'plus')?_c('PlusIcon'):_vm._e(),(_vm.iconType == 'replay')?_c('ReplayIcon'):_vm._e()],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"id\":\"replay_icon\",\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <svg id=\"replay_icon\" viewBox=\"0 0 24 24\">\n        <path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path>\n    </svg>\n</template>\n\n<style lang=\"scss\" scoped>\n    path {\n        fill: $colour__primary1;\n    }\n</style>\n\n<script>\nexport default {\n    name: 'PlusIcon'\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReplayIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReplayIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReplayIcon.vue?vue&type=template&id=79093bcb&scoped=true&\"\nimport script from \"./ReplayIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./ReplayIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReplayIcon.vue?vue&type=style&index=0&id=79093bcb&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  \"79093bcb\",\n  null\n  \n)\n\ncomponent.options.__file = \"ReplayIcon.vue\"\nexport default component.exports","<template>\n    <div class=\"button\" @click=\"$emit('click')\">\n\n        <span v-if=\"btnContent\" class=\"buttonText\">{{btnContent}}</span>\n        \n        <span v-if=\"iconType\" class=\"buttonIcon\">\n            <ArrowIcon v-if=\"iconType == 'arrow'\"/>\n            <PlusIcon v-if=\"iconType == 'plus'\"/>\n            <ReplayIcon v-if=\"iconType == 'replay'\"/>\n        </span>\n\n    </div>\n</template>\n\n<script>\nimport ArrowIcon from '@/components/icons/ArrowIcon'\nimport PlusIcon from '@/components/icons/PlusIcon'\nimport ReplayIcon from '@/components/icons/ReplayIcon'\nexport default {\n    name: 'ButtonPulse',\n    props: ['btnContent', 'iconType'],\n\n    components: {\n        ArrowIcon, PlusIcon, ReplayIcon\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button {\n    background-color: $colour__accent1;\n    color: $colour__primary1;\n    padding: 1rem 1.25rem;\n    display: inline-block;\n    cursor: pointer;\n    border: none;\n    vertical-align: middle;\n    line-height: 2rem;\n    text-transform: uppercase;\n    \n    &:active,\n    &:focus {\n        outline-width: 0px;\n        outline: none;\n    }\n}\n\n.buttonContainer {\n    position: relative;\n}\n\n.buttonText {\n    vertical-align: middle;\n}\n\n.buttonIcon {\n    display: inline-block;\n    height: 2rem;\n    width: 2rem;\n    vertical-align: middle;\n    .buttonText + & {\n        margin-left: 1.5rem;\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Button.vue?vue&type=template&id=b2c2810a&scoped=true&\"\nimport script from \"./Button.vue?vue&type=script&lang=js&\"\nexport * from \"./Button.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Button.vue?vue&type=style&index=0&id=b2c2810a&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  \"b2c2810a\",\n  null\n  \n)\n\ncomponent.options.__file = \"Button.vue\"\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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scenarios.vue?vue&type=style&index=0&id=74c54780&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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scenarios.vue?vue&type=style&index=0&id=74c54780&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"scenarios\"},[_c('div',{staticClass:\"accordion\"},[_c('div',{staticClass:\"slide slide--civilian\",class:{'slide--expanded': _vm.civilianExpanded}},[_c('div',{staticClass:\"bgImage bgImage--civilian\"}),_c('div',{staticClass:\"slide__content\",class:{'slide__content--expanded': _vm.civilianExpanded}},[_vm._m(0),_c('p',[_vm._v(\"Our cities face increased threats from terrorist attacks, improvised explosive CBRN threats, and accidents, such as chemical or biological factory fires or explosions.\")]),_c('p',[_vm._v(\"In these scenarios, we explore some of the potential threats.\")]),_c('TransitionPage',[(_vm.civilianExpanded == false)?_c('Button',{staticClass:\"scenarioButtons\",attrs:{\"btnContent\":\"Choose civilian threat\",\"iconType\":\"plus\"},on:{\"click\":_vm.buttonClick}}):_vm._e(),(_vm.civilianExpanded)?_c('div',{staticClass:\"buttonWrapper scenarioButtons\"},[_c('Button',{attrs:{\"btnContent\":\"Chemical\"},on:{\"click\":function($event){_vm.$router.push('scenarios/civilian-chemical/intro')}}}),_c('Button',{attrs:{\"btnContent\":\"Biological\"},on:{\"click\":function($event){_vm.$router.push('scenarios/civilian-biological/intro')}}}),_c('Button',{attrs:{\"btnContent\":\"Radiological\"},on:{\"click\":function($event){_vm.$router.push('scenarios/civilian-radiological/intro')}}})],1):_vm._e()],1)],1)]),_c('div',{staticClass:\"slide slide--military\",class:{'slide--contracted': _vm.civilianExpanded}},[_c('div',{staticClass:\"bgImage bgImage--military\"}),_c('div',{staticClass:\"slide__content\"},[_vm._m(1),_c('p',[_vm._v(\"A generation ago, the type of CBRN threat seen in war was very different from the ones we face today – and although the risk of large-scale nuclear war has decreased significantly, the potential to experience chemical, biological or radiological warfare is still a real one.\")]),_c('p',[_vm._v(\"In this scenario, we follow the advanced reporting system that means soldiers can detect and contain a potential enemy gas risk before it can disrupt their supply route.\")]),_c('Button',{staticClass:\"scenarioButtons\",attrs:{\"btnContent\":\"Start military scenario\",\"iconType\":\"arrow\"},on:{\"click\":function($event){_vm.$router.push('scenarios/military/intro')}}})],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h1',[_c('span',{staticClass:\"highlight\"},[_vm._v(\"Civilian:\")]),_c('br'),_vm._v(\"Metro\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h1',[_c('span',{staticClass:\"highlight\"},[_vm._v(\"Military:\")]),_c('br'),_vm._v(\"Battlefield\")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"scenarios\">\n    <div class=\"accordion\">\n      <div class=\"slide slide--civilian\" :class=\"{'slide--expanded': civilianExpanded}\">\n        <div class=\"bgImage bgImage--civilian\"></div>\n        <div class=\"slide__content\" :class=\"{'slide__content--expanded': civilianExpanded}\">\n          <h1><span class=\"highlight\">Civilian:</span><br>Metro</h1>\n          <p>Our cities face increased threats from terrorist attacks, improvised explosive CBRN threats, and accidents, such as chemical or biological factory fires or explosions.</p>\n          <p>In these scenarios, we explore some of the potential threats.</p>\n          <TransitionPage>\n            <Button class=\"scenarioButtons\" v-if=\"civilianExpanded == false\" btnContent=\"Choose civilian threat\" iconType=\"plus\" @click=\"buttonClick\"/>\n            <div v-if=\"civilianExpanded\" class=\"buttonWrapper scenarioButtons\">  \n              <Button btnContent=\"Chemical\" @click=\"$router.push('scenarios/civilian-chemical/intro')\"/>\n              <Button btnContent=\"Biological\" @click=\"$router.push('scenarios/civilian-biological/intro')\"/>\n              <Button btnContent=\"Radiological\" @click=\"$router.push('scenarios/civilian-radiological/intro')\"/>\n            </div>\n          </TransitionPage>\n        </div>\n      </div>\n      <div class=\"slide slide--military\" :class=\"{'slide--contracted': civilianExpanded}\">\n        <div class=\"bgImage bgImage--military\"></div>\n        <div class=\"slide__content\">\n          <h1><span class=\"highlight\">Military:</span><br>Battlefield</h1>\n          <p>A generation ago, the type of CBRN threat seen in war was very different from the ones we face today – and although the risk of large-scale nuclear war has decreased significantly, the potential to experience chemical, biological or radiological warfare is still a real one.</p>\n          <p>In this scenario, we follow the advanced reporting system that means soldiers can detect and contain a potential enemy gas risk before it can disrupt their supply route.</p>\n          <Button class=\"scenarioButtons\" btnContent=\"Start military scenario\" iconType=\"arrow\" @click=\"$router.push('scenarios/military/intro')\"/>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TransitionPage from \"@/transitions/TransitionPage\";\nimport TitleBlock from '@/components/TitleBlock';\nimport Button from '@/components/Button';\n\nexport default {\n  name: 'scenarios',\n  components: {\n    TransitionPage,\n    Button,\n    TitleBlock\n  },\n  data() {\n    return {\n      civilianExpanded: false\n    }\n  },\n  methods: {\n    buttonClick: function() {\n      this.civilianExpanded = ! this.civilianExpanded;\n    }\n  }\n}\n</script>\n\n\n<style lang=\"scss\" scoped>\n  .highlight {\n    color: $colour__accent1;\n  }\n  .accordion {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    left: 0;\n  }\n\n  .slide {\n    flex-grow: 1;\n    flex-shrink: 1;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    transition: all 0.5s;\n    position: relative;\n    background-color: $colour__primary1;\n\n    &--expanded {\n      width: 70%;\n    }\n\n    &--contracted {\n      width: 30%;\n    }\n\n    &__content {\n      width: 25vw;\n      margin: 0 auto;\n      transition: all 0.5s;\n      position: relative;\n      color: $white;\n\n      &--expanded {\n        width: 80%;\n      }\n    }\n  }\n\n  .buttonWrapper .button {\n    margin-right: 0.5em;\n  }\n\n  .scenarioButtons {\n    position: absolute;\n  }\n\n  h1 {\n    margin-bottom: 0.25em;\n  }\n\n  p {\n    max-width: 25vw;\n    &:last-of-type {\n      margin-bottom: 5em;\n    }\n  }\n\n  .bgImage {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed;\n    filter: blur(5px);\n\n    &--civilian {\n      background-image: url('../../public/images/civilian.jpg');      \n    }\n\n    &--military {\n      background-image: url('../../public/images/military.jpg');\n    }\n  }\n</style>\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scenarios.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scenarios.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Scenarios.vue?vue&type=template&id=74c54780&scoped=true&\"\nimport script from \"./Scenarios.vue?vue&type=script&lang=js&\"\nexport * from \"./Scenarios.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Scenarios.vue?vue&type=style&index=0&id=74c54780&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  \"74c54780\",\n  null\n  \n)\n\ncomponent.options.__file = \"Scenarios.vue\"\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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReplayIcon.vue?vue&type=style&index=0&id=79093bcb&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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReplayIcon.vue?vue&type=style&index=0&id=79093bcb&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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=style&index=0&id=b2c2810a&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/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=style&index=0&id=b2c2810a&lang=scss&scoped=true&\""],"sourceRoot":""}