{"version":3,"sources":["webpack:///./src/common/widgets/TreasureMarkerWidget/TreasureMarkerWidget.vue?299b","webpack:///src/common/widgets/TreasureMarkerWidget/TreasureMarkerWidget.vue","webpack:///./src/common/widgets/TreasureMarkerWidget/TreasureMarkerWidget.vue?3884","webpack:///./src/common/widgets/TreasureMarkerWidget/TreasureMarkerWidget.vue","webpack:///./src/common/widgets/TreasureMarkerWidget/TreasureMarkerWidget.vue?86c4"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","staticClass","name","components","mounted","$store","dispatch","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,KAAK,CAACL,EAAIQ,GAAG,qBAAqBH,EAAG,MAAM,CAACI,YAAY,OAAO,CAACJ,EAAG,MAAM,CAACI,YAAY,UAAU,CAACJ,EAAG,MAAM,CAACI,YAAY,SAASJ,EAAG,MAAM,CAACI,YAAY,SAASJ,EAAG,MAAM,CAACI,YAAY,kBCc7R,GACfC,KAAA,iBACAC,WAAA,GAEAC,UACA,KAAAC,OAAAC,SAAA,sBCpB2X,I,wBCQvXC,EAAY,eACd,EACAhB,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,2CCnBf","file":"js/chunk-366edc85.5b03267d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Treasure Marker\")]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"player\"},[_c('div',{staticClass:\"legs\"}),_c('div',{staticClass:\"back\"}),_c('div',{staticClass:\"glass\"})])])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n      <h1>Treasure Marker</h1>\n      <div class=box>\n        <div class=\"player\">\n          <div class=\"legs\"></div>\n          <div class=\"back\"></div>\n          <div class=\"glass\"></div>\n        </div>\n      </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'TreasureMarker',\n  components: {\n  },\n  mounted() {\n    this.$store.dispatch('victoryMarkerHit');\n  },\n};\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=VT323&display=swap\");\n\n:root {\n  --player: #ea1616;\n  --player-shadow: #840931;\n}\n\nbody {\n  background: #000000;\n  margin: 0;\n}\n\nh1 {\n  font-size: 20vw;\n  color: #038bff;\n  text-align: center;\n  font-family: \"VT323\", monospace;\n  font-weight: 200;\n  position: relative;\n  bottom: 0.65em;\n}\n\n.box {\n  height: 400px;\n  width: 100%;\n  background-color: green;\n  position: absolute;\n  bottom: 15vh;\n  background-image: radial-gradient(#77dad8 20%, black 95%);\n}\n\n.player {\n  background-color: var(--player-shadow);\n  height: 200px;\n  width: 140px;\n  position: absolute;\n  margin: auto;\n  left: 0;\n  right: 0vw;\n  top: 0;\n  bottom: 0;\n  border: 10px solid #000000;\n  border-bottom: none;\n  border-radius: 60px 80px 0 0;\n  /* z-index: 1; */\n}\n.player:after {\n  content: \"\";\n  position: absolute;\n  width: 92%;\n  height: 85%;\n  background-color: var(--player);\n  top: 2.5px;\n  left: 6px;\n  border-radius: 58% 70% 28% 42% / 28% 56% 88% 89%;\n}\n.legs {\n  height: 50px;\n  width: 60px;\n  background-color: var(--player-shadow);\n  position: absolute;\n  bottom: -50px;\n  left: -10px;\n  border: 10px solid #000000;\n  border-top: none;\n  border-radius: 0 0 22px 22px;\n  /* z-index: 1; */\n}\n.legs:before {\n  content: \"\";\n  height: 45px;\n  width: 60px;\n  background-color: var(--player-shadow);\n  position: absolute;\n  right: -90px;\n  border: 10px solid #000000;\n  border-top: none;\n  border-radius: 0 0 22px 22px;\n}\n.legs:after {\n  content: \"\";\n  height: 10px;\n  width: 55px;\n  background-color: #000000;\n  position: absolute;\n  top: -10px;\n  left: 40px;\n  border-radius: 0 0 10px 0;\n}\n.back {\n  height: 120px;\n  width: 35px;\n  background-color: var(--player);\n  border: 10px solid black;\n  position: absolute;\n  left: -55px;\n  top: 65px;\n  border-right: none;\n  border-radius: 20px 0 0 20px;\n}\n.back:before {\n  content: \"\";\n  position: absolute;\n  height: 90px;\n  width: 36px;\n  background-color: var(--player-shadow);\n  bottom: 0;\n  left: -1px;\n  border-radius: 17px 0 0 8px;\n}\n.glass {\n  height: 75px;\n  width: 110px;\n  background-color: #225381;\n  /* z-index: 2; */\n  position: absolute;\n  top: 30px;\n  left: 40px;\n  border-radius: 25px 50px 30px 30px;\n  border: 10px solid black;\n}\n.glass:before {\n  content: \"\";\n  position: absolute;\n  width: 85%;\n  height: 65%;\n  background-color: #71d4ec;\n  border-radius: 0 28px 3px 30px;\n  right: 0;\n  top: 0;\n}\n.glass:after {\n  content: \"\";\n  position: absolute;\n  width: 45%;\n  height: 22%;\n  background-color: #f7f7f7;\n  left: 39px;\n  top: 5px;\n  border-radius: 10px;\n  transform: rotate(6deg);\n}\n\n.box {\n  background: radial-gradient(#77dad8 20%, black 95%);\n  opacity: 0;\n  animation: fadeIn ease 10s;\n  animation-fill-mode: forwards;\n}\n\nh1 {\n  font-size: 20vw;\n  color: #038bff;\n  text-align: center;\n  font-family: \"VT323\", monospace;\n  font-weight: 200;\n  position: relative;\n  /* z-index: 2; */\n  bottom: 0.65em;\n  animation: moving 6s;\n  animation-fill-mode: forwards;\n}\n\n@keyframes moving {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(50px);\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@-moz-keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@-webkit-keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@-o-keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@-ms-keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@media only screen and (max-width: 600px) {\n  h1 {\n  }\n}\n\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (max-width: 600px) {\n  h1 {\n    font-size: 8rem;\n    bottom: 0.15em;\n  }\n}\n\n/* Small devices (portrait tablets and large phones, 600px and up) */\n@media only screen and (min-width: 600px) {\n  h1 {\n    font-size: 10rem;\n    bottom: 0.15em;\n  }\n}\n\n/* Medium devices (landscape tablets, 768px and up) */\n@media only screen and (min-width: 768px) {\n  h1 {\n    font-size: 20vw;\n    bottom: 0.65em;\n  }\n}\n\n/* Large devices (laptops/desktops, 992px and up) */\n@media only screen and (min-width: 992px) {\n  h1 {\n    font-size: 15vw;\n    bottom: 0.55em;\n  }\n}\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!./TreasureMarkerWidget.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!./TreasureMarkerWidget.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TreasureMarkerWidget.vue?vue&type=template&id=3d5dc9b2&scoped=true\"\nimport script from \"./TreasureMarkerWidget.vue?vue&type=script&lang=js\"\nexport * from \"./TreasureMarkerWidget.vue?vue&type=script&lang=js\"\nimport style0 from \"./TreasureMarkerWidget.vue?vue&type=style&index=0&id=3d5dc9b2&prod&scoped=true&lang=css\"\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  \"3d5dc9b2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TreasureMarkerWidget.vue?vue&type=style&index=0&id=3d5dc9b2&prod&scoped=true&lang=css\""],"sourceRoot":""}