{"version":3,"sources":["webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?9c3f","webpack:///./src/pages/Client/matching/components/skillCard/skillCard.vue?2773","webpack:///./src/pages/Client/matching/components/carousel/carousel.scss?a932","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?db18","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?682b","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?c69a","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?31a2","webpack:///./src/pages/Client/matching/components/skillCard/skillCard.vue?8473","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue","webpack:///src/pages/Client/matching/components/skillCard/skillCard.vue","webpack:///./src/pages/Client/matching/components/skillCard/skillCard.vue?2748","webpack:///./src/pages/Client/matching/components/skillCard/skillCard.vue?d90e","webpack:///./src/pages/Client/matching/components/skillCard/skillCard.vue","webpack:///src/pages/Client/matching/components/carousel/carousel.vue","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?5cb4","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?9abf","webpack:///./src/pages/Client/matching/components/carousel/carousel.scss","webpack:///./src/pages/Client/matching/components/carousel/carousel.vue?988c","webpack:///./src/pages/Client/matching/components/skillCard/skillCard.vue?515d"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","i","content","__esModule","default","locals","add","e","props","components","data","windowSize","mounted","window","innerWidth","methods","truncate","getImgUrl","url","split","pop","handleSkillClick","id","$emit","m","component","_vm","this","_c","_self","directives","name","rawName","value","skill","expression","staticClass","class","active","on","$event","_v","_s","CarouselOwl","skillCard","activeSillParent","watch","isResponse","immediate","deep","handler","_this$skills$","skills","newSkills","_newSkills$","roleID","Number","$route","query","role","$router","replace","isLoading","length","featureId4","attrs","0","items","576","768","1024","_l","key","_e","staticRenderFns"],"mappings":"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","file":"js/clientCarousel.9c180a28.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"@media(max-width:576px){.matching-skills[data-v-e4e87a3e]{margin-bottom:1rem!important}}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./skillCard.vue?vue&type=style&index=0&id=9e4f01bc&prod&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"146dd46a\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-4!./carousel.scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"ca410c10\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","export * from \"-!../../../../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./carousel.vue?vue&type=style&index=1&id=e4e87a3e&prod&lang=scss&scoped=true\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".owl-carousel .owl-item{display:flex;margin-bottom:2px}@media(max-width:576px){.owl-carousel .owl-item{margin:10px}}.Skills-carousel2 .item{display:flex!important;line-height:18px;height:1rem!important;justify-content:center!important;align-items:center!important;padding:18px 15px!important}.Skills-carousel2 .owl-stage-outer{margin:0 .5rem}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./carousel.vue?vue&type=style&index=1&id=e4e87a3e&prod&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"215d43ca\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./carousel.vue?vue&type=style&index=0&id=e4e87a3e&prod&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"d9b8f404\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","export * from \"-!../../../../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./skillCard.vue?vue&type=style&index=0&id=9e4f01bc&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-5 matching-skills\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row align-items-center\",class:{'tw-opacity-60 tw-cursor-not-allowed': _vm.isLoading}},[(_vm.skills.length > 0 && _vm.isResponse)?_c('div',{staticClass:\"col-md-12\"},[_c('CarouselOwl',{staticClass:\"matching-skills-carousel Skills-carousel\",class:{ 'Skills-carousel2': _vm.featureId4},attrs:{\"items\":6,\"loop\":false,\"margin\":10,\"nav\":true,\"autoWidth\":true,\"dots\":false,\"responsive\":{\n            0: {\n              items: _vm.featureId4? 1 : 3,\n            },\n            576: {\n              items: _vm.featureId4? 1 : 2,\n            },\n            768: {\n              items: 3,\n            },\n            1024: {\n              items: 5,\n            },\n          }}},_vm._l((_vm.skills),function(skill,i){return _c('skill-card',{key:i,class:{'tw-opacity-60 !tw-cursor-not-allowed': _vm.isLoading},attrs:{\"skill\":skill,\"active\":_vm.activeSillParent},on:{\"handleSkillClick\":function($event){return _vm.handleSkillClick($event)}}})}),1)],1):_vm._e(),(!_vm.isResponse)?_c('div',{staticClass:\"matching-skills-carousel Skills-carousel\"},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('skeleton-loader-vue',{attrs:{\"type\":\"rect\",\"width\":800,\"height\":30,\"animation\":\"fade\",\"rounded\":\"\"}})],1)]):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"item\"\n    :class=\"active == skill.id ? 'activeItem' : 'inactiveItem'\"\n    @click=\"handleSkillClick(skill.id)\"\n    v-tooltip=\"skill.name\"\n  >\n    <div class=\"skillBox text-center\">\n      <div class=\"skilText\">\n        {{ skill.name }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { truncate } from \"../../../../../utils/utils\";\nexport default {\n  props: [\"skill\", \"active\"],\n  components: {},\n  data() {\n    return {\n      windowSize: 2000,\n    };\n  },\n\n  mounted() {\n    this.windowSize = window.innerWidth;\n  },\n\n  methods: {\n    truncate,\n    getImgUrl(url) {\n      return url.split(\"/\").pop();\n    },\n    handleSkillClick(id) {\n      this.$emit(\"handleSkillClick\", id);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.Skills-carousel .item {\n  text-align: center;\n  padding: 20px;\n  border: 1px solid #fff;\n  white-space: nowrap;\n  display: inline-block;\n}\n\n.Skills-carousel .item:hover,\n.Skills-carousel .item.active,\n.Skills-carousel .activeItem {\n  border: 1px solid #ffc629;\n  border-radius: 20px;\n  cursor: pointer;\n  box-shadow: 0 2px 4px 0 rgb(255 198 41 / 20%);\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!./skillCard.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!./skillCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./skillCard.vue?vue&type=template&id=9e4f01bc&scoped=true\"\nimport script from \"./skillCard.vue?vue&type=script&lang=js\"\nexport * from \"./skillCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./skillCard.vue?vue&type=style&index=0&id=9e4f01bc&prod&lang=scss&scoped=true\"\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  \"9e4f01bc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.skill.name),expression:\"skill.name\"}],staticClass:\"item\",class:_vm.active == _vm.skill.id ? 'activeItem' : 'inactiveItem',on:{\"click\":function($event){return _vm.handleSkillClick(_vm.skill.id)}}},[_c('div',{staticClass:\"skillBox text-center\"},[_c('div',{staticClass:\"skilText\"},[_vm._v(\" \"+_vm._s(_vm.skill.name)+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mb-5 matching-skills\">\n    <div class=\"container\">\n      <div class=\"row align-items-center\" :class=\"{'tw-opacity-60 tw-cursor-not-allowed': isLoading}\">\n        <div class=\"col-md-12\" v-if=\"skills.length > 0 && isResponse\">\n          <CarouselOwl\n            :items=\"6\"\n            :loop=\"false\"\n            :margin=\"10\"\n            :nav=\"true\"\n            :autoWidth=\"true\"\n            :dots=\"false\"\n            :responsive=\"{\n              0: {\n                items: featureId4? 1 : 3,\n              },\n              576: {\n                items: featureId4? 1 : 2,\n              },\n              768: {\n                items: 3,\n              },\n              1024: {\n                items: 5,\n              },\n            }\"\n            class=\"matching-skills-carousel Skills-carousel\"\n            :class=\"{ 'Skills-carousel2': featureId4}\"\n          >\n            <skill-card\n              v-for=\"(skill, i) in skills\"\n              :key=\"i\"\n              :skill=\"skill\"\n              :class=\"{'tw-opacity-60 !tw-cursor-not-allowed': isLoading}\"\n              @handleSkillClick=\"handleSkillClick($event)\"\n              :active=\"activeSillParent\"\n            />\n          </CarouselOwl>\n        </div>\n\n        <div\n          v-if=\"!isResponse\"\n          class=\"matching-skills-carousel Skills-carousel\"\n        >\n          <div class=\"d-flex align-items-center justify-content-center\">\n            <skeleton-loader-vue\n              type=\"rect\"\n              :width=\"800\"\n              :height=\"30\"\n              animation=\"fade\"\n              rounded\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CarouselOwl from 'vue-owl-carousel';\nimport skillCard from \"../skillCard/skillCard.vue\";\nimport \"./carousel.scss\";\nexport default {\n  components: { CarouselOwl, skillCard },\n  props: [\"skills\", \"isResponse\", \"isLoading\",\"featureId4\"],\n  data() {\n    return { activeSillParent: 0 };\n  },\n  watch: {\n    isResponse: {\n      immediate: true,\n      deep: true,\n      handler() {\n      \n      this.activeSillParent = this.skills[0]?.id;\n      }\n    },\n    skills(newSkills) {\n      // get the role query parameters from the url vue\n      const roleID = Number(this.$route.query.role);\n      this.activeSillParent = roleID ? roleID : newSkills[0]?.id;\n      if (roleID) {\n        this.$emit(\"handleSkillClick\", roleID);\n        this.$router.replace({ query: {} });\n      }\n    },\n  },\n  methods: {\n    handleSkillClick(id) {\n      if (!this.isResponse) return;\n      this.activeSillParent = id;\n\n      this.$emit(\"handleSkillClick\", id);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" >\n.owl-carousel .owl-item {\n  display: flex;\n  margin-bottom: 2px;\n  @media (max-width: 576px) {\n    margin: 10px;\n  }\n}\n\n.Skills-carousel2 .item {\n    display: flex !important;\n    line-height: 18px;\n    height: 1rem !important;\n    justify-content: center !important;\n    align-items: center !important;\n    padding: 18px 15px !important;\n}\n\n.Skills-carousel2 .owl-stage-outer {\n   margin: 0 0.5rem;\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.matching-skills {\n  @media (max-width: 576px) {\n    margin-bottom: 1rem !important;\n  }\n}\n</style>","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!./carousel.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!./carousel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./carousel.vue?vue&type=template&id=e4e87a3e&scoped=true\"\nimport script from \"./carousel.vue?vue&type=script&lang=js\"\nexport * from \"./carousel.vue?vue&type=script&lang=js\"\nimport style0 from \"./carousel.vue?vue&type=style&index=0&id=e4e87a3e&prod&lang=scss\"\nimport style1 from \"./carousel.vue?vue&type=style&index=1&id=e4e87a3e&prod&lang=scss&scoped=true\"\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  \"e4e87a3e\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".matching-skills{background-color:#fff;border-radius:21px;box-shadow:0 13px 26px 0 rgba(0,0,0,.03)}.matching-skills-carousel{position:relative;padding:20px 50px}@media(max-width:768px){.matching-skills-carousel{padding:10px}}.matching-skills-carousel-item{text-align:center;padding:10px;border:1px solid #fff}@media(min-width:768px){.matching-skills-carousel-item:hover{border:1px solid #ffc629;border-radius:20px;cursor:pointer}.matching-skills-carousel-item:hover img{filter:invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(203%) contrast(103%)}.matching-skills-carousel-item:hover .matching-skills-carousel-item-icon{background-color:#ffc629}}.matching-skills-carousel-item.activeItem,.matching-skills-carousel-item.activeItem:hover{border:1px solid #ffc629;border-radius:20px;cursor:pointer}.matching-skills-carousel-item.activeItem:hover img,.matching-skills-carousel-item.activeItem img{filter:invert(0) sepia(0) saturate(0) hue-rotate(93deg) brightness(203%) contrast(103%)}.matching-skills-carousel-item.activeItem .matching-skills-carousel-item-icon,.matching-skills-carousel-item.activeItem:hover .matching-skills-carousel-item-icon{background-color:#ffc629}.matching-skills-carousel-item-icon{border-radius:50%;width:50px;height:50px;background:#f1f1f1;text-align:center;display:flex;align-items:center;padding:12px;margin:0 auto 10px}@media(max-width:768px){.matching-skills-carousel-item-icon{width:30px;height:30px;padding:5px}}.matching-skills-carousel-item-text{font-size:14px;font-weight:500}@media(max-width:768px){.matching-skills-carousel-item-text{font-size:8px}}@media(min-width:768px){.matching-skills .matching-skills-carousel-item:hover .matching-skills-carousel-item-icon{background-color:#ffc629}}.matching-skills .owl-next,.matching-skills .owl-prev{position:absolute!important;top:37%;display:block!important;transition:all .5s ease;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}@media(max-width:575.98px){.matching-skills .owl-next,.matching-skills .owl-prev{top:32%}}.matching-skills .owl-prev{position:absolute;top:37%;left:0;border-right:15px solid #939a9f}@media(max-width:768px){.matching-skills .owl-prev{left:-10px!important}}.matching-skills .owl-prev:hover{border-right:15px solid #ffc629}.matching-skills .owl-next{position:absolute;top:37%;right:0;border-left:15px solid #939a9f}@media(max-width:768px){.matching-skills .owl-next{right:-10px!important}}.matching-skills .owl-next:hover{border-left:15px solid #ffc629}.matching-skills .owl-carousel{position:unset!important}.matching-skills .owl-theme .owl-nav [class*=owl-]{background:transparent!important;font-size:0!important;padding:0!important}.matching-skills .owl-theme .owl-nav{margin-top:0!important}.matching-skills .owl-stage-outer{margin-bottom:0}.matching-skills .owl-theme .owl-nav.disabled+.owl-dots{margin-top:0!important}.matching-skills .owl-stage{display:flex;margin:auto}@media(max-width:576px){.matching-skills .owl-stage{margin:auto}}@media(max-width:768px){.matching-skills .owl-prev{left:-13px}.matching-skills .owl-next{right:-13px}}.Skills-carousel .item{text-align:center;padding:20px;border:1px solid #fff;white-space:nowrap;display:inline-block}.Skills-carousel .activeItem,.Skills-carousel .item.active,.Skills-carousel .item:hover{border:1px solid #ffc629;border-radius:20px;cursor:pointer;box-shadow:0 2px 4px 0 rgba(255,198,41,.2)}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","export * from \"-!../../../../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./carousel.vue?vue&type=style&index=0&id=e4e87a3e&prod&lang=scss\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".Skills-carousel .item[data-v-9e4f01bc]{text-align:center;padding:20px;border:1px solid #fff;white-space:nowrap;display:inline-block}.Skills-carousel .activeItem[data-v-9e4f01bc],.Skills-carousel .item.active[data-v-9e4f01bc],.Skills-carousel .item[data-v-9e4f01bc]:hover{border:1px solid #ffc629;border-radius:20px;cursor:pointer;box-shadow:0 2px 4px 0 rgba(255,198,41,.2)}\", \"\"]);\n// Exports\nmodule.exports = exports;\n"],"sourceRoot":""}