{"version":3,"file":"PodcastsSection-aOUORXG6.js","sources":["../../../app/assets/images/podcastsection.webp","../../../app/javascript/components/organisms/podcastsSection/PodcastsSection.tsx"],"sourcesContent":["export default \"__VITE_ASSET__wa$$6PmB__\"","import HybridLink from '@/components/atoms/widgets/HybridLink';\nimport Podcasts from \"../../../../assets/images/podcastsection.webp\";\nimport chavironBlue from '../../../../assets/images/chevron-blue.svg'\nimport { memo } from 'react';\nimport window from 'global';\n\nconst PodcastsSection = () => {\n  return (\n    <>\n      <div className='max-w-[1572px] w-[329px] sm:w-auto mx-auto sm:mx-0 2xl:mx-auto 2xl:px-40 xl:px-10 md:px-6 sm:px-3 xl:mx-[2.188rem]'>\n        <div className='sm:px-4 md:px-10 xl:px-46 lg:px-36'>\n          <div className='flex sm:flex-row flex-col justify-between sm:items-center'>\n            <h2 className=\"sm:text-[1.75rem] xl:text-[2.375rem] text-[38px] font-bold\">Podcasts</h2>\n            <HybridLink\n              href='https://www.recruitmentmarketing.com/podcasts'\n              isExternal={true}\n            >\n              <div className='flex items-center gap-1 mt-[3px] sm:mt-0'>\n                <span className='text-[17px] sm:text-sm sm:font-medium cursor-pointer text-[#11D0B0] whitespace-nowrap'>View All Podcasts</span>\n                <img\n                  className=\"h-2 w-2 mt-[0.2rem] sm:h-[0.6rem] sm:w-[0.6rem] sm:mt-[0.2rem] sm:ml-[0.2rem] self-center\"\n                  src={chavironBlue}\n                  alt=\"arrow\"\n                  loading='lazy'\n                />\n              </div>\n            </HybridLink>\n          </div>\n        </div>\n      </div>\n      <div className='max-w-[1409px] mx-auto relative overflow-hidden'>\n        <div\n          style={{\n            backgroundImage: window.innerWidth > 720\n              ? 'linear-gradient(to right, white 21%, transparent 30%, transparent 100%, white 46%), linear-gradient(to left, white 21%, transparent 35%, transparent 100%, white 58%)'\n              : 'linear-gradient(to right, white 35%, transparent 40%, transparent 100%, white 46%), linear-gradient(to left, white 35%, transparent 40%, transparent 100%, white 58%)'\n          }}\n          className='absolute inset-[-500px] sm:blur-[10px]'\n        />\n        <img\n          src={Podcasts}\n          alt=\"podcast\"\n          loading='lazy'\n          className='object-cover w-[430px] h-[250px] mx-auto mt-10 sm:mt-auto sm:w-full sm:h-auto'\n          rel=\"nofollow\"\n        />\n      </div>\n    </>\n  );\n};\n\nexport default memo(PodcastsSection);\n"],"names":["Podcasts","PodcastsSection","_Fragment","children","_jsx","className","HybridLink","href","isExternal","src","chavironBlue","alt","loading","_jsxs","style","backgroundImage","window","innerWidth","rel","memo"],"mappings":"4JAAA,MAAeA,EAAA,4CCMTC,EAAkBA,MAEpBC,EAAA,CAAAC,UACEC,EAAA,MAAA,CAAKC,UAAU,qHAAoHF,WACjI,MAAA,CAAKE,UAAU,qCAAoCF,WACjD,MAAA,CAAKE,UAAU,4DAA2DF,UACxEC,EAAA,KAAA,CAAIC,UAAU,6DAA4DF,SAAC,UAAA,CAAY,EACvFC,EAACE,EAAU,CACTC,KAAK,gDACLC,WAAY,GAAKL,WAEjB,MAAA,CAAKE,UAAU,2CAA0CF,UACvDC,EAAA,OAAA,CAAMC,UAAU,wFAAuFF,SAAC,mBAAA,CAAuB,EAC/HC,EAAA,MAAA,CACEC,UAAU,4FACVI,IAAKC,EACLC,IAAI,QACJC,QAAQ,MAAA,CACT,CAAC,CAAA,CACC,CAAA,CACK,CAAC,CAAA,CACV,CAAA,CACF,CAAA,CACF,EACLC,EAAA,MAAA,CAAKR,UAAU,kDAAiDF,UAC9DC,EAAA,MAAA,CACEU,MAAO,CACLC,gBAAiBC,EAAOC,WAAa,IACjC,wKACA,uKACN,EACAZ,UAAU,wCAAA,CACX,EACDD,EAAA,MAAA,CACEK,IAAKT,EACLW,IAAI,UACJC,QAAQ,OACRP,UAAU,gFACVa,IAAI,UAAA,CACL,CAAC,CAAA,CACC,CAAC,CAAA,CACN,EAISC,EAAAA,EAAAA,KAAKlB,CAAe"}