{"version":3,"sources":["webpack:///./src/views/User/views/Register/Index.vue?18b4","webpack:///src/views/User/views/Register/Index.vue","webpack:///./src/views/User/views/Register/Index.vue?c131","webpack:///./src/views/User/views/Register/Index.vue?759a","webpack:///./src/views/User/views/Register/Index.vue?d3ac"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","segment","_v","_s","$t","on","$event","staticRenderFns","name","metaInfo","title","components","FormRegister","data","component"],"mappings":"mHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAAiB,UAAfN,EAAIO,QAAqBH,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,GAAG,kCAAkCN,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,GAAG,oCAAoCN,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,gBAAgB,CAACO,GAAG,CAAC,aAAe,SAASC,GAAQZ,EAAIO,QAAUK,OAAY,QAC/iBC,EAAkB,G,YCmBtB,GACEC,KAAM,WACNC,SAAU,CACRC,MAAO,YAETC,WAAY,CACVC,aAAJ,QAEEC,KARF,WASI,MAAO,CACLZ,QAAS,YC9B6W,I,wBCQxXa,EAAY,eACd,EACArB,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAO,E,6CCnBf,W","file":"js/Register.8866c838.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-create-account\"},[_c('div',{staticClass:\"content-create-account-itens container\"},[_c('div',{staticClass:\"content-create-account-itens-header\"},[(_vm.segment == 'create')?_c('h1',[_vm._v(_vm._s(_vm.$t('register.create_an_account')))]):_c('h1',[_vm._v(_vm._s(_vm.$t('register.edit_your_account')))])]),_c('div',{staticClass:\"col-sm-10 col-lg-6 mx-auto\"},[_c('form-register',{on:{\"EventSegment\":function($event){_vm.segment = $event}}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-create-account\">\r\n    <div class=\"content-create-account-itens container\">\r\n      <div class=\"content-create-account-itens-header\">\r\n        <h1 v-if=\"segment == 'create'\">{{ $t('register.create_an_account') }}</h1>\r\n        <h1 v-else>{{ $t('register.edit_your_account') }}</h1>\r\n      </div>\r\n      <!-- FORM REGISTER AND EDIT -->\r\n      <div class=\"col-sm-10 col-lg-6 mx-auto\">\r\n       <form-register @EventSegment=\"segment = $event\"/>\r\n      </div>\r\n      <!---------------------------->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport FormRegister from \"./FormRegister.vue\";\r\n\r\nexport default {\r\n  name: \"Register\",\r\n  metaInfo: {\r\n    title: \"Registro\",\r\n  },\r\n  components: {\r\n    FormRegister\r\n  },\r\n  data() {\r\n    return {\r\n      segment: \"create\",\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.content-create-account {\r\n  padding: 80px 0px;\r\n  @media (max-width: 991px) {\r\n    padding: 40px 0px;\r\n  }\r\n  &-itens {\r\n    &-header {\r\n      padding-bottom: 10px;\r\n      border-bottom: 1px solid #ebebeb;\r\n      h1 {\r\n        font-size: 35px;\r\n        font-family: \"Font Bold\";\r\n        color: var(--main-color5);\r\n        margin-bottom: 0;\r\n        text-transform: uppercase;\r\n        @media (max-width: 576px) {\r\n          font-size: 28px;\r\n        }\r\n      }\r\n    }\r\n    &-body {\r\n      padding-top: 45px;\r\n      .content-elements {\r\n        &-header {\r\n          text-align: center;\r\n          margin-bottom: 30px;\r\n          h2 {\r\n            font-size: 35px;\r\n            font-family: \"Font Bold\";\r\n            color: var(--main-color5);\r\n            margin-bottom: 0;\r\n            @media (max-width: 576px) {\r\n              font-size: 28px;\r\n            }\r\n          }\r\n        }\r\n        &-body {\r\n          .content-input {\r\n            text-align: left;\r\n            margin-bottom: 30px;\r\n            label {\r\n              display: block;\r\n              font-size: 16px;\r\n              font-family: \"Font Regular\";\r\n              color: var(--main-color4);\r\n              margin-bottom: 5px;\r\n              line-height: 1;\r\n            }\r\n            input,\r\n            select {\r\n              height: 50px;\r\n              width: 100%;\r\n              border: 1px solid #ebebeb;\r\n              background: #fff;\r\n              outline: none;\r\n              font-size: 16px;\r\n              font-family: \"Font Regular\";\r\n              color: var(--main-color4);\r\n              padding-left: 20px;\r\n              appearance: none;\r\n              -moz-appearance: none;\r\n              -webkit-appearance: none;\r\n            }\r\n            &-select {\r\n              position: relative;\r\n              img {\r\n                position: absolute;\r\n                right: 20px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                pointer-events: none;\r\n              }\r\n            }\r\n            .help-block {\r\n              font-size: 12px;\r\n              font-family: \"Font Light\";\r\n              color: var(--main-color4);\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .start-field > input[type=\"checkbox\"]:checked:before {\r\n        content: \"\";\r\n        height: 100%;\r\n        width: 100%;\r\n        background: url(\"../../../../assets/img/checkout/check.png\");\r\n        background-position: center !important;\r\n        background-repeat: no-repeat !important;\r\n      }\r\n      .start-field > input[type=\"checkbox\"]:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        background-color: #fff;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 0px;\r\n        border: 0;\r\n      }\r\n      .start-field > input[type=\"checkbox\"] {\r\n        position: relative;\r\n        height: 30px;\r\n        width: 30px;\r\n        border-radius: 0px;\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n        appearance: none;\r\n        outline: 0 !important;\r\n        margin: 0;\r\n        margin-right: 20px;\r\n      }\r\n      .start-field {\r\n        display: flex;\r\n        align-items: center;\r\n        label {\r\n          margin-bottom: 0 !important;\r\n          a {\r\n            text-decoration: underline;\r\n            // margin: 0px 7px;\r\n            transition: 500ms;\r\n            &:hover,\r\n            &:focus {\r\n              cursor: pointer;\r\n              opacity: 0.6;\r\n              text-decoration: underline;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .btn-create {\r\n        height: 55px;\r\n        width: 100%;\r\n        background: var(--main-color5);\r\n        border: 1px solid var(--main-color5);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 20px;\r\n        font-family: \"Font Bold\";\r\n        color: var(--main-color);\r\n        text-transform: uppercase;\r\n        margin-bottom: 30px;\r\n        transition: 500ms;\r\n        &:hover,\r\n        &:focus {\r\n          background: var(--main-color);\r\n          color: var(--main-color5);\r\n        }\r\n        @media (min-width: 992px) and (max-width: 1199px) {\r\n          font-size: 16px;\r\n          height: 50px;\r\n        }\r\n        @media (max-width: 359px) {\r\n          font-size: 16px;\r\n          height: 45px;\r\n        }\r\n      }\r\n      .btns-div {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n      }\r\n      .btn-continue-shopping {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: 0;\r\n        border: 0;\r\n        font-size: 16px;\r\n        font-family: \"Font Bold\";\r\n        color: var(--main-color4);\r\n        padding: 0;\r\n        text-decoration: none;\r\n        transition: 500ms;\r\n        &:hover,\r\n        &:focus {\r\n          cursor: pointer;\r\n          opacity: 0.8;\r\n        }\r\n        img {\r\n          margin-right: 5px;\r\n          @media (max-width: 576px) {\r\n            max-width: 15px;\r\n          }\r\n        }\r\n        svg {\r\n          width: 20px;\r\n          height: 20px;\r\n          fill: var(--main-color4);\r\n          margin-left: 5px;\r\n          @media (max-width: 576px) {\r\n            width: 15px;\r\n            height: 15px;\r\n          }\r\n        }\r\n        @media (max-width: 576px) {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=7b0fa026&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./Index.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}