{"version":3,"sources":["webpack:///./src/components/Figure.vue","webpack:///./node_modules/vue3-autocounter/dist/vue3-autocounter.esm.js","webpack:///./src/components/Figure.vue?ab4b","webpack:///./src/assets/video/researchers.mp4","webpack:///./src/views/Research.vue","webpack:///./src/views/Research.vue?1e78","webpack:///./src/assets/video/research.mp4","webpack:///./src/components/VideoBackground.vue","webpack:///./src/components/VideoBackground.vue?40cf","webpack:///./src/components/Figure.vue?2e3c","webpack:///./src/components/VideoBackground.vue?feb8"],"names":["class","_createElementBlock","_normalizeClass","$options","computedClass","_createElementVNode","_hoisted_1","$props","heading","innerHTML","_createVNode","_component_Vue3AutoCounter","ref","startAmount","endAmount","duration","prefix","suffix","separator","decimalSeparator","decimals","autoinit","data-aos","animation","subheading","citation","script","name","interval","props","type","Number","default","required","Boolean","String","timestamp","startTimestamp","currentAmount","currentStartAmount","currentDuration","paused","remaining","animationFrame","this","start","$emit","cancelAnimation","watch","reset","computed","formatedAmount","regex","numberString","toFixed","numberArray","split","numbers","length","isNumber","isNaN","parseFloat","test","replace","methods","window","requestAnimationFrame","counting","progress","isCountingUp","setTimeout","cancelAnimationFrame","_ctx","_cache","$setup","$data","displayedAmount","render","entry_esm","installable","install","app","component","backgroundColor","textColor","textured","components","Vue3AutoCounter","cls","toLowerCase","push","__exports__","module","exports","style","_component_Breadcrumb","_hoisted_2","_component_PageHeader","title","video","require","backgroundImage","overlay","align","size","_hoisted_3","_component_Section","imgSide","imgURL","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_component_Figure","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_component_VideoBackground","src","poster","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","color","_hoisted_20","_hoisted_21","_component_Btn","outline","href","_hoisted_22","metaInfo","description","og","image","data","Btn","PageHeader","Breadcrumb","Figure","Section","VideoBackground","_createBlock","_component_VRVideoBackground","button","id","onClick","args","togglePlay","playing","$refs","videobackground","player","play","pause","VRVideoBackground"],"mappings":"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","file":"js/research.eba65b4e.js","sourcesContent":["<template>\n  <div class=\"figure\" :class=\"computedClass\">\n    <div class=\"figure__container\">\n      <span v-if=\"heading\" class=\"figure__copy\" v-html=\"heading\"></span>\n      <Vue3AutoCounter\n        class=\"figure__stat\"\n        ref=\"counter\"\n        :startAmount=\"startAmount\"\n        :endAmount=\"endAmount\"\n        :duration=\"duration\"\n        :prefix=\"prefix\"\n        :suffix=\"suffix\"\n        :separator=\"separator\"\n        decimalSeparator=\".\"\n        :decimals=\"decimals\"\n        :autoinit=\"autoinit\"\n        :data-aos=\"animation\"\n      />\n      <span class=\"figure__copy\" v-html=\"subheading\"></span>\n      <span v-if=\"citation\" class=\"figure__citation\" v-html=\"citation\"></span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Vue3AutoCounter from \"vue3-autocounter\";\nexport default {\n  name: \"Figure\",\n  props: {\n    prefix: {\n      type: String,\n      default: \"\",\n    },\n    suffix: {\n      type: String,\n      default: \"\",\n    },\n    separator: {\n      type: String,\n      default: \"\",\n    },\n    duration: {\n      type: Number,\n      default: 3,\n    },\n    decimals: {\n      type: Number,\n      default: 0,\n    },\n    autoinit: {\n      type: Boolean,\n      default: true,\n    },\n    startAmount: {\n      type: Number,\n      required: false,\n      default: 0,\n    },\n    endAmount: {\n      type: Number,\n      required: true,\n    },\n    heading: {\n      type: String,\n      required: false\n    },\n    subheading: { \n      type: String, \n      required: true \n    },\n    citation: { \n      type: String, \n      required: false\n    },\n    /**\n     * Background color for Figure\n     * Text color will be determined based on this\n     */\n    backgroundColor: {\n      type: String,\n      required: true,\n      default: \"white\",\n    },\n    textColor: {\n      type: String,\n      required: true,\n      default: \"black\",\n    },\n    textured: {\n      type: Boolean,\n      default: false,\n    },\n    animation: {\n      type: String,\n      required: false,\n      default: \"fade-up\",\n    },\n  },\n  components: {\n    Vue3AutoCounter,\n  },\n  computed: {\n    /**\n     * Adds color prop to classes for Figure\n     */\n    computedClass() {\n      let cls = [];\n\n      let backgroundColor = this.backgroundColor.toLowerCase();\n      if (this.textured) cls.push(`bg-diagonal--dark`);\n      cls.push(`bg-${backgroundColor}`);\n      cls.push(`text-${this.textColor}`);\n\n      return cls;\n    },\n  },\n  // created() {\n  //   document.addEventListener(\"aos:in\", ({ detail }) => {\n  //     // start the counter\n  //     // console.log(this);\n  //     // start();\n  //     console.log(detail);\n  //   });\n  //   document.addEventListener(\"aos:out\", ({ detail }) => {\n  //     console.log(\"animated out\", detail);\n  //   });\n  // },\n  methods: {},\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.figure {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 3rem 1.5rem;\n  height: 100%;\n  line-height: 1.25;\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n  }\n\n  &__stat {\n    @include heading-base;\n    font-weight: 800;\n    margin-bottom: 1rem;\n    font-size: 5rem;\n  }\n  &__copy {\n    font-family: $font-family-sans-serif;\n    font-weight: $font-weight-bolder;\n    text-align: center;\n    font-size: 1.5rem;\n  }\n  &__citation {\n    font-family: $font-family-sans-serif;\n    font-weight: $font-weight-bold;\n    text-align: center;\n    font-size: 1rem;\n    font-style: italic;\n    margin-top: 5px;\n  }\n}\n@include media-breakpoint-up(md) {\n  .figure {\n    min-height: 185px;\n    &__copy {\n      // font-size: 1.5rem;\n    }\n  }\n}\n\n@include media-breakpoint-up(lg) {\n  .figure {\n    aspect-ratio: 1 / 1;\n\n    @supports not (aspect-ratio: 1 / 1) {\n      padding: 0;\n      width: 100%;\n      padding-top: 100%;\n      position: relative;\n      &__container {\n        position: absolute;\n        width: 80%;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n  }\n}\n@include media-breakpoint-up(xl) {\n  .figure {\n    &__stat {\n      font-size: 8rem;\n    }\n    &__copy {\n      font-size: 2rem;\n    }\n    &__citation {\n      font-size: 1.4rem;\n    }\n  }\n}\n</style>\n","import { defineComponent, openBlock, createBlock, toDisplayString } from 'vue';\n\nvar script = defineComponent({\n  name: \"Vue3Autocounter\",\n  interval: null,\n  props: {\n    startAmount: {\n      type: Number,\n      default: 0\n    },\n    endAmount: {\n      type: Number,\n      default: 0,\n      required: true\n    },\n    duration: {\n      type: Number,\n      default: 3,\n\n      validator(duration) {\n        return duration >= 1;\n      }\n\n    },\n    autoinit: {\n      type: Boolean,\n      default: true\n    },\n    prefix: {\n      type: String,\n      default: ''\n    },\n    suffix: {\n      type: String,\n      default: ''\n    },\n    separator: {\n      type: String,\n      default: ','\n    },\n    decimalSeparator: {\n      type: String,\n      default: '.'\n    },\n    decimals: {\n      type: Number,\n      default: 0,\n\n      validator(decimals) {\n        return decimals >= 0;\n      }\n\n    }\n  },\n\n  data() {\n    return {\n      timestamp: 0,\n      startTimestamp: 0,\n      currentAmount: 0,\n      currentStartAmount: 0,\n      currentDuration: 0,\n      paused: false,\n      remaining: 0,\n      animationFrame: 0\n    };\n  },\n\n  mounted() {\n    this.currentAmount = this.startAmount;\n    this.currentStartAmount = this.startAmount;\n    this.currentDuration = this.duration * 1000;\n    this.remaining = this.duration * 1000;\n    if (this.autoinit) this.start();else this.paused = true;\n    this.$emit('mounted');\n  },\n\n  unmounted() {\n    this.cancelAnimation();\n  },\n\n  watch: {\n    startAmount() {\n      this.reset();\n    },\n\n    endAmount() {\n      this.reset();\n    },\n\n    duration() {\n      this.reset();\n    }\n\n  },\n  computed: {\n    isCountingUp() {\n      return this.endAmount > this.startAmount;\n    },\n\n    displayedAmount() {\n      return `${this.prefix}${this.formatedAmount}${this.suffix}`;\n    },\n\n    formatedAmount() {\n      const regex = /(\\d+)(\\d{3})/;\n      let numberString = this.currentAmount.toFixed(this.decimals);\n      numberString += '';\n      let numberArray = numberString.split('.');\n      let numbers = numberArray[0];\n      let decimals = numberArray.length > 1 ? this.decimalSeparator + numberArray[1] : '';\n      let isNumber = !isNaN(parseFloat(this.separator));\n\n      if (this.separator && !isNumber) {\n        while (regex.test(numbers)) numbers = numbers.replace(regex, '$1' + this.separator + '$2');\n      }\n\n      return numbers + decimals;\n    }\n\n  },\n  methods: {\n    start() {\n      this.cancelAnimation();\n      this.currentStartAmount = this.startAmount;\n      this.startTimestamp = null;\n      this.currentDuration = this.duration * 1000;\n      this.paused = false;\n      this.animationFrame = window.requestAnimationFrame(this.counting);\n    },\n\n    pause() {\n      if (this.paused) return;\n      this.cancelAnimation();\n      this.paused = true;\n    },\n\n    resume() {\n      if (!this.paused) return;\n      this.startTimestamp = null;\n      this.currentDuration = +this.remaining;\n      this.currentStartAmount = +this.currentAmount;\n      this.animationFrame = window.requestAnimationFrame(this.counting);\n      this.paused = false;\n    },\n\n    reset() {\n      this.paused = false;\n      this.startTimestamp = null;\n      this.cancelAnimation();\n      this.currentAmount = this.startAmount;\n      if (this.autoinit) this.start();else this.paused = true;\n    },\n\n    counting(timestamp) {\n      this.timestamp = timestamp;\n      if (!this.startTimestamp) this.startTimestamp = timestamp;\n      let progress = timestamp - this.startTimestamp;\n      this.remaining = this.currentDuration - progress;\n\n      if (!this.isCountingUp) {\n        this.currentAmount = this.currentStartAmount - (this.currentStartAmount - this.endAmount) * (progress / this.currentDuration);\n        this.currentAmount = this.currentAmount < this.endAmount ? this.endAmount : this.currentAmount;\n      } else {\n        this.currentAmount = this.currentStartAmount + (this.endAmount - this.currentStartAmount) * (progress / this.currentDuration);\n        this.currentAmount = this.currentAmount > this.endAmount ? this.endAmount : this.currentAmount;\n      }\n\n      if (progress < this.currentDuration) this.animationFrame = window.requestAnimationFrame(this.counting);else {\n        setTimeout(() => {\n          this.$emit('finished');\n        }, 1000);\n      }\n    },\n\n    cancelAnimation() {\n      if (this.animationFrame) window.cancelAnimationFrame(this.animationFrame);\n    }\n\n  }\n});\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  return openBlock(), createBlock(\"span\", null, toDisplayString(_ctx.displayedAmount), 1);\n}\n\nscript.render = render;\n\n// Import vue component\n\n// Default export is installable instance of component.\n// IIFE injects install function into component, allowing component\n// to be registered via Vue.use() as well as Vue.component(),\nvar entry_esm = /*#__PURE__*/(() => {\n  // Assign InstallableComponent type\n  const installable = script; // Attach install function executed by Vue.use()\n\n  installable.install = app => {\n    app.component('Vue3Autocounter', installable);\n  };\n\n  return installable;\n})(); // It's possible to expose named exports when writing components that can\n// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';\n// export const RollupDemoDirective = directive;\n\nexport default entry_esm;\n","import { render } from \"./Figure.vue?vue&type=template&id=65487eb5&scoped=true\"\nimport script from \"./Figure.vue?vue&type=script&lang=js\"\nexport * from \"./Figure.vue?vue&type=script&lang=js\"\n\nimport \"./Figure.vue?vue&type=style&index=0&id=65487eb5&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src134229040/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-65487eb5\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"media/researchers.0420d255.mp4\";","<template>\n  <main class=\"about\">\n    <Breadcrumb></Breadcrumb>\n\n    <section class=\"\">\n      <PageHeader\n        title=\"Changing Lives Through Discovery and Innovation\"\n        :video=\"require(`@/assets/video/research.mp4`)\"\n        :backgroundImage=\"require(`@/assets/img/research-poster.jpg`)\"\n        backgroundColor=\"transparent\"\n        textColor=\"white\"\n        overlay=\"medium\"\n        align=\"center\"\n        size=\"lg\"\n      >\n        <p>\n          The 51黑料 is a comprehensive research university focused on improving lives, advancing scientific understanding, and unlocking innovative solutions.\n        </p>\n      </PageHeader>\n    </section>\n\n    <Section type=\"full\" imgSide=\"right\" imgURL=\"research/36645-134.jpg\">\n      <h3>Our Research Commitments</h3>\n      <p>\n        From combating infectious diseases and creating a dependable food supply to strengthening cyber and global security, the 51黑料 is pursuing a better tomorrow by tackling the world鈥檚 greatest challenges.\n      </p>\n      <p>\n        As one of the nation鈥檚 top universities for technology commercialization, we strive to ensure our discoveries benefit society.\n      </p>\n      <p>\n        Through research, innovation, and interdisciplinary collaboration, we are improving the world through commitments to:\n      </p>\n      <ul class=\"row row-cols-1 row-cols-sm-3 g-3 list-unstyled d-flex justify-content-center align-items-center\">\n        <li class=\"col text-uppercase\" style=\"max-width: 215px; font-family: Oswald;\">\n          <div style=\"aspect-ratio: 1/1\">\n            <div style=\"background: #ba0c2f\" class=\"h-100 p-4 text-center text-white rounded-circle d-flex justify-content-center align-items-center\">\n              <span class=\"fs-4 fw-normal\">Stronger Communities</span>\n            </div>   \n          </div>\n        </li>\n        <li class=\"col\" style=\"max-width: 215px; font-family: Oswald; text-transform:uppercase; font-weight: 500;\">\n          <div style=\"aspect-ratio: 1/1\">\n            <div class=\"h-100 p-4 bg-grey text-center text-white rounded-circle d-flex justify-content-center align-items-center\">\n              <span class=\"fs-4\">Healthier Lifestyles</span>\n            </div>   \n          </div>\n        </li>\n        <li class=\"col\" style=\"max-width: 215px; font-family: Oswald; text-transform:uppercase; font-weight: 500;\">\n          <div style=\"aspect-ratio: 1/1\">\n            <div class=\"h-100 p-4 bg-black text-center text-white rounded-circle d-flex justify-content-center align-items-center\">\n              <span class=\"fs-4\">A More Secure Future</span>\n            </div>   \n          </div>\n        </li>\n        <!-- <li class=\"col\">\n          <div class=\"card text-center bg-white border-light border-5 h-100\">\n            <div\n              class=\"card-body d-flex flex-column justify-content-center align-items-center\"\n            >\n              <span class=\"fs-4\">Stronger Communities</span>\n            </div>\n          </div>\n        </li>\n        <li class=\"col\">\n          <div class=\"card text-center bg-white border-light border-5 h-100\">\n            <div\n              class=\"card-body d-flex flex-column justify-content-center align-items-center\"\n            >\n              <span class=\"fs-4\">Healthier Lifestyles</span>\n            </div>\n          </div>\n        </li>\n        <li class=\"col\">\n          <div class=\"card text-center bg-white border-light border-5 h-100\">\n            <div\n              class=\"card-body d-flex flex-column justify-content-center align-items-center\"\n            >\n              <span class=\"fs-4\">A More Secure Future</span>\n            </div>\n          </div>\n        </li> -->\n      </ul>\n    </Section>\n\n    <section class=\"row g-0\">\n      <div class=\"col-md-4\">\n        <Figure\n          prefix=\"\"\n          :endAmount=\"65\"\n          :startAmount=\"0\"\n          :decimals=\"0\"\n          suffix=\"%\"\n          subheading=\"increase in NIH/NSF expenditures over 6 years\"\n          backgroundColor=\"red\"\n          textColor=\"white\"\n          :textured=\"false\"\n        ></Figure>\n      </div>\n      <div class=\"col-md-4\">\n        <Figure\n          prefix=\"Top \"\n          :endAmount=\"5\"\n          :startAmount=\"0\"\n          subheading=\"for new products based on research for nearly a decade\"\n          backgroundColor=\"light\"\n          textColor=\"black\"\n          :textured=\"false\"\n        ></Figure>\n      </div>\n      <div class=\"col-md-4\">\n        <Figure\n          prefix=\"$\"\n          :endAmount=\"571\"\n          :startAmount=\"0\"\n          suffix=\"M\"\n          subheading=\"R&amp;D Expenditures\"\n          citation=\"FY 2023\"\n          backgroundColor=\"black\"\n          textColor=\"white\"\n          :textured=\"false\"\n        ></Figure>\n      </div>\n    </section>\n\n    <section>\n      <div class=\"row g-0\">\n        <div class=\"col-12 col-md-6\" style=\"min-height: 400px;\">\n          <VideoBackground\n            :src=\"require('@/assets/video/researchers.mp4')\"\n            :poster=\"require('@/assets/img/research/marshall-shepherd.jpg')\"\n          />\n        </div>\n        <div class=\"col-12 col-md-6\">\n          <div class=\"d-flex flex-column justify-content-center h-100 p-5\">\n            <h3>Faculty Recognition</h3>\n            <p>\n              51黑料 faculty are recognized leaders in their fields. Some advise the White House, World Health Organization, and FDA on a variety of topics while developing research aimed at enhancing the quality of life for people worldwide.\n            </p>\n            <p>\n              In the last five years, 12 51黑料 faculty have been inducted as fellows into the National Academy of Engineering, the National Academy of Sciences, and the National Academy of Inventors.\n            </p>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <section class=\"bg-geo bg-geo--dark row g-0\">\n      <div class=\"col-md-4\">\n        <Figure\n          prefix=\"\"\n          suffix=\"+\"\n          :endAmount=\"170\"\n          :startAmount=\"0\"\n          subheading=\"AAAS Fellows\"\n          backgroundColor=\"\"\n          textColor=\"dark\"\n          :textured=\"false\"\n        ></Figure>\n      </div>\n      <div class=\"col-md-4\">\n        <Figure\n          :endAmount=\"88\"\n          :startAmount=\"0\"\n          subheading=\"NSF CAREER Award Recipients\"\n          backgroundColor=\"\"\n          textColor=\"dark\"\n          :textured=\"false\"\n        ></Figure>\n      </div>\n      <div class=\"col-md-4\">\n        <Figure\n          :endAmount=\"160\"\n          :startAmount=\"0\"\n          subheading=\"Faculty Fulbright Scholars since 1962\"\n          backgroundColor=\"\"\n          textColor=\"dark\"\n          :textured=\"false\"\n        ></Figure>\n      </div>\n    </section>\n\n    <Section\n      type=\"standard\"\n      imgSide=\"right\"\n      imgURL=\"research/3AT2315.jpg\"\n      color=\"bg-primary bg-diagonal--dark\"\n      class=\"text-white\"\n    >\n      <h3>51黑料 School of Medicine</h3>\n      <p>\n        The 51黑料 is establishing a new School of Medicine that will leverage our robust statewide service network and our growing research enterprise to address the nation鈥檚 physician shortage and to build a healthier 51黑料.\n      </p>\n      <Btn color=\"white\" size=\"lg\" outline href=\"https://medicine.uga.edu/\"\n        >Learn More<span class=\"visually-hidden\">\n          about 51黑料's School of Medicine</span\n        ></Btn\n      >\n    </Section>\n  </main>\n</template>\n\n<script>\n// @ is an alias to /src\n// import EmergencyBanner from '@/components/EmergencyBanner.vue';\nimport Btn from \"@/components/Btn.vue\";\nimport Breadcrumb from \"@/components/Breadcrumb.vue\";\nimport PageHeader from \"@/components/PageHeader.vue\";\nimport Figure from \"@/components/Figure.vue\";\nimport Section from \"@/components/Section.vue\";\nimport VideoBackground from \"@/components/VideoBackground.vue\";\n\nexport default {\n  name: \"Research\",\n  metaInfo: {\n    title: \"Research at 51黑料\",\n    description:\n      \"The 51黑料 is committed to changing lives through discovery and innovation. Our comprehensive research is saving lives.\",\n    og: {\n      image: \"\",\n      title: \"\",\n      description: \"\",\n    },\n  },\n  methods: {},\n  data() {\n    return {};\n  },\n  components: {\n    // EmergencyBanner,\n    Btn,\n    PageHeader,\n    Breadcrumb,\n    Figure,\n    Section,\n    VideoBackground,\n  },\n};\n</script>\n\n<style scoped lang=\"scss\"></style>\n","import { render } from \"./Research.vue?vue&type=template&id=163aba2a\"\nimport script from \"./Research.vue?vue&type=script&lang=js\"\nexport * from \"./Research.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src134229040/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"media/research.521f0dff.mp4\";","<template>\n  <VRVideoBackground\n    :src=\"src\"\n    :poster=\"poster\"\n    style=\"height: 100%; position: relative;\"\n    ref=\"videobackground\"\n  >\n    <a v-if=\"button\" id=\"video__button\" @click=\"togglePlay\">\n      <i v-if=\"playing\" class=\"bi bi-pause-circle-fill\"></i>\n      <i v-else class=\"bi bi-play-circle-fill\"></i>\n    </a>\n  </VRVideoBackground>\n</template>\n<script>\nimport VRVideoBackground from 'vue-responsive-video-background-player';\n\nexport default {\n  name: 'VideoBackground',\n  props: {\n    src: { type: String, required: true },\n    poster: { type: String, required: false },\n    button: { type: Boolean, default: false },\n  },\n  data() {\n    return {\n      playing: true,\n    };\n  },\n\n  methods: {\n    togglePlay() {\n      this.playing = !this.playing;\n      if (this.playing) {\n        this.$refs.videobackground.player.play();\n      } else {\n        this.$refs.videobackground.player.pause();\n      }\n    },\n  },\n  components: {\n    VRVideoBackground,\n  },\n};\n</script>\n<style scoped lang=\"scss\">\ni {\n  color: $white;\n  font-size: 2rem;\n}\n\n#video__button {\n  cursor: pointer;\n  position: absolute;\n  bottom: 10px;\n  left: 10px;\n}\n</style>\n","import { render } from \"./VideoBackground.vue?vue&type=template&id=60649c28&scoped=true\"\nimport script from \"./VideoBackground.vue?vue&type=script&lang=js\"\nexport * from \"./VideoBackground.vue?vue&type=script&lang=js\"\n\nimport \"./VideoBackground.vue?vue&type=style&index=0&id=60649c28&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src134229040/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-60649c28\"]])\n\nexport default __exports__","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-v16/dist/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-v16/dist/index.js??ref--1-1!./Figure.vue?vue&type=style&index=0&id=65487eb5&scoped=true&lang=scss\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./VideoBackground.vue?vue&type=style&index=0&id=60649c28&scoped=true&lang=scss\""],"sourceRoot":""}