{"version":3,"sources":["webpack:///./src/pages/signUp/successModal.vue","webpack:///./src/pages/signUp/successModal.vue?f0dc","webpack:///./src/pages/signUp/index.vue","webpack:///./src/pages/signUp/index.vue?ba59","webpack:///./src/pages/signUp/index.vue?17a2","webpack:///./src/components/signInUpLeft.vue?2c2b","webpack:///./src/pages/signUp/successModal.vue?f998","webpack:///./src/assets/images/sign/artemisAds_logo@2x.png","webpack:///./src/components/signInUpLeft.vue","webpack:///./src/components/signInUpLeft.vue?a82f","webpack:///./src/assets/images/sign/amazon-logo@2x.png","webpack:///./src/assets/images/sign/sign-left-bg.png"],"names":["successModalRef","ref","route","useRoute","code","query","invitationCode","replace","showSuccessModal","api","contextHolder","notification","useNotification","openNotification","description","info","message","placement","duration","passwordVisible","spinning","useForm","Form","modelRef","reactive","username","email","password","confirmPassword","rulesRef","required","type","trigger","validator","validatePassword","validateConfirmPassword","validateCode","validate","validateInfos","resetFields","resendEmail","value","setShowSuccessModal","status","_rule","Promise","reject","length","match","resolve","async","res","signApi","invitationCodeCheck","success","invitationCodeInput","e","target","onSubmit","validateRes","errorFields","params","signUp","error","onMounted","module","exports","class","_createElementBlock","_hoisted_1","_cache","script","__exports__","render"],"mappings":"6TAoBE,MAEMA,EAAkBC,iBAAI,M,oxBCjB9B,MAAM,EAAc,EAEL,Q,kaCoGf,MAAMC,EAAQC,iBACRC,GAAQF,EAAMG,MAAMC,gBAAkB,IAAIC,QAAQ,MAAO,IACzDC,EAAmBP,kBAAI,IACtBQ,EAAKC,GAAiBC,OAAaC,kBACpCC,EAAoBC,IACxBL,EAAIM,KAAK,CACPC,QAAS,UACTF,YAAaA,EACbG,UAAW,WACXC,SAAU,MAGRC,EAAkBlB,kBAAI,GACtBmB,EAAWnB,kBAAI,GACfoB,EAAUC,OAAKD,QAGfE,EAAWC,sBAAS,CACxBC,SAAU,GACVC,MAAO,GACPC,SAAU,GACVrB,eAAgBF,GAAQ,GACxBwB,gBAAiB,KAGbC,EAAWL,sBAAS,CACxBC,SAAU,CACR,CACEK,UAAU,EACVd,QAAS,8BAGbU,MAAO,CACL,CACEI,UAAU,EACVC,KAAM,QACNf,QAAS,gBACTgB,QAAS,CAAC,UAGdL,SAAU,CACR,CACEG,UAAU,EACVG,UAAWC,EACXF,QAAS,CAAC,UAGdJ,gBAAiB,CACf,CACEE,UAAU,EACVG,UAAWE,EACXH,QAAS,CAAC,UAGd1B,eAAgB,CACd,CACE2B,UAAWG,EACXJ,QAAS,CAAC,aAKV,SAAEK,EAAQ,cAAEC,EAAa,YAAEC,GAAgBlB,EAAQE,EAAUM,GAEnE,SAASW,IACPD,IACA/B,EAAiBiC,OAAQ,EAG3B,SAASC,EAAoBC,GAC3BnC,EAAiBiC,MAAQE,EAG3B,SAAST,EAAiBU,EAAOH,GAC/B,MAAc,KAAVA,EACKI,QAAQC,OAAO,4BAEtBL,EAAMM,OAAS,IACdN,EAAMO,MAAM,WACZP,EAAMO,MAAM,SAENH,QAAQC,OACb,gFAGKD,QAAQI,UAInB,SAASd,EAAwBS,EAAOH,GACtC,MAAc,KAAVA,EACKI,QAAQC,OAAO,mCACbL,IAAUlB,EAASI,SACrBkB,QAAQC,OAAO,0BAEfD,QAAQI,UAInBC,eAAed,EAAaQ,EAAOH,GACjC,GAAIA,EAAMM,OAAQ,CAChB,MAAMI,QAAYC,OAAQC,oBAAoBZ,GAE9C,OAAIU,EAAIG,QACCT,QAAQI,UAERJ,QAAQC,OAAO,sDAGxB,OAAOD,QAAQI,UAInB,SAASM,EAAoBC,GAC3BjC,EAASjB,eAAiBkD,EAAEC,OAAOhB,MAAMlC,QAAQ,MAAO,IAG1D2C,eAAeQ,IACb,MAAMC,QAAoBtB,IAC1B,IAAKsB,EAAYC,YAAa,CAC5BxC,EAASqB,OAAQ,EACjB,MAAMoB,EAASF,EAETR,QAAYC,OAAQU,OAAOD,IAC3B,MAAEE,EAAK,QAAET,GAAYH,EACvBG,EACF9C,EAAiBiC,OAAQ,EAEzB5B,EAAiBkD,GAEnB3C,EAASqB,OAAQ,G,OAIrBuB,uBAAUd,UACJ9C,EAAK2C,cACDV,EAAS,oB,6+IC7OnB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W,oCCAA,W,0DCAA,W,uBCAA4B,EAAOC,QAAU,IAA0B,uC,0HCCpCC,MAAM,kB,gDAAXC,gCAiBM,MAjBNC,EAiBMC,EAAA,KAAAA,EAAA,I,07BCjBR,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,GAAQ,CAAC,YAAY,qBAE1E,U,qBCRfR,EAAOC,QAAU,IAA0B,mC,4CCA3CD,EAAOC,QAAU,IAA0B,iC","file":"js/chunk-44a5cf9b.ac932f4b.js","sourcesContent":["<template>\n  <div class=\"success-modal\" ref=\"successModalRef\">\n    <div class=\"content\">\n      <span>\n        <svg class=\"icon\" aria-hidden=\"true\">\n          <use xlink:href=\"#icon-duigou-jiacu\"></use>\n        </svg>\n      </span>\n      <p>Please check your email for a login link！</p>\n      <div class=\"btn\">\n        <artmisads-button @click=\"resendEmail\">Resend Email</artmisads-button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue';\n  import successChenchongSvg  from '../../components/svg/success-chenchong.vue';\n\n  const props = defineProps(['showSuccessModal', 'setShowSuccessModal', 'resendEmail']);\n\n  const successModalRef = ref(null);\n\n</script>\n<style lang=\"less\">\n  .success-modal {\n    position: absolute;\n    background: var(--color-white);\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    box-shadow: var(--section-box-shadow-2);\n    border-radius: 8px;\n    .content {\n      display: flex;\n      flex-direction: column;\n      > span {\n        width: 50px;\n        height: 50px;\n        background-color: var(--green-5);\n        box-shadow: 0 0 0 7px var(--green-6);\n        border-radius: 100%;\n        align-self: center;\n        display: flex;\n        justify-content: center;\n        > svg {\n          width: 32px;\n          height: 32px;\n          align-self: center;\n          fill: rgba(255,255,255,0.85);\n        }\n      }\n      \n      > p {\n        color: var(--dark-2);\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 22px;\n        text-align: center;\n        margin-top: 18px;\n      }\n      .btn {\n        margin-top: 24px;\n        display: flex;\n        justify-content: center;\n      }\n    }\n  }\n</style>","import script from \"./successModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./successModal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./successModal.vue?vue&type=style&index=0&id=cdf1ee30&lang=less\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"sign-up\">\n    <div class=\"sign-left\">\n      <signInUpLeft />\n    </div>\n    <div class=\"sign-up-wrap\">\n      <div class=\"sign-up-content\">\n        <a-spin :spinning=\"spinning\">\n          <h3>Join ArtemisAds</h3>\n          <p class=\"to-sign-in\">\n            Already have an account?\n            <a class=\"link\" href=\"/sign-in\">Log in to ArtemisAds</a>\n          </p>\n          <a-form>\n            <a-form-item v-bind=\"validateInfos.username\">\n              <div class=\"input\">\n                <span>Full Name</span>\n                <artmisads-input v-model:value=\"modelRef.username\" />\n              </div>\n            </a-form-item>\n            <a-form-item v-bind=\"validateInfos.email\" name=\"email\">\n              <div class=\"input input-second\">\n                <span>Email Address</span>\n                <artmisads-input\n                  @blur=\"() => validate('email')\"\n                  v-model:value=\"modelRef.email\"\n                />\n              </div>\n            </a-form-item>\n            <div class=\"password\">\n              <div class=\"password-wrap\">\n                <a-form-item v-bind=\"validateInfos.password\">\n                  <div class=\"password-input\">\n                    <span class=\"password-title\">Password</span>\n                    <artmisads-input-password\n                      v-model:visible=\"passwordVisible\"\n                      @blur=\"() => validate('password')\"\n                      v-model:value=\"modelRef.password\"\n                    />\n                  </div>\n                </a-form-item>\n              </div>\n              <div class=\"password-wrap\">\n                <a-form-item v-bind=\"validateInfos.confirmPassword\">\n                  <div class=\"password-input\">\n                    <span class=\"password-title\">Comfirm Password</span>\n                    <artmisads-input-password\n                      v-model:visible=\"passwordVisible\"\n                      @blur=\"() => validate('confirmPassword')\"\n                      v-model:value=\"modelRef.confirmPassword\"\n                    />\n                  </div>\n                </a-form-item>\n              </div>\n            </div>\n            <div class=\"referral-code\">\n              <a-form-item v-bind=\"validateInfos.invitationCode\">\n                <span class=\"sub-title\">Refer Code(optional)</span>\n                <artmisads-input\n                  :disabled=\"code.length\"\n                  @keyup=\"invitationCodeInput\"\n                  v-model:value=\"modelRef.invitationCode\"\n                  @blur=\"() => validate('invitationCode')\"\n                />\n              </a-form-item>\n            </div>\n            <div class=\"sign-btn\">\n              <a-form-item>\n                <artmisads-button\n                  @click=\"onSubmit\"\n                  type=\"primary\"\n                  html-type=\"submit\"\n                  >Sign Up With Email</artmisads-button\n                >\n              </a-form-item>\n            </div>\n          </a-form>\n          <div class=\"terms-conditions\">\n            By joining or signing in, you agree to our\n            <a class=\"link\" target=\"_blank\" href=\"/terms-of-service\"\n              >Terms of Service</a\n            >\n            and\n            <a class=\"link\" href=\"/privacy-policy\" target=\"_blank\"\n              >Privacy Policy</a\n            >\n          </div>\n          <successModal\n            v-if=\"showSuccessModal\"\n            :setShowSuccessModal=\"setShowSuccessModal\"\n            :resendEmail=\"resendEmail\"\n          />\n        </a-spin>\n      </div>\n    </div>\n    <contextHolder />\n  </div>\n</template>\n<script setup>\nimport { onMounted, reactive, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport successModal from './successModal.vue'\nimport signInUpLeft from '~/components/signInUpLeft.vue'\nimport { Form, message, notification } from 'ant-design-vue'\n\nimport { signApi } from '../../server/index'\n\nconst route = useRoute()\nconst code = (route.query.invitationCode || '').replace(/\\s/g, '')\nconst showSuccessModal = ref(false)\nconst [api, contextHolder] = notification.useNotification()\nconst openNotification = (description) => {\n  api.info({\n    message: `Warning`,\n    description: description,\n    placement: 'topRight',\n    duration: 10,\n  })\n}\nconst passwordVisible = ref(false)\nconst spinning = ref(false)\nconst useForm = Form.useForm\nconst props = defineProps(['goTo'])\n\nconst modelRef = reactive({\n  username: '',\n  email: '',\n  password: '',\n  invitationCode: code || '',\n  confirmPassword: '',\n})\n\nconst rulesRef = reactive({\n  username: [\n    {\n      required: true,\n      message: 'Full Name cannot be empty',\n    },\n  ],\n  email: [\n    {\n      required: true,\n      type: 'email',\n      message: 'Invalid email',\n      trigger: ['blur'],\n    },\n  ],\n  password: [\n    {\n      required: true,\n      validator: validatePassword,\n      trigger: ['blur'],\n    },\n  ],\n  confirmPassword: [\n    {\n      required: true,\n      validator: validateConfirmPassword,\n      trigger: ['blur'],\n    },\n  ],\n  invitationCode: [\n    {\n      validator: validateCode,\n      trigger: ['blur'],\n    },\n  ],\n})\n\nconst { validate, validateInfos, resetFields } = useForm(modelRef, rulesRef)\n\nfunction resendEmail() {\n  resetFields()\n  showSuccessModal.value = false\n}\n\nfunction setShowSuccessModal(status) {\n  showSuccessModal.value = status\n}\n\nfunction validatePassword(_rule, value) {\n  if (value === '') {\n    return Promise.reject('Password cannot be empty')\n  } else if (\n    value.length < 8 ||\n    !value.match(/[0-9]/) ||\n    !value.match(/[A-Z]/)\n  ) {\n    return Promise.reject(\n      'Password must be at least 8 characters with 1 upper case letter and 1 number'\n    )\n  } else {\n    return Promise.resolve()\n  }\n}\n\nfunction validateConfirmPassword(_rule, value) {\n  if (value === '') {\n    return Promise.reject('Please input the password again')\n  } else if (value !== modelRef.password) {\n    return Promise.reject('Passwords do not match')\n  } else {\n    return Promise.resolve()\n  }\n}\n\nasync function validateCode(_rule, value) {\n  if (value.length) {\n    const res = await signApi.invitationCodeCheck(value)\n    \n    if (res.success) {\n      return Promise.resolve()\n    } else {\n      return Promise.reject('Refer Code does not exist, Please check and retry.')\n    }\n  } else {\n    return Promise.resolve()\n  }\n}\n\nfunction invitationCodeInput(e) {\n  modelRef.invitationCode = e.target.value.replace(/\\s/g, '')\n}\n\nasync function onSubmit() {\n  const validateRes = await validate()\n  if (!validateRes.errorFields) {\n    spinning.value = true\n    const params = validateRes\n\n    const res = await signApi.signUp(params)\n    const { error, success } = res\n    if (success) {\n      showSuccessModal.value = true\n    } else {\n      openNotification(error)\n    }\n    spinning.value = false\n  }\n}\n\nonMounted(async () => {\n  if (code.length) {\n    await validate('invitationCode')\n  }\n})\n</script>\n<style lang=\"less\" scoped>\n.sign-up {\n  width: 100vw;\n  height: 100dvh;\n  min-height: 700px;\n  overflow: hidden;\n  display: flex;\n  .warning {\n    position: fixed;\n    top: 8px;\n    right: 8px;\n  }\n}\n.sign-up-wrap {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  flex: 1;\n}\n.sign-up-content {\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  width: 480px;\n  .to-sign-in {\n    margin-top: 10px;\n    color: var(--dark-3);\n    line-height: 19px;\n    text-align: left;\n    > a {\n      text-decoration: underline;\n      font-weight: 500;\n      color: var(--link-1);\n    }\n  }\n  .input-second {\n    margin-top: 32px;\n  }\n  .input {\n    width: 480px;\n  }\n  .password-input {\n    width: 230px;\n  }\n  .password {\n    width: 480px;\n    display: flex;\n    justify-content: space-between;\n  }\n  .input {\n    display: flex;\n    margin-top: 24px;\n    flex-direction: column;\n    > span {\n      color: var(--dark-2);\n      font-weight: 500;\n      font-size: 14px;\n      line-height: 16px;\n      margin-bottom: 8px;\n    }\n  }\n  .password-wrap {\n    width: 230px;\n  }\n  .password-input {\n    display: flex;\n    margin-top: 24px;\n    flex-direction: column;\n    .password-title {\n      height: 16px;\n      color: var(--dark-2);\n      font-weight: 500;\n      line-height: 16px;\n      margin-bottom: 8px;\n    }\n  }\n  .terms-conditions {\n    margin-top: 24px;\n    color: var(--dark-3);\n    font-size: var(--font-size-small);\n    line-height: 18px;\n    a {\n      color: var(--dark-3);\n      font-size: var(--font-size-small);\n      line-height: 18px;\n      text-align: left;\n      text-decoration: underline;\n      &:hover {\n        color: var(--dark-2);\n      }\n    }\n  }\n  .sign-btn {\n    width: 480px;\n    margin-top: 30px;\n    button {\n      width: 100%;\n    }\n  }\n  :deep(.ant-form) {\n    .ant-form-item {\n      margin-bottom: 0;\n    }\n  }\n}\n.referral-code {\n  margin-top: 24px;\n  .sub-title {\n    height: 16px;\n    display: block;\n    font-weight: 500;\n    line-height: 16px;\n    margin-bottom: 8px;\n    color: var(--dark-2);\n  }\n}\n// @media screen and (max-width: 479px) {\n//   .sign-up {\n//     position: relative;\n//     width: 100dvw;\n//     height: auto;\n//     min-height: 100dvh;\n//     display: flex;\n//     overflow: scroll;\n//     padding-bottom: 130px;\n//   }\n//   .sign-up-wrap {\n//     width: 100%;\n//     display: flex;\n//     justify-content: center;\n//     .sign-up-content {\n//       margin-top: 180px;\n//       align-self: center;\n//       position: relative;\n//       z-index: 1;\n//       width: calc(100dvw - 32px);\n//       padding: 24px 32px;\n//       width: 343px;\n//       background: #FFFFFF;\n//       box-shadow: 0 1px 0 0 #1a16250d;\n//       border-radius: 16px;\n//       > h3 {\n//         font-family: Sora, sans-serif;\n//         font-weight: 500;\n//         font-size: 28px;\n//         color: #0F0629;\n//         letter-spacing: 0.5px;\n//         line-height: 38px;\n//       }\n//       > p {\n//         color: #6a647d;\n//         font-size: 14px;\n//         font-weight: 400;\n//         line-height: 19px;\n//         letter-spacing: 0.4px;\n//         text-align: left;\n//         margin-top: 8px;\n//         > a {\n//           display: block;\n//           font-size: 14px;\n//           font-weight: 500;\n//           line-height: 20px;\n//           letter-spacing: 0.4px;\n//           text-align: left;\n//         }\n//       }\n//     }\n\n//     :deep(.ant-form) {\n//       .ant-form-item {\n//         margin-bottom: 0;\n//       }\n//     }\n//     .password-input {\n//       display: flex;\n//       flex-direction: column;\n//       margin-top: 32px;\n//       > span {\n//         opacity: 0.7;\n//         font-family: Sora, sans-serif;\n//         font-weight: 500;\n//         font-size: 14px;\n//         color: #0F0629;\n//         letter-spacing: 0.4px;\n//         line-height: 16px;\n//         &:first-child {\n//           margin-bottom: 8px;\n//         }\n//         input {\n//           height: 40px;\n//         }\n//       }\n//     }\n//     .input {\n//       margin-top: 32px;\n//       display: flex;\n//       flex-direction: column;\n//       > span {\n//         height: 16px;\n//         opacity: 0.7;\n//         font-family: Sora, sans-serif;\n//         font-weight: 500;\n//         font-size: 14px;\n//         color: #0F0629;\n//         letter-spacing: 0.4px;\n//         line-height: 16px;\n//         margin-bottom: 8px;\n//       }\n//     }\n//     .sign-btn {\n//       margin-top: 40px;\n//       button {\n//         width: 100%;\n//         height: 40px;\n//         background: #7D58E5;\n//         box-shadow: 0 1px 0 0 #1a16250d;\n//         border-radius: 20px;\n//         font-family: Sora, sans-serif;\n//         font-weight: 500;\n//         font-size: 15px;\n//         color: #FFFFFF;\n//         letter-spacing: 0.4px;\n//         text-align: center;\n//       }\n//     }\n//     .terms-conditions {\n//       margin-top: 40px;\n//       color: #0f0629;\n//       color: #0f0629;\n//       font-size: 13px;\n//       font-weight: 400;\n//       line-height: 18px;\n//       letter-spacing: 0.4px;\n//       text-align: left;\n//       > a {\n//         text-decoration: underline;\n//       }\n//     }\n//   }\n// }\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=409477fa&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-409477fa\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=409477fa&lang=less&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./signInUpLeft.vue?vue&type=style&index=0&id=aeee5528&lang=less&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./successModal.vue?vue&type=style&index=0&id=cdf1ee30&lang=less\"","module.exports = __webpack_public_path__ + \"img/artemisAds_logo@2x.6cbfd9ff.png\";","<template>\n  <div class=\"sign-left-cont\">\n    <div class=\"sign-left-wrap\">\n      <img class=\"artemisAds-logo\" src=\"../assets/images/sign/artemisAds_logo@2x.png\" />\n      <div class=\"main-title\">\n        <div>Your <span class=\"growth\" style='color: #FFC502'>Growth</span></div>\n        <div>Our <span class=\"expertise\">Expertise</span></div>\n      </div>\n      <p class=\"main-text\" style='margin-top: 40px'>\n        From clicks to sales, we’ve got you covered. ArtemisAds’ stellar multi-channel marketing services help elevate your brands, and boost your sales!\n      </p>\n      <p class=\"main-text\" style='margin-top: 24px'>\n        ArtemisAds implement and manage analytics, and enable clients to gain greater insights in their business and enhance decision-making capabilities\n      </p>\n      <img class=\"amazon-logo\" src=\"../assets/images/sign/amazon-logo@2x.png\" />\n      <img class=\"sign-bg\" src=\"../assets/images/sign/sign-left-bg.png\" />\n      <!-- <img class=\"sign-bg-wap\" src=\"../assets/images/sign/sign-left-bg-wap.png\" /> -->\n    </div>\n  </div>\n</template>\n<script setup>\n  \n</script>\n<style lang=\"less\" scoped>\n    .sign-left-cont {\n      position: relative;\n      width: 33.333vw;\n      min-width: 480px;\n      height: 100%;\n      .sign-left-wrap {\n        height: 100%;\n        padding: 9vh 2.5vw 0 3vw;\n        background-image: linear-gradient(149deg, #5436E9 0%, #A683FC 100%);\n        border-radius: 0 0 160px 0;\n      }\n      .artemisAds-logo {\n        width: 246px;\n        height: 56px;\n      }\n      .main-title {\n        margin-top: 61px;\n        color: var(--color-white);\n        font-size: 47px;\n        font-weight: 700;\n        line-height: 63px;\n        letter-spacing: 0.87px;\n        text-align: left;\n        .growth {\n          display: inline-block;\n          padding-right: 8px;\n          background-image: url('../assets/images/sign/growth@2x.png');\n          background-position: 0 45px;\n          background-repeat: no-repeat;\n          background-size: 100%;\n          line-height: 63px;\n        }\n        .expertise {\n          display: inline-block;\n          background-image: url('../assets/images/sign/expertise@2x.png');\n          background-position: 0 55px;\n          background-repeat: no-repeat;\n          background-size: 100%;\n          line-height: 68px;\n          padding-right: 8px;\n        }\n      }\n      .main-text {\n        width: 400px;\n        height: 104px;\n        font-family: Sora, sans-serif;\n        font-weight: 400;\n        font-size: 16px;\n        color: #FFFFFF;\n        letter-spacing: 0.4px;\n        line-height: 26px;\n        margin-bottom: 0;\n      }\n      .amazon-logo {\n        position: absolute;\n        bottom: 5vh;\n        width: 242px;\n        height: 42px;\n        margin-top: 109px;\n      }\n      .sign-bg {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        width: 216px;\n        height: 294px;\n        opacity: 0.8;\n      }\n    }\n  \n  // @media screen and (max-width: 479px) {\n  //   .sign-left-cont {\n  //     position: absolute;\n  //     left: 0;\n  //     right: 0;\n  //     bottom: 0;\n  //     top: 0;\n  //     width: 100dvw;\n  //     height: 100%;\n  //     background-image: linear-gradient(149deg, #5436E9 0%, #A683FC 100%);\n  //     .sign-left-wrap {\n  //       display: flex;\n  //       flex-direction: column;\n  //       height: 100%;\n  //       padding: 9vh 2.5vw 0 3vw;\n  //       border-radius: 0 0 160px 0;\n  //     }\n  //     .artemisAds-logo {\n  //       width: 210px;\n  //       height: 48px;\n  //       align-self: center;\n  //     }\n  //     .main-title, .main-text, .amazon-logo {\n  //       display: none;\n  //     }\n  //     .sign-bg-wap {\n  //       position: absolute;\n  //       top: 0;\n  //       left: 0;\n  //       width: 216px;\n  //       height: 294px;\n  //       opacity: 0.8;\n  //     }\n  //     .sign-bg {\n  //       position: absolute;\n  //       right: 0;\n  //       bottom: 0;\n  //       width: 216px;\n  //       height: 294px;\n  //       opacity: 0.8;\n  //     }\n  //   }\n    \n  // }\n</style>\n","import { render } from \"./signInUpLeft.vue?vue&type=template&id=aeee5528&scoped=true\"\nconst script = {}\n\nimport \"./signInUpLeft.vue?vue&type=style&index=0&id=aeee5528&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-aeee5528\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/amazon-logo@2x.14e2c189.png\";","module.exports = __webpack_public_path__ + \"img/sign-left-bg.968ad661.png\";"],"sourceRoot":""}