{"version":3,"sources":["webpack:///./src/pages/landing/components/meetOurTalents/index.vue?f322","webpack:///src/pages/landing/components/meetOurTalents/index.vue","webpack:///./src/pages/landing/components/meetOurTalents/index.vue?1abf","webpack:///./src/pages/landing/components/meetOurTalents/index.vue?cb73","webpack:///./src/pages/landing/components/meetOurTalents/index.vue","webpack:///./src/pages/landing/components/meetOurTalents/index.vue?ebf9","webpack:///./src/pages/landing/components/meetOurTalents/index.vue?4f37"],"names":["components","Profile","TalentCard","NewTalentCard","Carousel","talentsSkeletons","TalentCardSkeleton2","data","talents","isOpen","isLoading","sharableCode","currentRoleId","roles","props","featureId4","type","Boolean","default","computed","activeTalents","filter","talent","role","id","watch","value","body","document","querySelector","classList","add","remove","axios","get","then","res","_this$roles$","roleNames","forEach","includes","name","push","methods","handleRoleClick","openProfileModal","handleRedirection","path","$router","component","_vm","this","_c","_self","staticClass","class","attrs","_v","_s","$t","on","$event","length","_l","key","_e","active","staticRenderFns","content","__esModule","module","i","locals","exports","___CSS_LOADER_API_IMPORT___"],"mappings":"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","file":"js/meetOurTalents.c952791d.js","sourcesContent":["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!./index.vue?vue&type=style&index=0&id=8ec7e4e0&prod&lang=scss\"","<template>\n    <section id=\"meet-our-talents\" class=\"meetTalents innerPage\" :class=\"{ 'meetTalents2 ': featureId4 }\">\n        <div class=\"container\">\n            <div class=\"tw-flex tw-items-center tw-justify-between\">\n                <h2 class=\"meetTalents__title\" :class=\"{ 'meetTalents__title2': featureId4 }\">\n                    <span>{{ $t('home.meetOur') }}</span>\n                    <span>{{ $t('home.talents') }}</span>\n                </h2>\n                <button class=\"viewMoreTalents tw-hidden lg:tw-flex\" @click=\"handleRedirection('/client-signup')\">\n                    <span>\n                        {{ $t('home.viewMoreTalents') }}\n                    </span>\n                    <svg viewBox=\"0 0 40 20\" width=\"40px\" height=\"20px\">\n                        <path fill=\"#422E87\"\n                            d=\"m39.542 8.858-.002-.001L31.376.47a1.528 1.528 0 0 0-2.21.005 1.65 1.65 0 0 0 .005 2.281l5.482 5.631H1.563C.7 8.387 0 9.11 0 10c0 .89.7 1.613 1.562 1.613h33.09l-5.48 5.63a1.65 1.65 0 0 0-.006 2.282 1.528 1.528 0 0 0 2.21.005l8.164-8.387.002-.001c.612-.63.61-1.655 0-2.284Z\" />\n                    </svg>\n                </button>\n            </div>\n            <Carousel @handleSkillClick=\"handleRoleClick($event)\" :skills=\"roles\" :isResponse=\"!isLoading\"\n                :featureId4=\"featureId4\" />\n            <template v-if=\"talents && talents.length && !isLoading\">\n\n                <div v-if=\"featureId4\" class=\" tw-flex tw-gap-4 tw-snap-x tw-snap-proximity tw-overflow-x-auto\">\n                    <div v-for=\"talent in activeTalents\" :key=\"talent.id\">\n                        <NewTalentCard class=\"tw-snap-center tw-min-h-[17rem]\" :talent=\"talent\" :isLoaded=\"isLoading\"\n                            @open-mini-profile=\"openProfileModal($event)\" />\n\n                    </div>\n                </div>\n                <div class=\"mb-5 row talents-card\" v-else>\n                    <div class=\"text-center col-md-6 col-lg-4\" v-for=\"talent in activeTalents\" :key=\"talent.id\">\n\n                        <TalentCard mini-profile :talent=\"talent\" :isLoaded=\"isLoading\"\n                            @open-mini-profile=\"openProfileModal($event)\" />\n                    </div>\n                </div>\n            </template>\n\n            <talentsSkeletons v-if=\"isLoading && !featureId4\" />\n\n            <div v-if=\"featureId4 && isLoading\"\n                class=\" tw-flex tw-gap-4 tw-snap-x tw-snap-proximity tw-overflow-x-auto\">\n                <TalentCardSkeleton2 />\n                <TalentCardSkeleton2 />\n                <TalentCardSkeleton2 />\n            </div>\n\n            <button v-if=\"!isLoading\" :class=\"featureId4 ? 'viewMoreTalents2 tw-mt-6 ' : 'viewMoreTalents tw-mt-12'\"\n                class=\" tw-flex lg:tw-hidden\" @click=\"handleRedirection('/client-signup')\">\n                <span v-if=\"featureId4\">\n                    {{ $t('home.viewMoreTalents2') }}\n                </span>\n                <span v-else>\n                    {{ $t('home.viewMoreTalents') }}\n                </span>\n                <svg viewBox=\"0 0 40 20\" width=\"40px\" height=\"20px\">\n                    <path fill=\"#422E87\"\n                        d=\"m39.542 8.858-.002-.001L31.376.47a1.528 1.528 0 0 0-2.21.005 1.65 1.65 0 0 0 .005 2.281l5.482 5.631H1.563C.7 8.387 0 9.11 0 10c0 .89.7 1.613 1.562 1.613h33.09l-5.48 5.63a1.65 1.65 0 0 0-.006 2.282 1.528 1.528 0 0 0 2.21.005l8.164-8.387.002-.001c.612-.63.61-1.655 0-2.284Z\" />\n                </svg>\n            </button>\n            <div class=\"profileModal__wrapper\">\n                <transition name=\"slide\">\n                    <div v-if=\"isOpen\" class=\"profileModal__wrapper__container\">\n                        <div class=\"profileModal__wrapper__header\">\n                            <h5>{{ $t('home.talentProfile') }}</h5>\n                            <button class=\"profileModal__wrapper__close btn-close\" @click=\"isOpen = false\"></button>\n                        </div>\n                        <div class=\"profileModal__wrapper__profile\">\n                            <Profile mini :sharable-code=\"sharableCode\" />\n                        </div>\n                    </div>\n                </transition>\n                <div v-if=\"isOpen\" class=\"blur-wrapper\" :class=\"{ active: isOpen }\" @click=\"isOpen = false\">\n                </div>\n            </div>\n        </div>\n    </section>\n\n</template>\n\n<script>\nconst Profile = () => import(/* webpackChunkName: \"clientViewTalentProfile\" */ \"@/pages/Client/clientViewTalentProfile/newProfile.vue\");\nconst TalentCard = () => import(/* webpackChunkName: \"TalentCard\" */ \"@/pages/Client/matching/components/talentCard/talentCard.vue\");\nconst NewTalentCard = () => import(/* webpackChunkName: \"NewTalentCard\" */ \"@/pages/Client/matching/components/talentCard/newTalentCard.vue\");\nconst Carousel = () => import(/* webpackChunkName: \"clientCarousel\" */ \"@/pages/Client/matching/components/carousel/carousel.vue\");\nconst talentsSkeletons = () => import(/* webpackChunkName: \"talentSkeltons\" */ \"@/pages/Client/matching/components/talentSkeltons/talentSkeltons.vue\");\nconst TalentCardSkeleton2 = () => import( /* webpackChunkName: \"talentCardSkeleton2\" */ \"@/pages/Client/matching/components/talentCard/TalentCardSkeleton2.vue\");\nexport default {\n    components: { Profile, TalentCard, NewTalentCard, Carousel, talentsSkeletons, TalentCardSkeleton2 },\n    data() {\n        return {\n            talents: null,\n            isOpen: false,\n            isLoading: false,\n            sharableCode: null,\n            currentRoleId: null,\n            roles: [],\n        };\n    },\n    props: {\n        featureId4: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    computed: {\n        activeTalents() {\n            return this.talents.filter(talent => {\n                return talent.role.id === this.currentRoleId;\n            });\n        },\n    },\n    watch: {\n        isOpen(value) {\n            const body = document.querySelector('body');\n            if (value)\n                body.classList.add('is-fixed');\n            else\n                body.classList.remove('is-fixed');\n        },\n    },\n    async mounted() {\n        this.isLoading = true;\n        await this.axios\n            .get(`/api/staticContent/featuredTalents`)\n            .then((res) => {\n                this.talents = res.data.data;\n                const roleNames = [];\n                this.talents.forEach(talent => {\n                    if (!roleNames.includes(talent.role.name)) {\n                        this.roles.push(talent.role);\n                        roleNames.push(talent.role.name);\n                    }\n                })\n\n                this.currentRoleId = this.roles[0]?.id;\n                this.isLoading = false;\n            });\n    },\n    methods: {\n        handleRoleClick(id) {\n            console.log(id);\n\n            this.currentRoleId = id;\n        },\n        openProfileModal(sharableCode) {\n            this.sharableCode = sharableCode;\n            this.isOpen = true;\n        },\n        handleRedirection(path) {\n            this.$router.push({ path });\n        },\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.meetTalents2 {\n    background: linear-gradient(to right, #ededed, #ece8ff, #e3d3fb, #e1e1e1);\n}\n\n.innerPage.meetTalents2 {\n    @media (max-width: 768px) {\n        padding-bottom: 20px;\n    }\n}\n\n\n\n.tw-snap-x {\n    overflow-x: scroll;\n    white-space: nowrap;\n    margin: auto;\n    scroll-snap-type: x mandatory;\n\n\n}\n\n\n.tw-snap-center {\n    scroll-snap-align: center;\n    scroll-margin-right: 1rem;\n    scroll-margin-left: 1rem;\n}\n\n\n.meetTalents {\n    &__title2 {\n        font-size: 30px !important;\n        width: 100%;\n        text-align: center;\n\n\n        @media (max-width: 768px) {\n            margin-bottom: 10px !important;\n        }\n    }\n\n    &__title {\n        font-size: 45px;\n        font-weight: 600 !important;\n        margin-bottom: 44px;\n\n        span:last-child {\n            color: #ffc639;\n        }\n\n        @media (max-width: 768px) {\n            font-size: 28px;\n        }\n    }\n}\n\n.profileModal__wrapper {\n    position: relative;\n\n    &__profile {\n        max-width: 650px;\n    }\n\n    &__container {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        width: 80%;\n        max-width: 650px;\n        height: 100vh;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        background-color: white;\n        transition: transform 0.15s;\n        z-index: 100;\n        overflow-y: scroll;\n        overflow-x: hidden;\n        border-radius: 20px 0 0 20px;\n        padding: 0 0 30px;\n    }\n\n    &__header {\n        position: sticky;\n        top: 0;\n        z-index: 10;\n        background-color: #fff;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        padding: 27px 20px 18px;\n        border-bottom: 1px solid #e2e2e2;\n\n        h5 {\n            margin-inline-end: auto;\n            font-size: 19px;\n            font-weight: 600;\n        }\n    }\n\n    &__close {\n        border: 1px solid #e2e2e2;\n        padding: 5px;\n        color: #000;\n        background-color: transparent;\n        font-size: 1.1em;\n    }\n\n    >.blur-wrapper {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n        background-color: rgba(0, 0, 0, .7);\n        z-index: 99;\n        opacity: 0;\n        transition: opacity 1s ease;\n    }\n\n    >.blur-wrapper.active {\n        opacity: 1;\n    }\n}\n\n\n.slide-enter-active {\n    transform: translate(0, 0) !important;\n    -webkit-transform: translate(0, 0) !important;\n    transform: translate(100%, 0) !important;\n    -webkit-transform: translate(100%, 0) !important;\n}\n\n.slide-leave-active {\n    transform: translate(100%, 0) !important;\n    -webkit-transform: translate(100%, 0) !important;\n}\n\nhtml[dir=\"rtl\"] {\n    .profileModal__wrapper {\n        &__container {\n            right: auto;\n            left: 0;\n            border-radius: 0 30px 30px 0;\n        }\n    }\n\n    .slide-enter-active {\n        transform: translate(-100%, 0) !important;\n        -webkit-transform: translate(-100%, 0) !important;\n    }\n\n    .slide-leave-active {\n        transform: translate(-100%, 0) !important;\n        -webkit-transform: translate(-100%, 0) !important;\n    }\n}\n\n.viewMoreTalents {\n    align-items: center;\n    justify-content: center;\n}\n\n.viewMoreTalents2 {\n    align-items: center;\n    justify-content: center;\n}\n\n.viewMoreTalents span {\n    padding-inline-end: 12px;\n    font-size: 20px;\n    font-weight: 700;\n    color: #422e87;\n}\n\n.viewMoreTalents2 span {\n    padding-inline-end: 12px;\n    font-size: 18px;\n    font-weight: 700;\n    color: #422e87;\n}\n\n\nhtml[dir=\"rtl\"] {\n    .viewMoreTalents svg {\n        transform: rotate(180deg);\n    }\n}\n\nhtml[dir=\"rtl\"] {\n    .viewMoreTalents2 svg {\n        transform: rotate(180deg);\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=8ec7e4e0\"\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&id=8ec7e4e0&prod&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"meetTalents innerPage\",class:{ 'meetTalents2 ': _vm.featureId4 },attrs:{\"id\":\"meet-our-talents\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"tw-flex tw-items-center tw-justify-between\"},[_c('h2',{staticClass:\"meetTalents__title\",class:{ 'meetTalents__title2': _vm.featureId4 }},[_c('span',[_vm._v(_vm._s(_vm.$t('home.meetOur')))]),_c('span',[_vm._v(_vm._s(_vm.$t('home.talents')))])]),_c('button',{staticClass:\"viewMoreTalents tw-hidden lg:tw-flex\",on:{\"click\":function($event){return _vm.handleRedirection('/client-signup')}}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('home.viewMoreTalents'))+\" \")]),_c('svg',{attrs:{\"viewBox\":\"0 0 40 20\",\"width\":\"40px\",\"height\":\"20px\"}},[_c('path',{attrs:{\"fill\":\"#422E87\",\"d\":\"m39.542 8.858-.002-.001L31.376.47a1.528 1.528 0 0 0-2.21.005 1.65 1.65 0 0 0 .005 2.281l5.482 5.631H1.563C.7 8.387 0 9.11 0 10c0 .89.7 1.613 1.562 1.613h33.09l-5.48 5.63a1.65 1.65 0 0 0-.006 2.282 1.528 1.528 0 0 0 2.21.005l8.164-8.387.002-.001c.612-.63.61-1.655 0-2.284Z\"}})])])]),_c('Carousel',{attrs:{\"skills\":_vm.roles,\"isResponse\":!_vm.isLoading,\"featureId4\":_vm.featureId4},on:{\"handleSkillClick\":function($event){return _vm.handleRoleClick($event)}}}),(_vm.talents && _vm.talents.length && !_vm.isLoading)?[(_vm.featureId4)?_c('div',{staticClass:\"tw-flex tw-gap-4 tw-snap-x tw-snap-proximity tw-overflow-x-auto\"},_vm._l((_vm.activeTalents),function(talent){return _c('div',{key:talent.id},[_c('NewTalentCard',{staticClass:\"tw-snap-center tw-min-h-[17rem]\",attrs:{\"talent\":talent,\"isLoaded\":_vm.isLoading},on:{\"open-mini-profile\":function($event){return _vm.openProfileModal($event)}}})],1)}),0):_c('div',{staticClass:\"mb-5 row talents-card\"},_vm._l((_vm.activeTalents),function(talent){return _c('div',{key:talent.id,staticClass:\"text-center col-md-6 col-lg-4\"},[_c('TalentCard',{attrs:{\"mini-profile\":\"\",\"talent\":talent,\"isLoaded\":_vm.isLoading},on:{\"open-mini-profile\":function($event){return _vm.openProfileModal($event)}}})],1)}),0)]:_vm._e(),(_vm.isLoading && !_vm.featureId4)?_c('talentsSkeletons'):_vm._e(),(_vm.featureId4 && _vm.isLoading)?_c('div',{staticClass:\"tw-flex tw-gap-4 tw-snap-x tw-snap-proximity tw-overflow-x-auto\"},[_c('TalentCardSkeleton2'),_c('TalentCardSkeleton2'),_c('TalentCardSkeleton2')],1):_vm._e(),(!_vm.isLoading)?_c('button',{staticClass:\"tw-flex lg:tw-hidden\",class:_vm.featureId4 ? 'viewMoreTalents2 tw-mt-6 ' : 'viewMoreTalents tw-mt-12',on:{\"click\":function($event){return _vm.handleRedirection('/client-signup')}}},[(_vm.featureId4)?_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('home.viewMoreTalents2'))+\" \")]):_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('home.viewMoreTalents'))+\" \")]),_c('svg',{attrs:{\"viewBox\":\"0 0 40 20\",\"width\":\"40px\",\"height\":\"20px\"}},[_c('path',{attrs:{\"fill\":\"#422E87\",\"d\":\"m39.542 8.858-.002-.001L31.376.47a1.528 1.528 0 0 0-2.21.005 1.65 1.65 0 0 0 .005 2.281l5.482 5.631H1.563C.7 8.387 0 9.11 0 10c0 .89.7 1.613 1.562 1.613h33.09l-5.48 5.63a1.65 1.65 0 0 0-.006 2.282 1.528 1.528 0 0 0 2.21.005l8.164-8.387.002-.001c.612-.63.61-1.655 0-2.284Z\"}})])]):_vm._e(),_c('div',{staticClass:\"profileModal__wrapper\"},[_c('transition',{attrs:{\"name\":\"slide\"}},[(_vm.isOpen)?_c('div',{staticClass:\"profileModal__wrapper__container\"},[_c('div',{staticClass:\"profileModal__wrapper__header\"},[_c('h5',[_vm._v(_vm._s(_vm.$t('home.talentProfile')))]),_c('button',{staticClass:\"profileModal__wrapper__close btn-close\",on:{\"click\":function($event){_vm.isOpen = false}}})]),_c('div',{staticClass:\"profileModal__wrapper__profile\"},[_c('Profile',{attrs:{\"mini\":\"\",\"sharable-code\":_vm.sharableCode}})],1)]):_vm._e()]),(_vm.isOpen)?_c('div',{staticClass:\"blur-wrapper\",class:{ active: _vm.isOpen },on:{\"click\":function($event){_vm.isOpen = false}}}):_vm._e()],1)],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// 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!./index.vue?vue&type=style&index=0&id=8ec7e4e0&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(\"04e0b3d2\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// 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, \".meetTalents2{background:linear-gradient(90deg,#ededed,#ece8ff,#e3d3fb,#e1e1e1)}@media(max-width:768px){.innerPage.meetTalents2{padding-bottom:20px}}.tw-snap-x{overflow-x:scroll;white-space:nowrap;margin:auto;scroll-snap-type:x mandatory}.tw-snap-center{scroll-snap-align:center;scroll-margin-right:1rem;scroll-margin-left:1rem}.meetTalents__title2{font-size:30px!important;width:100%;text-align:center}@media(max-width:768px){.meetTalents__title2{margin-bottom:10px!important}}.meetTalents__title{font-size:45px;font-weight:600!important;margin-bottom:44px}.meetTalents__title span:last-child{color:#ffc639}@media(max-width:768px){.meetTalents__title{font-size:28px}}.profileModal__wrapper{position:relative}.profileModal__wrapper__profile{max-width:650px}.profileModal__wrapper__container{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:650px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#fff;transition:transform .15s;z-index:100;overflow-y:scroll;overflow-x:hidden;border-radius:20px 0 0 20px;padding:0 0 30px}.profileModal__wrapper__header{position:sticky;top:0;z-index:10;background-color:#fff;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:27px 20px 18px;border-bottom:1px solid #e2e2e2}.profileModal__wrapper__header h5{margin-inline-end:auto;font-size:19px;font-weight:600}.profileModal__wrapper__close{border:1px solid #e2e2e2;padding:5px;color:#000;background-color:transparent;font-size:1.1em}.profileModal__wrapper>.blur-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.7);z-index:99;opacity:0;transition:opacity 1s ease}.profileModal__wrapper>.blur-wrapper.active{opacity:1}.slide-enter-active{transform:translate(0)!important;transform:translate(100%)!important}.slide-enter-active,.slide-leave-active{-webkit-transform:translate(100%)!important}.slide-leave-active{transform:translate(100%)!important}html[dir=rtl] .profileModal__wrapper__container{right:auto;left:0;border-radius:0 30px 30px 0}html[dir=rtl] .slide-enter-active,html[dir=rtl] .slide-leave-active{transform:translate(-100%)!important;-webkit-transform:translate(-100%)!important}.viewMoreTalents,.viewMoreTalents2{align-items:center;justify-content:center}.viewMoreTalents span{font-size:20px}.viewMoreTalents2 span,.viewMoreTalents span{padding-inline-end:12px;font-weight:700;color:#422e87}.viewMoreTalents2 span{font-size:18px}html[dir=rtl] .viewMoreTalents2 svg,html[dir=rtl] .viewMoreTalents svg{transform:rotate(180deg)}\", \"\"]);\n// Exports\nmodule.exports = exports;\n"],"sourceRoot":""}