{"version":3,"sources":["webpack:///./src/modules/main/views/404.vue?1eef","webpack:///./src/modules/main/views/404.vue","webpack:///./src/modules/main/views/404.vue?0184","webpack:///./src/modules/main/views/404.vue?3868","webpack:///./src/modules/main/views/404.vue?c8bc","webpack:///./src/modules/main/views/404.vue?7b9f"],"names":["class","href","target","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_ctx","$t","_hoisted_6","_hoisted_7","name","setup","onMounted","pageX","$","document","width","pageY","height","mouseY","mouseX","mousemove","event","yAxis","xAxis","css","transform"],"mappings":";;;;;;;;;AAAA,uC;;;;;;;;;;;;;;;;;ECCOA,KAAK,EAAC;AAAK;;;EAyBTA,KAAK,EAAC;AAAkB;;EACtBA,KAAK,EAAC;AAA4B;;EAChCA,KAAK,EAAC;AAAwB;;EAC9BA,KAAK,EAAC;AAAuB;;EAGjCC,IAAI,EAAC,GAAG;EAACC,MAAM,EAAC,QAAQ;EAACF,KAAK,EAAC;;;kEA/BtCG,8DAAA,CAmCM,OAnCNC,UAmCM,GAlCJC,UAsBM,EAENC,8DAAA,CASM,OATNC,UASM,GARJD,8DAAA,CAGM,OAHNE,UAGM,GAFJF,8DAAA,CAAgE,OAAhEG,UAAgE,EAAAC,2DAAA,CAAzBC,IAAA,CAAAC,EAAE,qBACzCN,8DAAA,CAAqE,OAArEO,UAAqE,EAAAH,2DAAA,CAA/BC,IAAA,CAAAC,EAAE,0B,GAG1CN,8DAAA,CAEM,KAFNQ,UAEM,EAAAJ,2DAAA,CADJC,IAAA,CAAAC,EAAE,qB;;;;;;;;;;;;;ACjCV;AAAA;AAAA;AAAA;;;;;;;;;;;;;ADiXA;AAAA;AAAA;AAAA;AAAgC;AACT;AACR;EACbG,IAAI,EAAE,UAAU;EAChBC,KAAKA,CAAA,EAAG;IACNC,qDAAS,CAAC,MAAM;MACd,IAAIC,KAAI,GAAIC,6CAAC,CAACC,QAAQ,CAAC,CAACC,KAAK,CAAC,CAAC;MAC/B,IAAIC,KAAI,GAAIH,6CAAC,CAACC,QAAQ,CAAC,CAACG,MAAM,CAAC,CAAC;MAChC,IAAIC,MAAK,GAAI,CAAC;MACd,IAAIC,MAAK,GAAI,CAAC;MACdN,6CAAC,CAACC,QAAQ,CAAC,CAACM,SAAS,CAAC,UAASC,KAAK,EAAE;QACpCH,MAAK,GAAIG,KAAK,CAACL,KAAK;QACpB,IAAIM,KAAI,GAAK,CAACN,KAAI,GAAI,IAAIE,MAAM,IAAIF,KAAK,GAAI,GAAG;QAChDG,MAAK,GAAIE,KAAK,CAACT,KAAI,GAAI,CAACA,KAAK;QAC7B,IAAIW,KAAI,GAAI,CAACJ,MAAK,GAAI,GAAE,GAAI,GAAG;QAC/BN,6CAAC,CAAC,kBAAkB,CAAC,CAACW,GAAG,CAAC;UACxBC,SAAS,EAAE,YAAW,GAAIF,KAAI,GAAI,KAAI,GAAID,KAAI,GAAI;QACpD,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;AACF,CAAC,E;;;;;;;;;;;;AEtYD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAgE;AACV;AACL;;AAEc;;AAEuE;AACtI,iCAAiC,+IAAe,CAAC,wEAAM,aAAa,6EAAM;;AAE3D,0E;;;;;;;;;;;;ACTf;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA,wCAAohB,C","file":"js/chunk-eba53430.fe36e0f3.js","sourcesContent":["// extracted by mini-css-extract-plugin","<template>\n  <div class=\"box\">\n    <div class=\"box__ghost\">\n      <div class=\"symbol\"></div>\n      <div class=\"symbol\"></div>\n      <div class=\"symbol\"></div>\n      <div class=\"symbol\"></div>\n      <div class=\"symbol\"></div>\n      <div class=\"symbol\"></div>\n\n      <div class=\"box__ghost-container\">\n        <div class=\"box__ghost-eyes\">\n          <div class=\"box__eye-left\"></div>\n          <div class=\"box__eye-right\"></div>\n        </div>\n        <div class=\"box__ghost-bottom\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n      <div class=\"box__ghost-shadow\"></div>\n    </div>\n\n    <div class=\"box__description\">\n      <div class=\"box__description-container\">\n        <div class=\"box__description-title\">{{ $t(\"_404.title\") }}</div>\n        <div class=\"box__description-text\">{{ $t(\"_404.description\") }}</div>\n      </div>\n\n      <a href=\"/\" target=\"_blank\" class=\"box__button\">{{\n        $t(\"_404.button\")\n      }}</a>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n@import url(https://fonts.googleapis.com/css?family=Ubuntu);\n//variables\n$purple: #f180d4;\n$l-purple: #f180d4;\n$t-purple: #f4f3ff;\n$pink: #2222;\n$white: #fff;\n\nhtml,\nbody {\n  background: $purple;\n  font-family: \"Ubuntu\";\n}\n* {\n  box-sizing: border-box;\n}\n\n.box {\n  width: 400px;\n  height: 100%;\n  max-height: 600px;\n  min-height: 450px;\n  background: $l-purple;\n  border-radius: 20px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 30px 50px;\n\n  .box__ghost {\n    padding: 15px 25px 25px;\n    position: absolute;\n    left: 50%;\n    top: 30%;\n    transform: translate(-50%, -30%);\n\n    .symbol {\n      &:nth-child(1) {\n        opacity: 0.2;\n        animation: shine 4s ease-in-out 3s infinite;\n\n        &:before,\n        &:after {\n          content: \"\";\n          width: 12px;\n          height: 4px;\n          background: $white;\n          position: absolute;\n          border-radius: 5px;\n          bottom: 65px;\n          left: 0;\n        }\n        &:before {\n          transform: rotate(45deg);\n        }\n        &:after {\n          transform: rotate(-45deg);\n        }\n      }\n      &:nth-child(2) {\n        position: absolute;\n        left: -5px;\n        top: 30px;\n        height: 18px;\n        width: 18px;\n        border: 4px solid;\n        border-radius: 50%;\n        border-color: $white;\n        opacity: 0.2;\n        animation: shine 4s ease-in-out 1.3s infinite;\n      }\n      &:nth-child(3) {\n        opacity: 0.2;\n        animation: shine 3s ease-in-out 0.5s infinite;\n\n        &:before,\n        &:after {\n          content: \"\";\n          width: 12px;\n          height: 4px;\n          background: $white;\n          position: absolute;\n          border-radius: 5px;\n          top: 5px;\n          left: 40px;\n        }\n        &:before {\n          transform: rotate(90deg);\n        }\n        &:after {\n          transform: rotate(180deg);\n        }\n      }\n      &:nth-child(4) {\n        opacity: 0.2;\n        animation: shine 6s ease-in-out 1.6s infinite;\n\n        &:before,\n        &:after {\n          content: \"\";\n          width: 15px;\n          height: 4px;\n          background: $white;\n          position: absolute;\n          border-radius: 5px;\n          top: 10px;\n          right: 30px;\n        }\n        &:before {\n          transform: rotate(45deg);\n        }\n        &:after {\n          transform: rotate(-45deg);\n        }\n      }\n      &:nth-child(5) {\n        position: absolute;\n        right: 5px;\n        top: 40px;\n        height: 12px;\n        width: 12px;\n        border: 3px solid;\n        border-radius: 50%;\n        border-color: $white;\n        opacity: 0.2;\n        animation: shine 1.7s ease-in-out 7s infinite;\n      }\n      &:nth-child(6) {\n        opacity: 0.2;\n        animation: shine 2s ease-in-out 6s infinite;\n\n        &:before,\n        &:after {\n          content: \"\";\n          width: 15px;\n          height: 4px;\n          background: $white;\n          position: absolute;\n          border-radius: 5px;\n          bottom: 65px;\n          right: -5px;\n        }\n        &:before {\n          transform: rotate(90deg);\n        }\n        &:after {\n          transform: rotate(180deg);\n        }\n      }\n    }\n\n    .box__ghost-container {\n      background: $white;\n      width: 100px;\n      height: 100px;\n      border-radius: 100px 100px 0 0;\n      position: relative;\n      margin: 0 auto;\n      animation: upndown 3s ease-in-out infinite;\n\n      .box__ghost-eyes {\n        position: absolute;\n        left: 50%;\n        top: 45%;\n        //transform: translate(-50%, -45%);\n        height: 12px;\n        width: 70px;\n\n        .box__eye-left {\n          width: 12px;\n          height: 12px;\n          background: $l-purple;\n          border-radius: 50%;\n          margin: 0 10px;\n          position: absolute;\n          left: 0;\n        }\n        .box__eye-right {\n          width: 12px;\n          height: 12px;\n          background: $l-purple;\n          border-radius: 50%;\n          margin: 0 10px;\n          position: absolute;\n          right: 0;\n        }\n      }\n\n      .box__ghost-bottom {\n        display: flex;\n        position: absolute;\n        top: 100%;\n        left: 0;\n        right: 0;\n\n        div {\n          flex-grow: 1;\n          position: relative;\n          top: -10px;\n          height: 20px;\n          border-radius: 100%;\n          background-color: $white;\n\n          &:nth-child(2n) {\n            top: -12px;\n            margin: 0 -0px;\n            border-top: 15px solid $l-purple;\n            background: transparent;\n          }\n        }\n      }\n    }\n\n    .box__ghost-shadow {\n      height: 20px;\n      box-shadow: 0 50px 15px 5px #3b3769;\n      border-radius: 50%;\n      margin: 0 auto;\n      animation: smallnbig 3s ease-in-out infinite;\n    }\n  }\n\n  .box__description {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n\n    .box__description-container {\n      color: $white;\n      text-align: center;\n      width: 100%;\n      font-size: 16px;\n      margin: 0 auto;\n      .box__description-title {\n        font-size: 24px;\n        letter-spacing: 0.5px;\n      }\n      .box__description-text {\n        color: $t-purple;\n        line-height: 20px;\n        margin-top: 20px;\n      }\n    }\n\n    .box__button {\n      display: block;\n      position: relative;\n      background: $pink;\n      border: 1px solid transparent;\n      border-radius: 50px;\n      height: 50px;\n      text-align: center;\n      text-decoration: none;\n      color: $white;\n      line-height: 50px;\n      font-size: 18px;\n      padding: 0 70px;\n      white-space: nowrap;\n      margin-top: 25px;\n      transition: background 0.5s ease;\n      overflow: hidden;\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 20px;\n        height: 100px;\n        background: $white;\n        bottom: -25px;\n        left: 0;\n        border: 2px solid $white;\n        transform: translateX(-50px) rotate(45deg);\n        transition: transform 0.5s ease;\n      }\n\n      &:hover {\n        background: transparent;\n        border-color: $white;\n\n        &:before {\n          transform: translateX(250px) rotate(45deg);\n        }\n      }\n    }\n  }\n}\n\n//keyframes\n@keyframes upndown {\n  0% {\n    transform: translateY(5px);\n  }\n  50% {\n    transform: translateY(15px);\n  }\n  100% {\n    transform: translateY(5px);\n  }\n}\n@keyframes smallnbig {\n  0% {\n    width: 90px;\n  }\n  50% {\n    width: 100px;\n  }\n  100% {\n    width: 90px;\n  }\n}\n@keyframes shine {\n  0% {\n    opacity: 0.2;\n  }\n  25% {\n    opacity: 0.1;\n  }\n  50% {\n    opacity: 0.2;\n  }\n  100% {\n    opacity: 0.2;\n  }\n}\n</style>\n<script>\nimport { onMounted } from \"vue\";\nimport $ from \"jquery\";\nexport default {\n  name: \"Error404\",\n  setup() {\n    onMounted(() => {\n      let pageX = $(document).width();\n      let pageY = $(document).height();\n      let mouseY = 0;\n      let mouseX = 0;\n      $(document).mousemove(function(event) {\n        mouseY = event.pageY;\n        let yAxis = ((pageY / 2 - mouseY) / pageY) * 300;\n        mouseX = event.pageX / -pageX;\n        let xAxis = -mouseX * 100 - 100;\n        $(\".box__ghost-eyes\").css({\n          transform: \"translate(\" + xAxis + \"%,-\" + yAxis + \"%)\",\n        });\n      });\n    });\n  },\n};\n</script>\n","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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./404.vue?vue&type=style&index=0&id=d98dc5aa&lang=scss\"","import { render } from \"./404.vue?vue&type=template&id=d98dc5aa\"\nimport script from \"./404.vue?vue&type=script&lang=js\"\nexport * from \"./404.vue?vue&type=script&lang=js\"\n\nimport \"./404.vue?vue&type=style&index=0&id=d98dc5aa&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1250588209/src/flip-child-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../../node_modules/vue-loader-v16/dist/templateLoader.js??ref--7!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./404.vue?vue&type=template&id=d98dc5aa\"","export { default } 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/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./404.vue?vue&type=script&lang=js\"; 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/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./404.vue?vue&type=script&lang=js\""],"sourceRoot":""}