{"version":3,"sources":["webpack:///./src/Pages/Mode/CompareJuri/compare_juri.vue?5f25","webpack:///./src/Pages/Mode/CompareJuri/compare_juri.vue?893c","webpack:///./src/Pages/Mode/CompareJuri/compare_juri.vue?020d","webpack:///./src/Pages/Mode/CompareJuri/compare_juri.vue","webpack:///src/Pages/Mode/CompareJuri/compare_juri.vue","webpack:///./src/Pages/Mode/CompareJuri/compare_juri.vue?5e4c","webpack:///./src/Pages/Mode/CompareJuri/compare_juri.vue?403c"],"names":["render","_vm","this","_c","_self","staticClass","_m","on","toggleSidebar","_v","goBack","staticStyle","attrs","getFile","getJurisdiction","getQuery","class","isAllFieldValid","isSubmitting","uploadFile","_e","sidebarCollapsed","directives","name","rawName","value","expression","staticRenderFns","components","UploadFiles","sidebar","data","countryMapping","AUS","USA","CAN","NZ","SG","MY","UK","loading","lawbotVisible","isCountry","jurisdiction","askQuestion","files","computed","length","trim","mounted","setTimeout","beforeDestroy","displayedFiles","methods","file","query","$router","push","toggleCountry","showAttachModal","$bvModal","show","hideAttachModal","hide","$toast","error","formData","FormData","forEach","index","append","countryNames","countryObj","countryCode","Object","keys","states","countryName","jurisdictionsObject","jurisdictions","jurisdictionsJsonString","JSON","stringify","locations","localStorage","getItem","parse","foundLocation","find","x","title","id","response","usecase","CreateUsecase","success","params","component"],"mappings":"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","file":"js/chunk-0aa5f307.f32ea9cd.js","sourcesContent":["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!./compare_juri.vue?vue&type=style&index=1&id=3f3969ef&prod&scoped=true&lang=css\"","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!./compare_juri.vue?vue&type=style&index=2&id=3f3969ef&prod&scoped=true&lang=css\"","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!./compare_juri.vue?vue&type=style&index=0&id=3f3969ef&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"breadcrumb_header\"},[_vm._m(0),_c('div',{staticClass:\"open_sidebar\",on:{\"click\":_vm.toggleSidebar}},[_c('span',{staticClass:\"material-symbols-rounded icon\"},[_vm._v(\"keyboard_double_arrow_left\")]),_c('p',[_vm._v(\"Open Sidebar\")])])]),_c('div',{staticClass:\"row m-0\"},[_c('div',{staticClass:\"col-md-1 mt-3 p-0\"},[_c('div',{staticClass:\"d-flex justify-content-end cursor-pointer back\",on:{\"click\":_vm.goBack}},[_c('span',{staticClass:\"material-symbols-rounded\",staticStyle:{\"margin\":\"0\"}},[_vm._v(\"arrow_back\")]),_c('span',{staticStyle:{\"margin\":\"0 0 0 8px\"}},[_vm._v(\"Back\")])])]),_c('div',{staticClass:\"col-md-10 mt-5\"},[_c('div',{staticClass:\"left-container mt-3\"},[_vm._m(1),_c('UploadFiles',{attrs:{\"not-send\":\"\",\"multiple-jurisdiction\":\"\"},on:{\"get-file\":_vm.getFile,\"get-jurisdiction\":_vm.getJurisdiction,\"get-query\":_vm.getQuery}}),_c('div',{staticClass:\"footer-upload\"},[_c('button',{class:{\n              'button-generate': _vm.isAllFieldValid,\n              'button-generate-muted': !_vm.isAllFieldValid,\n            },staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"gap\":\"8px\"},attrs:{\"disabled\":!_vm.isAllFieldValid || _vm.isSubmitting},on:{\"click\":_vm.uploadFile}},[_vm._v(\" Next \"),(_vm.isSubmitting)?_c('b-spinner',{staticClass:\"material-symbols-rounded\",staticStyle:{\"scale\":\"0.75\"},attrs:{\"variant\":\"primary\"}}):_vm._e()],1)])],1)])]),(_vm.sidebarCollapsed)?_c('sidebar',{directives:[{name:\"clickaway\",rawName:\"v-clickaway\",value:(_vm.toggleSidebar),expression:\"toggleSidebar\"}],on:{\"toggle-sidebar\":_vm.toggleSidebar}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"breadcrumb\"},[_c('h4',{staticStyle:{\"margin\":\"0\",\"padding-left\":\"10px\"}},[_vm._v(\"NeXa\")]),_c('span',{staticClass:\"divider\"}),_c('span',[_vm._v(\"Compare Jurisdiction\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tabs\"},[_c('h4',{staticClass:\"tabs-title\"},[_vm._v(\"Compare Jurisdiction\")]),_c('p',{staticClass:\"tabs-description\"},[_vm._v(\" Ask a legal question, upload documents, and compare the legal outcomes across different jurisdictions. \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"breadcrumb_header\">\r\n      <div class=\"breadcrumb\">\r\n        <h4 style=\"margin: 0; padding-left: 10px\">NeXa</h4>\r\n        <span class=\"divider\"></span>\r\n        <span>Compare Jurisdiction</span>\r\n      </div>\r\n      <div class=\"open_sidebar\" @click=\"toggleSidebar\">\r\n        <span class=\"material-symbols-rounded icon\"\r\n          >keyboard_double_arrow_left</span\r\n        >\r\n        <p>Open Sidebar</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"row m-0\">\r\n      <div class=\"col-md-1 mt-3 p-0\">\r\n        <div\r\n          class=\"d-flex justify-content-end cursor-pointer back\"\r\n          @click=\"goBack\"\r\n        >\r\n          <span class=\"material-symbols-rounded\" style=\"margin: 0\"\r\n            >arrow_back</span\r\n          >\r\n          <span style=\"margin: 0 0 0 8px\">Back</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-10 mt-5\">\r\n        <div class=\"left-container mt-3\">\r\n          <section class=\"tabs\">\r\n            <h4 class=\"tabs-title\">Compare Jurisdiction</h4>\r\n            <p class=\"tabs-description\">\r\n              Ask a legal question, upload documents, and compare the legal\r\n              outcomes across different jurisdictions.\r\n            </p>\r\n          </section>\r\n          <UploadFiles\r\n            @get-file=\"getFile\"\r\n            @get-jurisdiction=\"getJurisdiction\"\r\n            @get-query=\"getQuery\"\r\n            not-send\r\n            multiple-jurisdiction\r\n          />\r\n\r\n          <div class=\"footer-upload\">\r\n            <button\r\n              style=\"display: flex; align-items: center; gap: 8px\"\r\n              :disabled=\"!isAllFieldValid || isSubmitting\"\r\n              :class=\"{\r\n                'button-generate': isAllFieldValid,\r\n                'button-generate-muted': !isAllFieldValid,\r\n              }\"\r\n              @click=\"uploadFile\"\r\n            >\r\n              Next\r\n\r\n              <b-spinner\r\n                v-if=\"isSubmitting\"\r\n                variant=\"primary\"\r\n                style=\"scale: 0.75\"\r\n                class=\"material-symbols-rounded\"\r\n              />\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <sidebar\r\n      v-clickaway=\"toggleSidebar\"\r\n      v-if=\"sidebarCollapsed\"\r\n      @toggle-sidebar=\"toggleSidebar\"\r\n    ></sidebar>\r\n  </div>\r\n</template>\r\n<script>\r\nimport UploadFiles from \"@/components/input/UploadFiles.vue\";\r\nimport usecase from \"@/store/usecase.js\";\r\nimport sidebar from \"@/Pages/Mode/sidebar.vue\";\r\nexport default {\r\n  components: {\r\n    UploadFiles,\r\n    sidebar,\r\n  },\r\n  data() {\r\n    return {\r\n      isSubmitting: false,\r\n      countryMapping: {\r\n        AUS: \"Australia\",\r\n        USA: \"USA\",\r\n        CAN: \"Canada\",\r\n        NZ: \"New Zealand\",\r\n        SG: \"Singapore\",\r\n        MY: \"Malaysia\",\r\n        UK: \"United Kingdom\",\r\n      },\r\n      loading: true,\r\n      sidebarCollapsed: false,\r\n      lawbotVisible: false,\r\n      isCountry: false,\r\n      jurisdiction: [],\r\n      askQuestion: \"\",\r\n      files: [[], [], []],\r\n    };\r\n  },\r\n  computed: {\r\n    isAllFieldValid() {\r\n      return this.jurisdiction.length > 0 && this.askQuestion.trim();\r\n    },\r\n  },\r\n  mounted() {\r\n    setTimeout(() => {\r\n      this.loading = false;\r\n    }, 7000);\r\n  },\r\n  beforeDestroy() {\r\n    this.files = [[], [], []];\r\n    this.displayedFiles = [];\r\n  },\r\n\r\n  methods: {\r\n    getFile(file) {\r\n      this.files = file;\r\n    },\r\n    getJurisdiction(jurisdiction) {\r\n      this.jurisdiction = jurisdiction;\r\n    },\r\n    getQuery(query) {\r\n      this.askQuestion = query;\r\n    },\r\n    toggleSidebar() {\r\n      this.sidebarCollapsed = !this.sidebarCollapsed;\r\n    },\r\n    goBack() {\r\n      this.$router.push({ name: \"ExpertMode\" });\r\n    },\r\n    toggleCountry() {\r\n      this.isCountry = !this.isCountry;\r\n    },\r\n    showAttachModal() {\r\n      this.$bvModal.show(\"attachfile\");\r\n    },\r\n    hideAttachModal() {\r\n      this.$bvModal.hide(\"attachfile\");\r\n    },\r\n    async uploadFile() {\r\n      if (this.files[2] && this.files[2].length < 0) {\r\n        this.$toast.error(\"Please upload at least one file.\");\r\n        return;\r\n      }\r\n      this.isSubmitting = true;\r\n      try {\r\n        const formData = new FormData();\r\n\r\n        this.files[2].forEach((file, index) => {\r\n          formData.append(`question_doc[${index}]`, file.file);\r\n        });\r\n\r\n        const countryNames = [];\r\n        this.jurisdiction.forEach((countryObj, index) => {\r\n          const countryCode = Object.keys(countryObj)[0];\r\n          const states = countryObj[countryCode];\r\n          const countryName = this.countryMapping[countryCode] || countryCode;\r\n          countryNames.push(countryName);\r\n          const jurisdictionsObject = {\r\n            name: countryName,\r\n            jurisdictions: states,\r\n          };\r\n          const jurisdictionsJsonString = JSON.stringify(jurisdictionsObject);\r\n          formData.append(`jurisdictions[${index}]`, jurisdictionsJsonString);\r\n        });\r\n\r\n        const locations = localStorage.getItem(\"locations\")\r\n          ? JSON.parse(localStorage.getItem(\"locations\"))\r\n          : [];\r\n        const foundLocation = locations.find(\r\n          (x) => x.title === countryNames[0]\r\n        );\r\n\r\n        formData.append(\"question\", this.askQuestion);\r\n        formData.append(\"language\", \"en\");\r\n        formData.append(\"location_id\", foundLocation.id);\r\n        formData.append(\"type\", \"compare_jurisdictions\");\r\n\r\n        const response = await usecase.CreateUsecase(formData);\r\n        if (response && response.data) {\r\n          this.$toast.success(\"Successfully uploaded files.\");\r\n          this.$router.push({\r\n            name: \"CompareJuriResult\",\r\n            params: { id: response.data.data.id },\r\n          });\r\n        } else {\r\n          this.$toast.error(\"Upload failed. Please try again.\");\r\n        }\r\n      } catch (error) {\r\n        this.isSubmitting = false;\r\n        this.$toast.error(\"Upload failed, Please try again.\");\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.overlay-container {\r\n  width: 25%;\r\n  position: fixed;\r\n  top: 8.7vh;\r\n  right: 0;\r\n  z-index: 1000;\r\n\r\n  height: 100vh;\r\n}\r\n.footer-upload {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-end;\r\n  gap: 0.625rem;\r\n  align-self: stretch;\r\n}\r\n\r\n.button-generate {\r\n  border-radius: 4px;\r\n  background: var(--Primary-Blue, #0e4485);\r\n  background-color: var(--Primary-Blue, #0e4485);\r\n  margin-top: 32px;\r\n  gap: 8px;\r\n  overflow: hidden;\r\n  font-size: 16px;\r\n  color: var(--Neutral-White, #fff);\r\n  font-weight: 500;\r\n  padding: 4px 16px;\r\n}\r\n\r\n.button-generate-muted {\r\n  border-radius: 4px;\r\n  color: var(--Neutral-Mid-Grey, #d1d2d5);\r\n  background: rgba(14, 68, 133, 0.1);\r\n  margin-top: 32px;\r\n  gap: 8px;\r\n  overflow: hidden;\r\n  font-size: 16px;\r\n  color: var(--Neutral-White, #fff);\r\n  font-weight: 500;\r\n  padding: 4px 16px;\r\n}\r\n\r\n.page-content {\r\n  padding: 0;\r\n}\r\n\r\n.breadcrumb_header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 5px;\r\n  background: #fff;\r\n}\r\n\r\n.breadcrumb {\r\n  display: flex;\r\n  align-items: center;\r\n  margin: auto 0;\r\n\r\n  span {\r\n    font-size: 14px;\r\n    color: var(--dark-grey) !important;\r\n  }\r\n}\r\n\r\n.open_sidebar {\r\n  height: 40px;\r\n  background: var(--primary);\r\n  display: inline-flex;\r\n  padding: 4px 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  /* Ensure vertical alignment */\r\n  gap: 8px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.open_sidebar span {\r\n  color: #fff;\r\n  display: flex;\r\n  /* Ensure icon is aligned vertically */\r\n  align-items: center;\r\n  /* Align icon vertically within span */\r\n}\r\n\r\n.open_sidebar p {\r\n  color: #fff !important;\r\n  margin: 0;\r\n  /* Remove any default margin to align the text properly */\r\n  line-height: 1;\r\n  /* Ensure text has the same line height as the icon */\r\n  display: flex;\r\n  align-items: center;\r\n  /* Align text vertically */\r\n}\r\n\r\n.divider {\r\n  display: inline-block;\r\n  margin: 0px 16px;\r\n  width: 1px;\r\n  height: 32px;\r\n  background-color: var(--mid-grey);\r\n}\r\n\r\n.back {\r\n  color: var(--primary) !important;\r\n  font-weight: 500;\r\n  padding: 5px;\r\n}\r\n\r\n.col-md-10 {\r\n  max-height: 100vh;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.left-container {\r\n  border-radius: 8px;\r\n  background-color: #fff;\r\n  box-shadow: 0px 2px 4px rgba(170, 171, 175, 0.6);\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 22px 24px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .left-container {\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-family: Poppins, sans-serif;\r\n  justify-content: center;\r\n}\r\n\r\n.tabs-title {\r\n  color: #0e4485;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 28px;\r\n}\r\n\r\n.tabs-description {\r\n  color: #86888d;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.query-section {\r\n  margin-top: 32px;\r\n  font: 16px/28px Poppins, sans-serif;\r\n}\r\n\r\n.case-file {\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: #383a3e;\r\n  font-weight: 500;\r\n  justify-content: center;\r\n}\r\n\r\n.case-file-title {\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.content {\r\n  color: #d1d2d5;\r\n  font-weight: 400;\r\n}\r\n\r\n.searchbar {\r\n  border: 1px solid #f2f3f3;\r\n  border-radius: 8px;\r\n  background-color: #fafbfc;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 22px 24px;\r\n}\r\n\r\n.entry {\r\n  height: 60px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.legal-input {\r\n  background: none;\r\n  width: 100%;\r\n}\r\n\r\n.line {\r\n  border: 1px solid #000;\r\n  height: 28px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.char-count {\r\n  align-self: end;\r\n  margin-top: 40px;\r\n}\r\n\r\n.upload-file {\r\n  margin-top: 32px;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.upload-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: #383a3e;\r\n  font: 500 16px/28px Poppins, sans-serif;\r\n}\r\n\r\n.upload-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.upload-description {\r\n  color: #86888d;\r\n  font: 400 12px/24px Poppins, sans-serif;\r\n}\r\n\r\n.upload {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.upload-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border: 1px dashed #d1d2d5;\r\n  border-radius: 8px;\r\n  background-color: #fafbfc;\r\n  min-width: 240px;\r\n  padding: 27px 80px;\r\n}\r\n\r\n.upload-figure {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.upload-image {\r\n  width: 32px;\r\n  aspect-ratio: 1;\r\n  object-fit: contain;\r\n  object-position: center;\r\n}\r\n\r\n.upload-caption {\r\n  color: #0e4485;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  margin-top: 5px;\r\n}\r\n\r\n.upload-choose-file {\r\n  color: #0e4485;\r\n}\r\n\r\n.upload-file-format {\r\n  color: #86888d;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  margin-top: 5px;\r\n}\r\n\r\n.upload-instruction {\r\n  background-color: #fafbfc;\r\n  border-radius: 8px;\r\n  min-width: 240px;\r\n  padding: 58px 70px;\r\n  box-shadow: 0px 0px 4px rgba(242, 243, 243);\r\n  color: #86888d;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.storage-info {\r\n  color: #86888d;\r\n  font: 400 12px/24px Poppins, sans-serif;\r\n  margin-top: 8px;\r\n}\r\n\r\n.folder-creation {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 8px;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  justify-content: flex-start;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.toggle {\r\n  align-items: center;\r\n  display: flex;\r\n}\r\n\r\n.toggle-switch {\r\n  width: 40px;\r\n  height: 20px;\r\n  border-radius: 100px;\r\n  background-color: #d1d2d5;\r\n  position: relative;\r\n}\r\n\r\n.toggle-checkbox {\r\n  opacity: 0;\r\n  position: absolute;\r\n}\r\n\r\n.toggle-checkbox:checked + .toggle-switch {\r\n  background-color: #0e4485;\r\n}\r\n\r\n.toggle-checkbox:checked + .toggle-switch::before {\r\n  transform: translateX(20px);\r\n}\r\n\r\n.toggle-switch::before {\r\n  content: \"\";\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 100px;\r\n  background-color: #fff;\r\n  position: absolute;\r\n  transition: transform 0.3s;\r\n  box-shadow: 0px 2px 4px rgba(39, 39, 39, 0.1);\r\n}\r\n\r\n.toggle-label {\r\n  font: 400 14px/24px Poppins, sans-serif;\r\n  color: #383a3e;\r\n}\r\n\r\n.generate-button {\r\n  align-self: end;\r\n  border-radius: 4px;\r\n  background-color: rgba(14, 68, 133, 0.1);\r\n  color: #d1d2d5;\r\n  padding: 4px 16px;\r\n  margin-top: 32px;\r\n  font: 500 16px Poppins, sans-serif;\r\n}\r\n</style>\r\n<style scoped>\r\n.uploads {\r\n  background-color: #fff;\r\n  padding: 24px;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 10px rgba(227, 229, 235, 0.6);\r\n  margin-top: 24px;\r\n\r\n  h5 {\r\n    color: var(--Primary-Blue, #0e4485) !important;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 500;\r\n    line-height: 28px;\r\n  }\r\n}\r\n\r\n.sub-title {\r\n  color: var(--Neutral-Dark-Grey, #86888d);\r\n  font-size: 12px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  /* 200% */\r\n}\r\n\r\n.right-container {\r\n  height: 182px;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex: 1 0 0;\r\n  border-radius: 8px;\r\n  background: var(--Neutral-Interface-Grey, #fafbfc);\r\n  box-shadow: 0px 0px 4px 0px #f2f3f3;\r\n\r\n  p {\r\n    color: var(--Neutral-Dark-Grey, #86888d) !important;\r\n\r\n    /* Small Paragraph */\r\n    font-family: Poppins;\r\n    font-size: 12px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    /* 200% */\r\n  }\r\n}\r\n\r\n.toggle {\r\n  display: flex;\r\n  width: 40px;\r\n}\r\n\r\n.switch {\r\n  flex-grow: 1;\r\n  background: var(--Neutral-Mid-Grey, #d1d2d5);\r\n  border-radius: 100px;\r\n  padding: 2px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.button {\r\n  width: 16px;\r\n  height: 16px;\r\n  background: var(--Neutral-White, #fff);\r\n  border-radius: 100px;\r\n  box-shadow: 0 2px 4px rgba(39, 39, 39, 0.1);\r\n}\r\n\r\n.swift:hover {\r\n  background: rgba(24, 144, 255, 0.1);\r\n  display: flex;\r\n  border-radius: 4px;\r\n  padding: 8px 16px;\r\n  align-items: center;\r\n  gap: 8px;\r\n  align-self: stretch;\r\n}\r\n\r\n.upload {\r\n  border-radius: 4px;\r\n  background: rgba(14, 68, 133, 0.1);\r\n  display: flex;\r\n  padding: 4px 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--mid-grey);\r\n}\r\n\r\n.upload:hover {\r\n  background: var(--primary);\r\n}\r\n\r\n.country-option {\r\n  margin-top: -8%;\r\n  margin-left: 13%;\r\n  left: 18%;\r\n  width: 100px !important;\r\n  background: #fafbfc;\r\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  position: absolute;\r\n}\r\n\r\nul {\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.country-flag {\r\n  width: 18px;\r\n  height: 18px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.countryOption {\r\n  cursor: pointer;\r\n  margin-bottom: 10px;\r\n\r\n  span {\r\n    color: #86888d;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n.icon-small {\r\n  color: #86888d;\r\n  margin: auto;\r\n  font-size: 18px;\r\n}\r\n\r\n.toggledp {\r\n  border-radius: 4px;\r\n  border: 1px solid var(--Neutral-Light-Grey, #f2f3f3);\r\n  background: var(--Neutral-White, #fff);\r\n}\r\n\r\n.country-button {\r\n  color: var(--Neutral-Dark-Grey, #86888d);\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: normal;\r\n}\r\n</style>\r\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!./compare_juri.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!./compare_juri.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./compare_juri.vue?vue&type=template&id=3f3969ef&scoped=true\"\nimport script from \"./compare_juri.vue?vue&type=script&lang=js\"\nexport * from \"./compare_juri.vue?vue&type=script&lang=js\"\nimport style0 from \"./compare_juri.vue?vue&type=style&index=0&id=3f3969ef&prod&scoped=true&lang=css\"\nimport style1 from \"./compare_juri.vue?vue&type=style&index=1&id=3f3969ef&prod&scoped=true&lang=css\"\nimport style2 from \"./compare_juri.vue?vue&type=style&index=2&id=3f3969ef&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  \"3f3969ef\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}