{"version":3,"file":"static/js/5644.4a38616ac043e477e4e0.js","mappings":"oKAGO,SAASA,EAAYC,GACxB,OACIC,EAAAA,EAAAA,GAAA,OACI,iBACAC,MAAM,6BACNC,QAAQ,eACRC,MAAM,SACNC,OAAO,WACHL,EAAKM,UAETC,EAAAA,EAAAA,IAAA,KAAG,YAAU,UAASD,SAAA,EAClBL,EAAAA,EAAAA,GAAA,QACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBC,EAAE,8uBAENZ,EAAAA,EAAAA,GAAA,WACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBE,OAAO,2MAEXb,EAAAA,EAAAA,GAAA,QACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBC,EAAE,qiBAENZ,EAAAA,EAAAA,GAAA,WACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBE,OAAO,4IAEXb,EAAAA,EAAAA,GAAA,QACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBC,EAAE,sJAENZ,EAAAA,EAAAA,GAAA,QACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBC,EAAE,ilBAENZ,EAAAA,EAAAA,GAAA,QACIO,UAAU,YACVC,KAAMC,EAAAA,GAASC,KAAKC,OACpBC,EAAE,0jBAKtB,C,qSC3BO,SAASE,GAAqB,QAAEC,EAAO,OAAEC,IAC5C,MAAOC,EAAMC,IAAWC,EAAAA,EAAAA,WAAS,GAC3BC,GAAWC,EAAAA,EAAAA,QAAuB,OACxCC,EAAAA,EAAAA,GAAoBF,EAAUH,EAAMM,EAAO,CAAEC,oBAAqB,IAClE,MAAMC,EAASL,EAASM,SAASC,iBAAiB,kBAC3CC,IAAYC,EAAAA,EAAAA,IAAQC,EAAAA,KACpBC,IAAoBF,EAAAA,EAAAA,IAAQG,EAAAA,KAC7B,4BAAEC,IAAgCC,EAAAA,EAAAA,KAClCC,GAAoBC,EAAAA,EAAAA,UACtB,KAAMC,EAAAA,EAAAA,GAAeJ,EAA6B,WAClD,CAACA,IAECK,GAAgBF,EAAAA,EAAAA,UAClB,KAAMC,EAAAA,EAAAA,GAAeJ,EAA6B,SAAU,kBAC5D,CAACA,IAyBL,SAASV,IACLN,GAAQC,GAAQ,EACpB,CAEA,OA1BAqB,EAAAA,EAAAA,YAAU,KACFtB,GAAQQ,GAAQe,QAChBf,EAAOgB,SAASC,IAGZA,EAAMC,aAAa,MAAOD,EAAME,QAAQC,KACxCH,EAAMI,gBAAgB,WAAW,GAEzC,GACD,CAAC7B,EAAMQ,KAEVc,EAAAA,EAAAA,YAAU,KACNhB,GAAO,GAER,CAACK,KAaA5B,EAAAA,EAAAA,GAAA+C,EAAAA,GAAA,CAAA1C,SACKU,GACGf,EAAAA,EAAAA,GAACgD,EAAAA,EAAU,CAACC,IAAKC,EAAAA,EAAQC,WAAWnC,GAASoC,GAAG,eAAeC,KAAK,QAAQC,UAAW,EAAEjD,UACrFL,EAAAA,EAAAA,GAACuD,EAAAA,EAAU,CAAC,kBAAgB,eAAeN,IAAKC,EAAAA,EAAQM,mBAG5DlD,EAAAA,EAAAA,IAAAyC,EAAAA,GAAA,CAAA1C,SAAA,EACIL,EAAAA,EAAAA,GAACyD,EAAAA,EAAiB,CAACC,YAAanC,EAAMlB,UAClCC,EAAAA,EAAAA,IAAA,OAAKqD,IAAKvC,EAASf,SAAA,EACfL,EAAAA,EAAAA,GAACgD,EAAAA,EAAU,CACP,aAAY/B,EAAO,eAAiB,cACpC2C,QAtB5B,YACIC,EAAAA,EAAAA,kBAAgB,KACZ3C,GAAS4C,IAAcA,GAAS,GAExC,EAmB4Bb,IAAKC,EAAAA,EAAQC,WAAWnC,GACxB,cAAY,qBACZoC,GAAG,eACHC,KAAK,QAAOhD,UAEZL,EAAAA,EAAAA,GAACuD,EAAAA,EAAU,CAAC,kBAAgB,eAAeN,IAAKC,EAAAA,EAAQM,mBAE5DlD,EAAAA,EAAAA,IAACyD,EAAAA,GAAI,CACDC,WAAS,EACTC,KAAK,SACLC,KAAK,SACLjB,IAAG,CAAGC,EAAAA,EAAQiB,gBAAiBlD,EAAOiC,EAAAA,EAAQkB,SAAW,GAAE,OAC3D,cAAY,uBACZ,kBAAgB,mBAChB,eAAcnD,EAAKZ,SAAA,EAEnBL,EAAAA,EAAAA,GAAA,OACI6C,IAAI,GACJ,WAAUwB,EACVC,IAAI,uBACJrB,IAAKC,EAAAA,EAAQqB,eAEjBjE,EAAAA,EAAAA,IAACyD,EAAAA,GAAI,CAACd,IAAKC,EAAAA,EAAQsB,mBAAmBnE,SAAA,EAClCL,EAAAA,EAAAA,GAACyE,EAAAA,EAAO,CAACC,QAAQ,KAAKC,UAAU,IAAI1B,IAAKC,EAAAA,EAAQ0B,WAAYxB,GAAG,mBAAkB/C,SAC7E8B,EAAkB0C,SAEtB5D,GAAOjB,EAAAA,EAAAA,GAAC8E,EAAAA,EAAe,IAAM,QAEjC/C,IAAqBgD,EAAAA,EAAaC,IAC/B1E,EAAAA,EAAAA,IAACyD,EAAAA,GAAI,CAACd,IAAKC,EAAAA,EAAQ+B,uBAAuB5E,SAAA,EACtCL,EAAAA,EAAAA,GAACyE,EAAAA,EAAO,CAACC,QAAQ,KAAKC,UAAU,IAAI1B,IAAKC,EAAAA,EAAQ0B,WAAWvE,SACvDiC,EAAc4C,SAEnBlF,EAAAA,EAAAA,GAAC+D,EAAAA,GAAI,CAACC,WAAS,EAAA3D,SACViC,EAAc6C,MAAMC,KAAKC,IACtBrF,EAAAA,EAAAA,GAAA,OAAKiD,IAAKC,EAAAA,EAAQoC,cAAcjF,UAC5BL,EAAAA,EAAAA,GAACuF,EAAAA,EAAO,CACJC,KAAMH,EAAKG,KACXvC,IAAKC,EAAAA,EAAQuC,YACbC,KAAK,OACLC,OAAQN,EAAKM,OACbrC,SAAUrC,EAAO,GAAK,EAAEZ,UAExBL,EAAAA,EAAAA,GAAC4F,EAAAA,EAAI,CAAClB,QAAQ,QAAQmB,MAAM,iBAAgBxF,SACvCgF,EAAKH,WAToBG,EAAKH,cAgBvD,MACJlF,EAAAA,EAAAA,GAAA,OACI6C,IAAI,GACJ,WAAUwB,EACVC,IAAI,uBACJrB,IAAKC,EAAAA,EAAQ4C,6BAK7B9F,EAAAA,EAAAA,GAAA,OACIiD,IAAG,CAAGC,EAAAA,EAAQ6C,WAAY9E,EAAOiC,EAAAA,EAAQ8C,eAAiB,GAAE,OAC5D,cAAY,+BAMpC,C,sECpJO,MAAMC,EAAuB,CAChCzC,cAAe,CACX,SAAU,CACNhD,KAAMC,EAAAA,GAASC,KAAKwF,aAG5B/B,gBAAiB,CACbhE,MAAO,QACPgG,QAAS,EACTC,UAAW,gBACXC,SAAU,WACVC,OAAQ,EACRC,MAAO,EACPC,QAAS,EACTC,WAAY,qEACZC,QAAS,UACTX,WAAY,0BAA0BtF,EAAAA,GAASC,KAAKwF,kBAAkBzF,EAAAA,GAASC,KAAKC,eACpF,WAAY,CACRgG,QAAS,KACTxG,MAAO,EACPC,OAAQ,EACRwG,WAAY,2BACZC,YAAa,2BACbC,aAAc,gBAAgBrG,EAAAA,GAASC,KAAKC,SAC5CoG,UAAW,UACXV,SAAU,WACVE,MAAO,OACPH,UAAW,YACXK,WAAY,6BACZO,gBAAiB,UAErB,6BAA8B,CAC1BN,QAAS,UAEb,CAAC,sBAAsBO,EAAAA,EAAYC,OAAQ,CACvCC,cAAe,SACfT,QAAS,SACTX,WAAY,mBAAmBtF,EAAAA,GAASC,KAAKwF,kBAAkBzF,EAAAA,GAASC,KAAKC,eAC7EyG,UAAW,OACXC,eAAgB,gBAChB,WAAY,CACRP,aAAc,gBAAgBrG,EAAAA,GAASC,KAAKwF,eAGpD,8BAA+B,CAC3B,WAAY,CACRK,MAAO,UAInBnC,SAAU,CACN+B,OAAQ,IACRK,QAAS,EACTJ,UAAW,mBACXK,WAAY,2EACZ,WAAY,CACRL,UAAW,cAGnB5B,mBAAoB,CAChB2B,OAAQ,EACRhG,MAAO,MACPuG,QAAS,SACT,CAAC,sBAAsBO,EAAAA,EAAYC,OAAQ,CACvCR,QAAS,EACTvG,MAAO,OACPmH,OAAQ,WAGhBrC,uBAAwB,CACpBkB,OAAQ,EACRhG,MAAO,MACPuG,QAAS,SACTa,YAAa,SACb,6BAA8B,CAC1BA,YAAa,SAEjB,CAAC,sBAAsBN,EAAAA,EAAYC,OAAQ,CACvCR,QAAS,EACTvG,MAAO,SAGfyE,WAAY,CACRiB,MAAOpF,EAAAA,GAASC,KAAK8G,KACrBC,aAAc,QAElBnC,cAAe,CACXmC,aAAc,SACdtH,MAAO,MACP,CAAC,sBAAsB8G,EAAAA,EAAYC,OAAQ,CACvC/G,MAAO,OACPsH,aAAc,WAGtBhC,YAAa,CACTiC,eAAgB,OAChB,cAAe,CACXC,WAAY,MAGpB5B,WAAY,CACR6B,QAAS,QACTnB,WACI,+GACJoB,WAAY,oBACZrB,QAAS,EACTL,QAAS,EACT/F,OAAQ,EACRD,MAAO,OACP2H,iBAAiBC,EAAAA,EAAAA,IAAatH,EAAAA,GAASC,KAAKsH,UAAW,IACvD3B,SAAU,WACV4B,IAAK,OACLC,KAAM,EACN,CAAC,sBAAsBjB,EAAAA,EAAYC,OAAQ,CACvCU,QAAS,oBAGjB5B,eAAgB,CACZG,OAAQ,IACRK,QAAS,EACTqB,WAAY,qBACZpB,WAAY,sFACZrG,OAAQ,SAEZ+C,WAAanC,IAAgB,CAErB0F,QAAS,OACT,QAAS,CACLtG,OAAQY,EAAS,SAAW,SAC5Bb,MAAOa,EAAS,SAAW,SAC3B,CAAC,sBAAsBiG,EAAAA,EAAYC,OAAQ,CACvC9G,OAAQ,SACRD,MAAO,aAIvBoE,YAAa,CACTqD,QAAS,QACTvB,SAAU,WACVC,OAAQ,EACR,CAAC,sBAAsBW,EAAAA,EAAYC,OAAQ,CACvCU,QAAS,SAGjB9B,kBAAmB,CACf8B,QAAS,OACT,CAAC,sBAAsBX,EAAAA,EAAYC,OAAQ,CACvCU,QAAS,QACTzH,MAAO,S","sources":["components/IconComponents/GeotabWithR.tsx","components/PublicSearch/PublicSearchDropdown.tsx","components/PublicSearch/styles/searchDropdownStyles.ts"],"sourcesContent":["import React from 'react';\nimport { v2Colors } from '@web-for-marketing/react-ui';\n\nexport function GeotabWithR(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n    return (\n        <svg\n            aria-hidden\n            xmlns='http://www.w3.org/2000/svg'\n            viewBox='0 0 1800 239'\n            width='1800px'\n            height='239px'\n            {...props}\n        >\n            <g data-name='Layer 2'>\n                <path\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    d='M1795,202.741a29.416,29.416,0,1,1-8.781-20.855A28.362,28.362,0,0,1,1795,202.741Zm-4,0a24.807,24.807,0,0,0-7.464-17.562,25.289,25.289,0,0,0-35.739-.263l-.263.263a25.641,25.641,0,0,0,0,36.178,25.289,25.289,0,0,0,35.739.263l.263-.263a24.807,24.807,0,0,0,7.464-18.44Zm-6.542,15.147h-7.639l-11.24-12.074h-5.488v12.074h-5.752v-31.26h10.625a41.845,41.845,0,0,1,5.225,0,12.163,12.163,0,0,1,4.083,1.317,7.992,7.992,0,0,1,3.117,2.854,7.814,7.814,0,0,1,.966,4.171,8.079,8.079,0,0,1-1.932,5.488,13.172,13.172,0,0,1-5.313,3.468Zm-11.986-22.26a4.787,4.787,0,0,0-.439-2.2,3.645,3.645,0,0,0-1.581-1.581,6.543,6.543,0,0,0-2.2-.7h-8.079v10.537h4.39a17.56,17.56,0,0,0,3.644,0,5.928,5.928,0,0,0,2.5-1.054,4.786,4.786,0,0,0,1.493-1.844,6.632,6.632,0,0,0,.351-3.293Z'\n                />\n                <polygon\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    points='327.373 232.163 549.321 232.163 549.321 209.464 367.466 209.464 367.466 127.086 541.794 127.086 541.794 104.328 367.466 104.328 367.466 29.358 549.321 29.358 549.321 6.6 327.373 6.6 327.373 232.163'\n                />\n                <path\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    d='M847.928,23.016C831.749,10.63,790.56,4.348,725.812,4.348c-56.006,0-94.824,5.512-115.36,16.387S579.22,52.441,579.22,82.37l-.5,21.306v15.735c0,51.531,8.09,83.771,23.943,96.454s57.4,18.787,123.153,18.787,107.714-6.519,123.153-18.965,23.943-45.96,23.943-99.21C872.582,66.991,864.048,35.521,847.928,23.016Zm-13.809,96.276c0,45.9-4.534,73.074-13.572,80.778s-41.041,11.675-95.15,11.675-85.934-3.941-94.824-11.675S617,165.193,617,119.293s4.682-72.9,13.69-80.6,40.982-11.675,94.824-11.675c46.908,0,77.045,3.348,89.757,9.927S834.119,59.227,834.119,83.5Z'\n                />\n                <polygon\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    points='1151.158 6.6 888.228 6.6 888.228 31.491 1000.121 31.491 1000.121 232.163 1040.273 232.163 1040.273 31.491 1151.158 31.491 1151.158 6.6'\n                />\n                <path\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    d='M1292.861,6.6h-55.146L1111.184,232.163H1153.8l26.4-47.412h173.084l26.669,47.412h41.9l-128.813-225ZM1192.11,164.275l74.081-134.887,75.03,134.828Z'\n                />\n                <path\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    d='M1670.054,113.9c28.121-6.875,42.434-22.787,42.434-47.412s-6.579-40.834-19.824-48.449S1651.741,6.6,1609.693,6.6H1457V232.163H1625.9c35.559,0,60.806-4.919,75.207-14.55s21.78-26.669,21.78-50.672C1723.067,137.843,1705.228,120,1670.054,113.9ZM1497.208,29.358h111.715c27.41,0,45.367,2.222,53.339,6.578s11.853,13.957,11.853,28.714c0,17.068-4.534,28.181-13.572,33.04s-29.929,7.467-62.228,7.467H1497.208Zm174.151,172.521c-8.89,4.919-28.358,7.349-57.635,7.349H1497.208V127.916h99.062c40.626,0,65.814,2.282,74.911,6.756s13.453,16.565,13.453,36.27C1684.693,186.647,1680.218,197.078,1671.358,201.879Z'\n                />\n                <path\n                    className='geotabR-1'\n                    fill={v2Colors.core.geotab}\n                    d='M141.1,119.293v22.728H252.284v13.038h0v.83h0c0,25.069-4.978,40.8-14.372,46.671s-35.352,9.1-76.482,9.1c-53.872,0-87.3-3.23-99.625-9.631s-18.283-23.5-18.283-51.264v-32l.385-29.9c0-27.41,5.571-44.775,16.505-51.59S99.617,26.9,144.273,26.9c47.886,0,78.319,2.163,89.757,6.46S250.3,49.034,250.3,66.991v5.927h39.174v-9.1c0-25.01-8.682-41.486-25.84-48.657S208.783,4.348,150.614,4.348,53.42,9.889,34.218,20.853,5,54.368,5,87.645v52.894C5,180.158,13.89,206,31.225,217.376s56.657,17.187,117.049,17.187c63.917,0,104.01-4.86,119.212-14.49s22.017-32.062,22.965-68.155h0v-32.6Z'\n                />\n            </g>\n        </svg>\n    );\n}\n","import React, { useState, useRef, useEffect, useMemo, startTransition } from 'react';\nimport { PublicSearchBar } from './PublicSearchBar';\nimport { Grid, IconButton, ClickAwayListener } from '@mui/material';\nimport { Heading, SearchIcon, Text } from '@web-for-marketing/react-ui';\nimport { useAccessiblePopout } from '@web-for-marketing/react-ui';\nimport { searchDropdownStyles as classes } from './styles/searchDropdownStyles';\nimport { useAtom } from 'jotai';\nimport { isMobileAtom, selectedLanguageAtom } from '@atoms/appSettings';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport searchBackground from '@images/search-background.svg';\nimport { CMSLink } from '@components/CMSLink';\nimport { LanguageCode } from '@models/languageCode';\n\ninterface PublicSearchDropdownProps {\n    preview?: boolean;\n    shrink?: boolean;\n}\n\ntype PopularTopicsLink = {\n    href: string;\n    title: string;\n    target?: string;\n};\n\nexport function PublicSearchDropdown({ preview, shrink }: PublicSearchDropdownProps): JSX.Element {\n    const [open, setOpen] = useState(false);\n    const dropdown = useRef<HTMLDivElement>(null);\n    useAccessiblePopout(dropdown, open, close, { focusedElementIndex: 1 });\n    const images = dropdown.current?.querySelectorAll('img[data-src]');\n    const [isMobile] = useAtom(isMobileAtom);\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const { selectedLanguageTranslation } = useTranslation();\n    const searchTranslation = useMemo(\n        () => getTranslation(selectedLanguageTranslation, 'search'),\n        [selectedLanguageTranslation]\n    );\n    const popularTopics = useMemo(\n        () => getTranslation(selectedLanguageTranslation, 'search', 'popularTopics'),\n        [selectedLanguageTranslation]\n    );\n\n    useEffect(() => {\n        if (open && images?.length) {\n            images.forEach((image) => {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                image.setAttribute('src', image.dataset.src);\n                image.removeAttribute('data-src');\n            });\n        }\n    }, [open, images]);\n\n    useEffect(() => {\n        close();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isMobile]);\n\n    function toggleSearch(): void {\n        startTransition(() => {\n            setOpen((curValue) => !curValue);\n        });\n    }\n\n    function close(): void {\n        open && setOpen(false);\n    }\n\n    return (\n        <>\n            {preview ? (\n                <IconButton css={classes.searchIcon(shrink)} id='searchButton' size='large' tabIndex={-1}>\n                    <SearchIcon aria-labelledby='searchButton' css={classes.searchIconSvg} />\n                </IconButton>\n            ) : (\n                <>\n                    <ClickAwayListener onClickAway={close}>\n                        <div ref={dropdown}>\n                            <IconButton\n                                aria-label={open ? 'Close search' : 'Open search'}\n                                onClick={toggleSearch}\n                                css={classes.searchIcon(shrink)}\n                                data-testid='publicSearchButton'\n                                id='searchButton'\n                                size='large'\n                            >\n                                <SearchIcon aria-labelledby='searchButton' css={classes.searchIconSvg} />\n                            </IconButton>\n                            <Grid\n                                container\n                                wrap='nowrap'\n                                role='dialog'\n                                css={[classes.searchContainer, open ? classes.showOpen : '']}\n                                data-testid='publicSearchDropdown'\n                                aria-labelledby='search-bar-title'\n                                aria-hidden={!open}\n                            >\n                                <img\n                                    src=''\n                                    data-src={searchBackground}\n                                    alt='A graphic of a graph'\n                                    css={classes.searchImage}\n                                />\n                                <Grid css={classes.searchBarContainer}>\n                                    <Heading variant='h2' component='p' css={classes.searchText} id='search-bar-title'>\n                                        {searchTranslation.search}\n                                    </Heading>\n                                    {open ? <PublicSearchBar /> : null}\n                                </Grid>\n                                {selectedLanguage === LanguageCode.en ? (\n                                    <Grid css={classes.popularTopicsContainer}>\n                                        <Heading variant='h4' component='p' css={classes.searchText}>\n                                            {popularTopics.title}\n                                        </Heading>\n                                        <Grid container>\n                                            {popularTopics.links.map((link: PopularTopicsLink) => (\n                                                <div css={classes.linkContainer} key={link.title}>\n                                                    <CMSLink\n                                                        href={link.href}\n                                                        css={classes.popularLink}\n                                                        type='link'\n                                                        target={link.target}\n                                                        tabIndex={open ? 0 : -1}\n                                                    >\n                                                        <Text variant='body1' color='inversePrimary'>\n                                                            {link.title}\n                                                        </Text>\n                                                    </CMSLink>\n                                                </div>\n                                            ))}\n                                        </Grid>\n                                    </Grid>\n                                ) : null}\n                                <img\n                                    src=''\n                                    data-src={searchBackground}\n                                    alt='A graphic of a graph'\n                                    css={classes.searchMobileImage}\n                                />\n                            </Grid>\n                        </div>\n                    </ClickAwayListener>\n                    <div\n                        css={[classes.background, open ? classes.showBackground : '']}\n                        data-testid='publicSearchbackground'\n                    />\n                </>\n            )}\n        </>\n    );\n}\n","import { v2Colors, getRgbaColor, breakpoints } from '@web-for-marketing/react-ui';\n\nexport const searchDropdownStyles = {\n    searchIconSvg: {\n        '& path': {\n            fill: v2Colors.core.innovation,\n        },\n    },\n    searchContainer: {\n        width: '100vw',\n        zIndex: -1,\n        transform: 'translateY(0)',\n        position: 'absolute',\n        bottom: 0,\n        right: 0,\n        opacity: 0,\n        transition: 'transform 300ms ease, z-index 300ms step-start, opacity 300ms ease',\n        padding: '0 20rem',\n        background: `linear-gradient(90deg, ${v2Colors.core.innovation} 0%, ${v2Colors.core.geotab} 100%)`,\n        '&:before': {\n            content: '\"\"',\n            width: 0,\n            height: 0,\n            borderLeft: '1.5rem solid transparent',\n            borderRight: '1.5rem solid transparent',\n            borderBottom: `1.5rem solid ${v2Colors.core.geotab}`,\n            marginTop: '-1.4rem',\n            position: 'absolute',\n            right: '4rem',\n            transform: 'scaleY(0)',\n            transition: 'transform 300ms ease 250ms',\n            transformOrigin: 'bottom',\n        },\n        '@media (max-width: 1200px)': {\n            padding: '0 8rem',\n        },\n        [`@media (max-width: ${breakpoints.md})`]: {\n            flexDirection: 'column',\n            padding: '0 3rem',\n            background: `linear-gradient(${v2Colors.core.innovation} 0%, ${v2Colors.core.geotab} 100%)`,\n            minHeight: '90vh',\n            justifyContent: 'space-between',\n            '&:before': {\n                borderBottom: `1.5rem solid ${v2Colors.core.innovation}`,\n            },\n        },\n        '@media (max-width: 374.9px)': {\n            '&:before': {\n                right: '3rem',\n            },\n        },\n    },\n    showOpen: {\n        zIndex: 900,\n        opacity: 1,\n        transform: 'translateY(100%)',\n        transition: 'transform 300ms ease, z-index 300ms step-start 300ms, opacity 300ms ease',\n        '&:before': {\n            transform: 'scaleY(1)',\n        },\n    },\n    searchBarContainer: {\n        zIndex: 2,\n        width: '60%',\n        padding: '8rem 0',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            padding: 0,\n            width: '100%',\n            margin: '4rem 0',\n        },\n    },\n    popularTopicsContainer: {\n        zIndex: 2,\n        width: '40%',\n        padding: '8rem 0',\n        paddingLeft: '6.4rem',\n        '@media (max-width: 1200px)': {\n            paddingLeft: '10rem',\n        },\n        [`@media (max-width: ${breakpoints.md})`]: {\n            padding: 0,\n            width: '100%',\n        },\n    },\n    searchText: {\n        color: v2Colors.core.snow,\n        marginBottom: '2rem',\n    },\n    linkContainer: {\n        marginBottom: '1.6rem',\n        width: '50%',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            width: '100%',\n            marginBottom: '3.2rem',\n        },\n    },\n    popularLink: {\n        textDecoration: 'none',\n        '&:hover > p': {\n            fontWeight: 700,\n        },\n    },\n    background: {\n        display: 'block',\n        transition:\n            'z-index 300ms step-start 300ms, visibility 300ms ease 300ms, opacity 300ms ease 300ms, height 0ms ease 600ms',\n        visibility: 'hidden !important' as 'hidden',\n        opacity: 0,\n        zIndex: -1,\n        height: 0,\n        width: '100%',\n        backgroundColor: getRgbaColor(v2Colors.core.deepSpace, 0.7),\n        position: 'absolute',\n        top: '100%',\n        left: 0,\n        [`@media (max-width: ${breakpoints.md})`]: {\n            display: 'none !important',\n        },\n    },\n    showBackground: {\n        zIndex: 800,\n        opacity: 1,\n        visibility: 'visible !important' as 'visible',\n        transition: 'z-index 300ms step-end 300ms, visibility 300ms ease 300ms, opacity 300ms ease 300ms',\n        height: '100vh',\n    },\n    searchIcon: (shrink?: boolean) =>\n        ({\n            padding: '1rem',\n            '& svg': {\n                height: shrink ? '1.2rem' : '1.6rem',\n                width: shrink ? '1.2rem' : '1.6rem',\n                [`@media (max-width: ${breakpoints.md})`]: {\n                    height: '2.3rem',\n                    width: '2.3rem',\n                },\n            },\n        }) as const,\n    searchImage: {\n        display: 'block',\n        position: 'absolute',\n        bottom: 0,\n        [`@media (max-width: ${breakpoints.md})`]: {\n            display: 'none',\n        },\n    },\n    searchMobileImage: {\n        display: 'none',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            display: 'block',\n            width: '100%',\n        },\n    },\n} as const;\n"],"names":["GeotabWithR","props","_jsx","xmlns","viewBox","width","height","children","_jsxs","className","fill","v2Colors","core","geotab","d","points","PublicSearchDropdown","preview","shrink","open","setOpen","useState","dropdown","useRef","useAccessiblePopout","close","focusedElementIndex","images","current","querySelectorAll","isMobile","useAtom","isMobileAtom","selectedLanguage","selectedLanguageAtom","selectedLanguageTranslation","useTranslation","searchTranslation","useMemo","getTranslation","popularTopics","useEffect","length","forEach","image","setAttribute","dataset","src","removeAttribute","_Fragment","IconButton","css","classes","searchIcon","id","size","tabIndex","SearchIcon","searchIconSvg","ClickAwayListener","onClickAway","ref","onClick","startTransition","curValue","Grid","container","wrap","role","searchContainer","showOpen","searchBackground","alt","searchImage","searchBarContainer","Heading","variant","component","searchText","search","PublicSearchBar","LanguageCode","en","popularTopicsContainer","title","links","map","link","linkContainer","CMSLink","href","popularLink","type","target","Text","color","searchMobileImage","background","showBackground","searchDropdownStyles","innovation","zIndex","transform","position","bottom","right","opacity","transition","padding","content","borderLeft","borderRight","borderBottom","marginTop","transformOrigin","breakpoints","md","flexDirection","minHeight","justifyContent","margin","paddingLeft","snow","marginBottom","textDecoration","fontWeight","display","visibility","backgroundColor","getRgbaColor","deepSpace","top","left"],"sourceRoot":""}