{"version":3,"sources":["components/shared/typography/index.tsx","components/shared/block/index.tsx","contexts/themeMode.tsx","colors.ts","assets/images/bus-team.webp","assets/images/bus-team.jp2","assets/images/bus-team.png","assets/images/cariad-team.webp","assets/images/volvo-team.webp","assets/images/volvo-team.jp2","assets/images/volvo-team.png","assets/images/cariad-team.jp2","assets/images/cariad-team.png","assets/images/big-data-team.webp","assets/images/big-data-team.jp2","assets/images/big-data-team.png","assets/images/polestar-team.webp","assets/images/polestar-team.jp2","assets/images/polestar-team.png","assets/images/team/oskarJ.webp","assets/images/team/adi.webp","assets/images/team/adi.jp2","assets/images/team/adi.jpg","assets/images/team/anders.webp","assets/images/team/anders.jp2","assets/images/team/anders.jpg","assets/images/team/anna.webp","assets/images/team/anna.jp2","assets/images/team/anna.jpg","assets/images/team/daniel_a.webp","assets/images/team/daniel_a.jp2","assets/images/team/daniel_a.jpg","assets/images/team/daniel.webp","assets/images/team/daniel.jp2","assets/images/team/daniel.jpg","assets/images/team/david.webp","assets/images/team/david.jp2","assets/images/team/david.jpg","assets/images/team/eric.webp","assets/images/team/eric.jp2","assets/images/team/eric.jpg","assets/images/team/oscarA.webp","assets/images/team/oscarA.jp2","assets/images/team/oscarA.jpg","assets/images/team/jesper.webp","assets/images/team/jesper.jp2","assets/images/team/jesper.jpg","assets/images/team/jesper_g.webp","assets/images/team/jesper_g.jp2","assets/images/team/jesper_g.jpg","assets/images/team/johan.webp","assets/images/team/johan.jp2","assets/images/team/johan.jpg","assets/images/team/kristoffer.webp","assets/images/team/kristoffer.jp2","assets/images/team/kristoffer.jpg","assets/images/team/kristoffera.webp","assets/images/team/kristoffera.jp2","assets/images/team/kristoffera.jpg","assets/images/team/ludde.webp","assets/images/team/ludde.jp2","assets/images/team/ludde.jpg","assets/images/team/martin.webp","assets/images/team/martin.jp2","assets/images/team/martin.jpg","assets/images/team/niklas.webp","assets/images/team/niklas.jp2","assets/images/team/niklas.jpg","assets/images/team/oskarJ.jp2","assets/images/team/oskarJ.jpg","assets/images/team/sarahf.webp","assets/images/team/patrik.webp","assets/images/team/patrik.jp2","assets/images/team/patrik.jpg","assets/images/team/richard.webp","assets/images/team/richard.jp2","assets/images/team/richard.jpg","assets/images/team/samuel.webp","assets/images/team/samuel.jp2","assets/images/team/samuel.jpg","assets/images/team/sarahf.jp2","assets/images/team/sarahf.jpg","assets/images/bob.webp","assets/images/team/tim.webp","assets/images/team/tim.jp2","assets/images/team/tim.jpg","assets/images/team/tan.webp","assets/images/team/tan.jp2","assets/images/team/tan.jpg","assets/images/bob.jp2","assets/images/bob.jpg","assets/images/laptop-magazin.webp","assets/images/case-2.webp","assets/images/case-2.jp2","assets/images/case-2.jpg","assets/images/case-dark.webp","assets/images/case-dark.jp2","assets/images/case-dark.jpg","assets/images/jesper-500.webp","assets/images/jesper-500.jp2","assets/images/jesper-500.jpg","assets/images/jesper-500-dark.webp","assets/images/jesper-500-dark.jp2","assets/images/jesper-500-dark.jpg","assets/images/beach.jpg","assets/images/beach.jp2","assets/images/beach.webp","assets/images/crew-dark.webp","assets/images/crew-dark.jp2","assets/images/crew-dark.jpg","assets/images/case-3.webp","assets/images/case-3.jp2","assets/images/case-3.jpg","assets/images/laptop-magazin.jp2","assets/images/laptop-magazin.jpg","assets/images/pattern-bw-corner.webp","assets/images/pattern-bw-corner.jp2","assets/images/pattern-bw-corner.png","assets/images/hero-bg.webp","assets/images/pattern-teal.jp2","assets/images/hero-bg.png","assets/images/pattern-dark.webp","assets/images/pattern-dark.jp2","assets/images/pattern-dark.png","assets/images/view.webp","assets/images/view.jp2","assets/images/view.jpg","assets/images/change.webp","assets/images/job.webp","assets/images/job.jp2","assets/images/job.jpg","assets/images/gasell.webp","assets/images/gasell.jp2","assets/images/gasell.png","assets/images/gasell2.webp","assets/images/gasell2.jp2","assets/images/gasell2.png","assets/images/change.jp2","assets/images/change.jpg","assets/images/calf.webp","assets/images/calf.jp2","assets/images/calf.jpg","assets/images/solar.webp","assets/images/solar.jp2","assets/images/solar.jpg","assets/images/grupp-bild.webp","assets/images/grupp-bild.jp2","assets/images/grupp-bild.jpg","components/images/index.ts","components/climate/index.tsx","components/shared/scrollToTop.tsx","assets/images/logo-black.svg","assets/images/logo-white.svg","theme.ts","components/shared/footer.tsx","components/jobs/slider.tsx","components/jobs/calculator.tsx","components/jobs/calculationResult.tsx","components/home/index.tsx","App.tsx","serviceWorker.ts","assets/fonts/Oswald-Light.ttf","assets/fonts/Oswald-Medium.ttf","assets/fonts/TitilliumWeb-Bold.ttf","assets/fonts/TitilliumWeb-Light.ttf","index.tsx","services/calculator/index.ts","contexts/browserCompability.tsx"],"names":["HeaderLevel1","props","css","textAlignment","marginBottom","color","Colors","black","underline","width","HeaderLevel2","fontSize","textAlign","margin","fontFamily","display","justifyContent","overflow","textOverflow","HeaderLevel3","darkTeal","textShadow","Header","variant","children","Body","opacity","Caption","textTransform","FullHeightBlock","minHeight","backgroundColor","backgroundImage","backgroundSize","backgroundRepeat","backgroundPositionX","backgroundPositionY","alignItems","PictureBlock","backgroundsize","backgroundPosition","boxSizing","ResponsivePictureBlock","flexGrow","flexBasis","padding","flex","maxWidth","height","ColoredBox","Box","Block","flexWrap","flexDirection","ResponsiveBlock","WideBlock","Container","alignSelf","marginLeft","marginRight","undefined","ThemeModeContext","createContext","darkMode","ThemeModeProvider","themeMode","Provider","value","useDarkMode","useContext","white","softTeal","cleanGrey","orange","veryDarkTeal","darkGrey","GroupImage","useBrowserCompability","imageFormat","GroupWebP","GroupJp2","GroupDefault","BigDataImage","BigDataWebP","BigDataJp2","BigDataDefault","CariadImage","CariadWebP","CariadJp2","CariadDefault","VolvoBussImage","BussWebP","BussJp2","BussDefault","PolestarImage","polestarWebP","polestarJp2","polestarDefault","AvatarOskarJImage","AvatarOskarJWebP","AvatarOskarJJp2","AvatarOskarJDefault","AvatarSarahFImage","AvatarSarahFWebP","AvatarSarahFJp2","AvatarSarahFDefault","BobImage","BobWebP","BobJp2","BobDefault","LaptopImage","LaptopWebP","LaptopJp2","LaptopDefault","PatternTealImage","PatternTealWebP","PatternTealJp2","PatternTealDefault","PatternDarkImage","PatternDarkWebP","PatternDarkJp2","PatternDarkDefault","PatternBwCornerImage","PatternBwCornerWebP","PatternBwCornerJp2","PatternBwCornerDefault","ViewImage","ViewWebP","ViewJp2","ViewDefault","ClimateImage1","Climate1WebP","Climate1Jp2","Climate1Default","ClimateImage2","Climate2WebP","Climate2Jp2","Climate2Default","ClimateImage3","Climate3WebP","Climate3Jp2","Climate3Default","ClimateView","id","paddingTop","paddingRight","paddingBottom","ScrollToTop","history","useHistory","useEffect","unlisten","listen","window","scrollTo","theme","createMuiTheme","palette","background","default","primary","main","secondary","overrides","MuiDrawer","paper","MuiAppBar","colorDefault","MuiToolbar","root","MuiButton","contained","transition","MuiBackdrop","MuiIcon","colorPrimary","MuiLink","button","MuiIconButton","colorInherit","FooterWrapper","FooterContainer","IconContainer","FooterColumn","FooterLink","Link","FooterHashLink","HashLink","FooterExternalLink","FooterIconButton","IconButton","Footer","Hidden","smDown","to","href","rel","target","aria-label","Slider","withStyles","thumb","border","marginTop","boxShadow","active","valueLabel","left","top","track","borderRadius","rail","MaterialSlider","DarkSlider","valuetext","Calculator","onChange","useState","maxSalary","setMaxSalary","salary","setSalary","rate","setRate","debouncedChange","useRef","_","debounce","maxWait","handleRateChange","e","max","Math","ceil","min","handleSalaryChange","current","defaultValue","getAriaValueText","aria-labelledby","valueLabelDisplay","step","FlexPie","PieChart","CalculationResult","values","alignContent","CircularProgress","data","name","grossSalary","socialFees","vacationFund","buffer","formatCurrency","dataKey","reverse","startAngle","cx","cy","innerRadius","outerRadius","blendStroke","map","entry","key","fill","HeroBox","HeroHeader","HeroText","fontweight","HeroLinks","ButtonLink","ButtonLinkExternal","FullHeightImage","HomeView","calculation","setCalculation","getSalary","then","AboutView","loadable","CaseView","JobsView","AppWrapper","Navigation","Toolbar","Logo","logo","NavBox","darkLogo","linkBase","navLinkStyle","sideLinkStyle","NavLink","SideLink","NavHashLink","SideHashLink","SideHashLinkExternal","ExternalLink","Links","direction","onNavigate","handleNavigate","onClick","App","menuOpen","setMenuOpen","handleClickAway","ThemeProvider","ClickAwayListener","onClickAway","AppBar","position","mdUp","Drawer","open","exact","path","component","Boolean","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","getRegistrations","registrations","length","unregister","roundedValue","round","toString","replace","abortController","AbortController","a","abort","url","fetch","signal","response","ok","json","result","CompabilityContext","CompabilityProvider","imageSupport","setImageSupport","webPSupportChecked","setWebPSupportChecked","jp2SupportChecked","setjp2SupportChecked","Promise","res","webP","Image","src","onload","onerror","JP2","compability"],"mappings":"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","file":"static/js/main.661c28cf.chunk.js","sourcesContent":["import React, { ReactNode } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"@emotion/core\"\nimport { Colors, IColors } from \"colors\";\n\nexport interface HeaderProps {\n  id?: string;\n  color?: keyof IColors;\n  textShadow?: string;\n  underline?: UnderlineProps;\n  marginBottom?: number;\n  textAlignment?: AlignSetting;\n  display?:string;\n  flexDirection?:string;\n  justifyContent?:string;\n}\n\nexport interface UnderlineProps {\n  width: string | number;\n  color: keyof IColors;\n}\n\n\nconst HeaderLevel1 = styled.h1<HeaderProps>((props: HeaderProps) => css`\nfont-size: 48px;\n\n  text-align: ${props.textAlignment || \"center\"};\n  margin: 0;\n  margin-bottom: ${props.marginBottom || 0}px;\n  font-family: Oswald Medium;\n  color: ${props.color ? Colors[props.color] : Colors.black};\n\n  line-height: 38pt;\n  &:after ${props.underline ? css`{\n    content: \"\";\n    position: absolute;\n    display: block;\n    width: ${props.underline.width}px;    \n    margin-top: 1rem;\n    border-bottom: 8px solid ${Colors[props.underline.color]};\n  }` : null};  \n  @media (max-width: 960px) {\n    font-size: 28pt;\n  }\n  @media (max-width: 320px) {\n    &:after {\n      max-width: 240px;\n    } \n  }\n`);\n\nconst HeaderLevel2 = styled.h2<HeaderProps>((props: HeaderProps) => ({\n  fontSize: \"42px\",\n  textAlign: props.textAlignment || \"center\",\n  margin: 0,\n  marginBottom: `${props.marginBottom || 0}px`,\n  fontFamily: \"Oswald Light\",\n  color: props.color ? Colors[props.color] : Colors.black,\n  display: props.display || \"flex\",\n  justifyContent: props.justifyContent || \"left\",\n // flexDirection: props.flexDirection || \"column\",\n\n\n  \n\n\n   \n  \"@media (max-width: 960px)\": {\n    fontSize: \"18pt\"\n  },\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\"\n}));\n\nconst HeaderLevel3 = styled.h3<HeaderProps>((props: HeaderProps) => ({\n  fontSize: \"14pt\",\n  textAlignment:`${props.textAlignment || \"center\"}`, \n  marginBottom: `${props.marginBottom || 0}px`,\n  margin: 0,\n  fontFamily: \"Titillium Web Bold\",\n  color: props.color ? Colors[props.color] : Colors.darkTeal,\n  textShadow: props.textShadow || \"none\",\n  \"@media (max-width: 960px)\": {\n    fontSize: \"12pt\"\n  },\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\"\n}));\n\nexport const Header = ({\n  variant = \"h1\",\n  children,\n  ...props\n}: HeaderProps & { variant: \"h1\" | \"h2\" | \"h3\"; children?: ReactNode }) => {\n  switch (variant) {\n    case \"h1\":\n      return <HeaderLevel1 {...props}>{children}</HeaderLevel1>;\n    case \"h2\":\n      return <HeaderLevel2 {...props}>{children}</HeaderLevel2>;\n    case \"h3\":\n      return <HeaderLevel3 {...props}>{children}</HeaderLevel3>;\n  }\n};\n\nexport const Body = styled.span<HeaderProps>((props: HeaderProps) => ({\n  fontSize: \"14pt\",\n  fontFamily: \"Titillium Web Light\",\n  color: props.color ? Colors[props.color] : Colors.black,\n  textShadow: props.textShadow || \"none\",\n  opacity: 0.9\n}));\n\nexport const Caption = styled.span<HeaderProps>((props: HeaderProps) => ({\n  fontSize: \"14pt\",\n  fontFamily: \"Titillium Web Light\",\n  color: props.color ? Colors[props.color] : Colors.black,\n  opacity: 0.9,\n  textTransform: \"uppercase\"\n}));\n","import { ReactNode } from 'react';\nimport styled from '@emotion/styled';\nimport { IColors, Colors } from 'colors';\nimport { css } from '@emotion/core';\nimport { Box } from '@material-ui/core';\n\nexport interface BlockProps {\n  backgroundColor?: keyof IColors;\n  backgroundImage?: string;\n  backgroundPositionX?: string;\n  backgroundPositionY?: string;\n  children?: ReactNode;\n  minHeight?: string;\n  backgroundsize?: string;\n  padding?: string | number;\n}\n\ninterface ColoredBoxProps {\n  color: string;\n  display?: string;\n  flexDirection?: string;\n}\n\ninterface IPictureBlockProps extends BlockProps {\n  minHeight?: string;\n  minWidth?: string;\n  height?: string;\n  width?: string;\n}\n\nexport const FullHeightBlock = styled.div<BlockProps>((props: BlockProps) => ({\n  minHeight: '100vh',\n  backgroundColor: props.backgroundColor\n    ? Colors[props.backgroundColor]\n    : 'inherit',\n  backgroundImage: props.backgroundImage\n    ? `url(${props.backgroundImage})`\n    : 'none',\n  backgroundSize: 'cover',\n  backgroundRepeat: 'no-repeat',\n  backgroundPositionX: props.backgroundImage\n    ? `${props.backgroundPositionX}`\n    : 'center',\n  backgroundPositionY: props.backgroundImage\n    ? `${props.backgroundPositionX}`\n    : 'center',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n}));\n\nexport const PictureBlock = styled.div<IPictureBlockProps>(\n  (props: IPictureBlockProps) => ({\n    backgroundColor: props.backgroundColor || 'inherit',\n    backgroundImage: `url(${props.backgroundImage})`,\n    backgroundSize: `${props.backgroundsize || 'cover'}`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxSizing: 'border-box',\n  })\n);\n\nexport const ResponsivePictureBlock = styled(PictureBlock)(\n  (props: BlockProps) => ({\n    flexGrow: 1,\n    flexBasis: 0,\n    minHeight: '50vh',\n    padding: '40px',\n    flex: 1,\n    boxSizing: 'border-box',\n    '@media (max-width: 960px)': {\n      width: '100vw',\n      maxWidth: '100vw',\n      minHeight: '400px',\n      backgroundSize: 'cover',\n      height: '100%',\n      overflow: 'hidden',\n    },\n  })\n);\n\nexport const ColoredBox = styled(Box)<ColoredBoxProps>(\n  (props: ColoredBoxProps) => css`\n    background-color: ${props.color};\n    box-sizing: border-box;\n    min-height: 50vh;\n    display: flex;\n    flex-direction: column;\n    flex-basis: 0;\n    flex-grow: 1;\n    flex: 1;\n    padding: 40px;\n    @media (max-width: 960px) {\n      width: 100vw;\n    }\n  `\n);\n\nexport const Block = styled.div<BlockProps>((props: BlockProps) => ({\n  minHeight: props.minHeight || '50vh',\n  backgroundColor: props.backgroundColor\n    ? Colors[props.backgroundColor]\n    : 'inherit',\n  backgroundImage: props.backgroundImage\n    ? `url(${props.backgroundImage})`\n    : 'none',\n  backgroundSize: 'cover',\n  backgroundRepeat: 'no-repeat',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  '@media (max-width: 960px)': {\n    padding: '0 20px',\n    flexWrap: 'wrap',\n    flexDirection: 'column',\n  },\n}));\n\nexport const ResponsiveBlock = styled(Box)<BlockProps>(\n  (props: BlockProps) => css`\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-content: center;\n    min-height: ${props.minHeight ? props.minHeight : ''};\n    @media (max-width: 960px) {\n      flex-wrap: wrap;\n      flex-direction: column;\n    }\n    @media (max-width: 360px) {\n      min-height: 100vh;\n    }\n  `\n);\n\nexport const WideBlock = styled(Block)({\n  '@media (max-width: 960px)': {\n    flexWrap: 'wrap',\n    flexDirection: 'column',\n    padding: 0,\n    justifyContent: 'stretch',\n    flexBasis: 0,\n    flexGrow: 1,\n    display: 'flex',\n    flex: '1',\n  },\n});\n\nexport const NarrowBlock = styled(Block)({\n  '@media (max-width: 380px)': {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n});\n\nexport const Container = styled.div<BlockProps>((props: BlockProps) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  alignItems: 'center',\n  alignSelf: 'center',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  padding: props.padding === undefined ? 20 : props.padding,\n  flexGrow: 1,\n  maxWidth: '1200px',\n  boxSizing: 'border-box',\n  backgroundColor: props.backgroundColor || 'inherit',\n  backgroundImage: props.backgroundImage\n    ? `url(${props.backgroundImage})`\n    : 'none',\n  backgroundSize: 'cover',\n  backgroundRepeat: 'no-repeat',\n  '@media (max-width: 960px)': {\n    padding: props.padding === undefined ? 20 : props.padding,\n  },\n}));\n","import React, { useContext, createContext } from \"react\";\n\ninterface ThemeModeInterface {\n  darkMode: boolean;\n}\n\nexport const isDarkMode = () => {\n  return false; // dont allow darkmode yet\n  const mode =\n    window.matchMedia &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n  return mode;\n};\n\nconst ThemeModeContext = createContext<ThemeModeInterface>({\n  darkMode: false\n});\n\nconst ThemeModeProvider = (props: any) => {\n  const mode = isDarkMode();\n  const themeMode = {\n    darkMode: mode\n  };\n\n  return <ThemeModeContext.Provider value={themeMode} {...props} />;\n};\n\nexport default ThemeModeProvider;\n\nexport const useDarkMode = () => {\n  const ctx = useContext(ThemeModeContext);\n  return ctx.darkMode;\n};\n","export interface IColors {\n  white: string;\n  black: string;\n  darkTeal: string;\n  softTeal: string;\n  cleanGrey: string;\n  orange: string;\n  veryDarkTeal: string;\n  darkGrey: string;\n}\n\nexport const Colors: IColors = {\n  white: \"#FFFFFF\",\n  black: \"#000000\",\n  darkTeal: \"#58988E\",\n  softTeal: \"#79B6AA\",\n  cleanGrey: \"#F1F1F2\",\n  orange: \"orange\",\n  veryDarkTeal: \"#13201e\",\n  darkGrey: \"#101010\"\n};\n","export default __webpack_public_path__ + \"static/media/bus-team.a54740fd.webp\";","export default __webpack_public_path__ + \"static/media/bus-team.e186e66c.jp2\";","export default __webpack_public_path__ + \"static/media/bus-team.05619978.png\";","export default __webpack_public_path__ + \"static/media/cariad-team.437b24ae.webp\";","export default __webpack_public_path__ + \"static/media/volvo-team.422eba6d.webp\";","export default __webpack_public_path__ + \"static/media/volvo-team.d5b60a76.jp2\";","export default __webpack_public_path__ + \"static/media/volvo-team.aa01dff7.png\";","export default __webpack_public_path__ + \"static/media/cariad-team.9d45e466.jp2\";","export default __webpack_public_path__ + \"static/media/cariad-team.5e0849a2.png\";","export default __webpack_public_path__ + \"static/media/big-data-team.8877aa00.webp\";","export default __webpack_public_path__ + \"static/media/big-data-team.24fe3c4d.jp2\";","export default __webpack_public_path__ + \"static/media/big-data-team.eb3330f7.png\";","export default __webpack_public_path__ + \"static/media/polestar-team.cc744632.webp\";","export default __webpack_public_path__ + \"static/media/polestar-team.df26247a.jp2\";","export default __webpack_public_path__ + \"static/media/polestar-team.2fb54e00.png\";","export default __webpack_public_path__ + \"static/media/oskarJ.6c89eead.webp\";","export default __webpack_public_path__ + \"static/media/adi.fbc21056.webp\";","export default __webpack_public_path__ + \"static/media/adi.347b6705.jp2\";","export default __webpack_public_path__ + \"static/media/adi.b7585a17.jpg\";","export default __webpack_public_path__ + \"static/media/anders.224ced28.webp\";","export default __webpack_public_path__ + \"static/media/anders.9949b7a6.jp2\";","export default __webpack_public_path__ + \"static/media/anders.2e93daa1.jpg\";","export default __webpack_public_path__ + \"static/media/anna.b05a3bce.webp\";","export default __webpack_public_path__ + \"static/media/anna.7ac47d4a.jp2\";","export default __webpack_public_path__ + \"static/media/anna.3141f19c.jpg\";","export default __webpack_public_path__ + \"static/media/daniel_a.5d19e0e5.webp\";","export default __webpack_public_path__ + \"static/media/daniel_a.a270b3c6.jp2\";","export default __webpack_public_path__ + \"static/media/daniel_a.28714ffd.jpg\";","export default __webpack_public_path__ + \"static/media/daniel.e361a37e.webp\";","export default __webpack_public_path__ + \"static/media/daniel.9ff5d392.jp2\";","export default __webpack_public_path__ + \"static/media/daniel.44785493.jpg\";","export default __webpack_public_path__ + \"static/media/david.25f3d96d.webp\";","export default __webpack_public_path__ + \"static/media/david.1bad3c5f.jp2\";","export default __webpack_public_path__ + \"static/media/david.6e49f036.jpg\";","export default __webpack_public_path__ + \"static/media/eric.3761a494.webp\";","export default __webpack_public_path__ + \"static/media/eric.ecd9ae5e.jp2\";","export default __webpack_public_path__ + \"static/media/eric.759847a0.jpg\";","export default __webpack_public_path__ + \"static/media/oscarA.f75777f2.webp\";","export default __webpack_public_path__ + \"static/media/oscarA.b01d3d87.jp2\";","export default __webpack_public_path__ + \"static/media/oscarA.a5432e1b.jpg\";","export default __webpack_public_path__ + \"static/media/jesper.51c33c54.webp\";","export default __webpack_public_path__ + \"static/media/jesper.c56f796c.jp2\";","export default __webpack_public_path__ + \"static/media/jesper.4f8fbd03.jpg\";","export default __webpack_public_path__ + \"static/media/jesper_g.acbba731.webp\";","export default __webpack_public_path__ + \"static/media/jesper_g.99013d1f.jp2\";","export default __webpack_public_path__ + \"static/media/jesper_g.a230d1be.jpg\";","export default __webpack_public_path__ + \"static/media/johan.fd726054.webp\";","export default __webpack_public_path__ + \"static/media/johan.897987df.jp2\";","export default __webpack_public_path__ + \"static/media/johan.896cfa3f.jpg\";","export default __webpack_public_path__ + \"static/media/kristoffer.41e4f18c.webp\";","export default __webpack_public_path__ + \"static/media/kristoffer.e89b34ef.jp2\";","export default __webpack_public_path__ + \"static/media/kristoffer.549d1274.jpg\";","export default __webpack_public_path__ + \"static/media/kristoffera.0933588f.webp\";","export default __webpack_public_path__ + \"static/media/kristoffera.65395e20.jp2\";","export default __webpack_public_path__ + \"static/media/kristoffera.1e239993.jpg\";","export default __webpack_public_path__ + \"static/media/ludde.3bd28f23.webp\";","export default __webpack_public_path__ + \"static/media/ludde.a7c5c612.jp2\";","export default __webpack_public_path__ + \"static/media/ludde.f7aeefcf.jpg\";","export default __webpack_public_path__ + \"static/media/martin.a54c9f35.webp\";","export default __webpack_public_path__ + \"static/media/martin.34941feb.jp2\";","export default __webpack_public_path__ + \"static/media/martin.257204ff.jpg\";","export default __webpack_public_path__ + \"static/media/niklas.6e76cb24.webp\";","export default __webpack_public_path__ + \"static/media/niklas.28278e8d.jp2\";","export default __webpack_public_path__ + \"static/media/niklas.7efee99f.jpg\";","export default __webpack_public_path__ + \"static/media/oskarJ.bd2b57ac.jp2\";","export default __webpack_public_path__ + \"static/media/oskarJ.4498b5e8.jpg\";","export default __webpack_public_path__ + \"static/media/sarahf.0b97f21b.webp\";","export default __webpack_public_path__ + \"static/media/patrik.08344530.webp\";","export default __webpack_public_path__ + \"static/media/patrik.06a01c51.jp2\";","export default __webpack_public_path__ + \"static/media/patrik.700ea42c.jpg\";","export default __webpack_public_path__ + \"static/media/richard.485aa88b.webp\";","export default __webpack_public_path__ + \"static/media/richard.18e548a4.jp2\";","export default __webpack_public_path__ + \"static/media/richard.968eba36.jpg\";","export default __webpack_public_path__ + \"static/media/samuel.16cb6cb6.webp\";","export default __webpack_public_path__ + \"static/media/samuel.ff0d8e1f.jp2\";","export default __webpack_public_path__ + \"static/media/samuel.36253e3d.jpg\";","export default __webpack_public_path__ + \"static/media/sarahf.f8a14752.jp2\";","export default __webpack_public_path__ + \"static/media/sarahf.86a5ce22.jpg\";","export default __webpack_public_path__ + \"static/media/bob.963dca8e.webp\";","export default __webpack_public_path__ + \"static/media/tim.f65ad618.webp\";","export default __webpack_public_path__ + \"static/media/tim.6f3de3a2.jp2\";","export default __webpack_public_path__ + \"static/media/tim.44123c6e.jpg\";","export default __webpack_public_path__ + \"static/media/tan.0bd899e3.webp\";","export default __webpack_public_path__ + \"static/media/tan.ad423eff.jp2\";","export default __webpack_public_path__ + \"static/media/tan.fb88b814.jpg\";","export default __webpack_public_path__ + \"static/media/bob.cfbba327.jp2\";","export default __webpack_public_path__ + \"static/media/bob.99852c47.jpg\";","export default __webpack_public_path__ + \"static/media/laptop-magazin.3c0e9dcc.webp\";","export default __webpack_public_path__ + \"static/media/case-2.e0265e12.webp\";","export default __webpack_public_path__ + \"static/media/case-2.dc233025.jp2\";","export default __webpack_public_path__ + \"static/media/case-2.e52f670b.jpg\";","export default __webpack_public_path__ + \"static/media/case-dark.39772d61.webp\";","export default __webpack_public_path__ + \"static/media/case-dark.c2715ac1.jp2\";","export default __webpack_public_path__ + \"static/media/case-dark.1214d18e.jpg\";","export default __webpack_public_path__ + \"static/media/jesper-500.f7e5f2a0.webp\";","export default __webpack_public_path__ + \"static/media/jesper-500.1cbabd72.jp2\";","export default __webpack_public_path__ + \"static/media/jesper-500.3c8a3247.jpg\";","export default __webpack_public_path__ + \"static/media/jesper-500-dark.ced067fa.webp\";","export default __webpack_public_path__ + \"static/media/jesper-500-dark.301e31f7.jp2\";","export default __webpack_public_path__ + \"static/media/jesper-500-dark.da3bf21c.jpg\";","export default __webpack_public_path__ + \"static/media/beach.0f217d49.jpg\";","export default __webpack_public_path__ + \"static/media/beach.c765a951.jp2\";","export default __webpack_public_path__ + \"static/media/beach.5c1f330f.webp\";","export default __webpack_public_path__ + \"static/media/crew-dark.b1f7a473.webp\";","export default __webpack_public_path__ + \"static/media/crew-dark.04fd2b2b.jp2\";","export default __webpack_public_path__ + \"static/media/crew-dark.2b452c96.jpg\";","export default __webpack_public_path__ + \"static/media/case-3.b99a00d9.webp\";","export default __webpack_public_path__ + \"static/media/case-3.a8d8bae1.jp2\";","export default __webpack_public_path__ + \"static/media/case-3.d6f1200a.jpg\";","export default __webpack_public_path__ + \"static/media/laptop-magazin.372d3b84.jp2\";","export default __webpack_public_path__ + \"static/media/laptop-magazin.3aea4f12.jpg\";","export default __webpack_public_path__ + \"static/media/pattern-bw-corner.b3b956e6.webp\";","export default __webpack_public_path__ + \"static/media/pattern-bw-corner.d87c007a.jp2\";","export default __webpack_public_path__ + \"static/media/pattern-bw-corner.b6b6d986.png\";","export default __webpack_public_path__ + \"static/media/hero-bg.d72e6b92.webp\";","export default __webpack_public_path__ + \"static/media/pattern-teal.071848e1.jp2\";","export default __webpack_public_path__ + \"static/media/hero-bg.32f0ee77.png\";","export default __webpack_public_path__ + \"static/media/pattern-dark.c8a42e2f.webp\";","export default __webpack_public_path__ + \"static/media/pattern-dark.d9300523.jp2\";","export default __webpack_public_path__ + \"static/media/pattern-dark.d63db807.png\";","export default __webpack_public_path__ + \"static/media/view.1d3286e8.webp\";","export default __webpack_public_path__ + \"static/media/view.6fcc5af3.jp2\";","export default __webpack_public_path__ + \"static/media/view.3795b186.jpg\";","export default __webpack_public_path__ + \"static/media/change.b45be705.webp\";","export default __webpack_public_path__ + \"static/media/job.bb682c8b.webp\";","export default __webpack_public_path__ + \"static/media/job.e0c48a0a.jp2\";","export default __webpack_public_path__ + \"static/media/job.51113272.jpg\";","export default __webpack_public_path__ + \"static/media/gasell.d09af779.webp\";","export default __webpack_public_path__ + \"static/media/gasell.af94d5de.jp2\";","export default __webpack_public_path__ + \"static/media/gasell.e860190b.png\";","export default __webpack_public_path__ + \"static/media/gasell2.55cb0b82.webp\";","export default __webpack_public_path__ + \"static/media/gasell2.5878ffb6.jp2\";","export default __webpack_public_path__ + \"static/media/gasell2.d7f694a3.png\";","export default __webpack_public_path__ + \"static/media/change.d58cb9fe.jp2\";","export default __webpack_public_path__ + \"static/media/change.15bb6c67.jpg\";","export default __webpack_public_path__ + \"static/media/calf.c88a9fd6.webp\";","export default __webpack_public_path__ + \"static/media/calf.54dcfd17.jp2\";","export default __webpack_public_path__ + \"static/media/calf.155e1db5.jpg\";","export default __webpack_public_path__ + \"static/media/solar.1e6b38af.webp\";","export default __webpack_public_path__ + \"static/media/solar.4eea7251.jp2\";","export default __webpack_public_path__ + \"static/media/solar.5828404e.jpg\";","export default __webpack_public_path__ + \"static/media/grupp-bild.ca05a58a.webp\";","export default __webpack_public_path__ + \"static/media/grupp-bild.9e3dfd59.jp2\";","export default __webpack_public_path__ + \"static/media/grupp-bild.b9fb962a.jpg\";","import { useBrowserCompability } from \"contexts/browserCompability\";\n\nimport BussWebP from \"assets/images/bus-team.webp\";\nimport BussJp2 from \"assets/images/bus-team.jp2\";\nimport BussDefault from \"assets/images/bus-team.png\";\n\nimport VolvoWebP from \"assets/images/volvo-team.webp\";\nimport VolvoJp2 from \"assets/images/volvo-team.jp2\";\nimport VolvoDefault from \"assets/images/volvo-team.png\";\n\nimport CariadWebP from \"assets/images/cariad-team.webp\";\nimport CariadJp2 from \"assets/images/cariad-team.jp2\";\nimport CariadDefault from \"assets/images/cariad-team.png\";\n\nimport BigDataWebP from \"assets/images/big-data-team.webp\";\nimport BigDataJp2 from \"assets/images/big-data-team.jp2\";\nimport BigDataDefault from \"assets/images/big-data-team.png\";\n\nimport polestarWebP from \"assets/images/polestar-team.webp\";\nimport polestarJp2 from \"assets/images/polestar-team.jp2\";\nimport polestarDefault from \"assets/images/polestar-team.png\";\n\nimport AvatarAdiWebP from \"assets/images/team/adi.webp\";\nimport AvatarAdiJp2 from \"assets/images/team/adi.jp2\";\nimport AvatarAdiDefault from \"assets/images/team/adi.jpg\";\n\nimport AvatarAndersWebP from \"assets/images/team/anders.webp\";\nimport AvatarAndersJp2 from \"assets/images/team/anders.jp2\";\nimport AvatarAndersDefault from \"assets/images/team/anders.jpg\";\n\nimport AvatarAnnaWebP from \"assets/images/team/anna.webp\";\nimport AvatarAnnaJp2 from \"assets/images/team/anna.jp2\";\nimport AvatarAnnaDefault from \"assets/images/team/anna.jpg\";\n\nimport AvatarDanielAWebP from \"assets/images/team/daniel_a.webp\";\nimport AvatarDanielAJp2 from \"assets/images/team/daniel_a.jp2\";\nimport AvatarDanielADefault from \"assets/images/team/daniel_a.jpg\";\n\nimport AvatarDanielKWebP from \"assets/images/team/daniel.webp\";\nimport AvatarDanielKJp2 from \"assets/images/team/daniel.jp2\";\nimport AvatarDanielKDefault from \"assets/images/team/daniel.jpg\";\n\nimport AvatarDavidWebP from \"assets/images/team/david.webp\";\nimport AvatarDavidJp2 from \"assets/images/team/david.jp2\";\nimport AvatarDavidDefault from \"assets/images/team/david.jpg\";\n\nimport AvatarEricWebP from \"assets/images/team/eric.webp\";\nimport AvatarEricJp2 from \"assets/images/team/eric.jp2\";\nimport AvatarEricDefault from \"assets/images/team/eric.jpg\";\n\nimport AvatarOscarAWebP from \"assets/images/team/oscarA.webp\";\nimport AvatarOscarAJp2 from \"assets/images/team/oscarA.jp2\";\nimport AvatarOscarADefault from \"assets/images/team/oscarA.jpg\";\n\nimport AvatarJesperWebP from \"assets/images/team/jesper.webp\";\nimport AvatarJesperJp2 from \"assets/images/team/jesper.jp2\";\nimport AvatarJesperDefault from \"assets/images/team/jesper.jpg\";\n\nimport AvatarJesperGWebP from \"assets/images/team/jesper_g.webp\";\nimport AvatarJesperGJp2 from \"assets/images/team/jesper_g.jp2\";\nimport AvatarJesperGDefault from \"assets/images/team/jesper_g.jpg\";\n\nimport AvatarJohanWebP from \"assets/images/team/johan.webp\";\nimport AvatarJohanJp2 from \"assets/images/team/johan.jp2\";\nimport AvatarJohanDefault from \"assets/images/team/johan.jpg\";\n\nimport AvatarKristofferWebP from \"assets/images/team/kristoffer.webp\";\nimport AvatarKristofferJp2 from \"assets/images/team/kristoffer.jp2\";\nimport AvatarKristofferDefault from \"assets/images/team/kristoffer.jpg\";\n\nimport AvatarKristofferAWebP from \"assets/images/team/kristoffera.webp\";\nimport AvatarKristofferAJp2 from \"assets/images/team/kristoffera.jp2\";\nimport AvatarKristofferADefault from \"assets/images/team/kristoffera.jpg\";\n\nimport AvatarLudwigWebP from \"assets/images/team/ludde.webp\";\nimport AvatarLudwigJp2 from \"assets/images/team/ludde.jp2\";\nimport AvatarLudwigDefault from \"assets/images/team/ludde.jpg\";\n\nimport AvatarMartinWebP from \"assets/images/team/martin.webp\";\nimport AvatarMartinJp2 from \"assets/images/team/martin.jp2\";\nimport AvatarMartinDefault from \"assets/images/team/martin.jpg\";\n\nimport AvatarNiklasWebP from \"assets/images/team/niklas.webp\";\nimport AvatarNiklasJp2 from \"assets/images/team/niklas.jp2\";\nimport AvatarNiklasDefault from \"assets/images/team/niklas.jpg\";\n\nimport AvatarOskarJWebP from \"assets/images/team/oskarJ.webp\";\nimport AvatarOskarJJp2 from \"assets/images/team/oskarJ.jp2\";\nimport AvatarOskarJDefault from \"assets/images/team/oskarJ.jpg\";\n\nimport AvatarPatrikWebP from \"assets/images/team/patrik.webp\";\nimport AvatarPatrikJp2 from \"assets/images/team/patrik.jp2\";\nimport AvatarPatrikDefault from \"assets/images/team/patrik.jpg\";\n\n\nimport AvatarRichardWebP from \"assets/images/team/richard.webp\";\nimport AvatarRichardJp2 from \"assets/images/team/richard.jp2\";\nimport AvatarRichardDefault from \"assets/images/team/richard.jpg\";\n\nimport AvatarSamuelWebP from \"assets/images/team/samuel.webp\";\nimport AvatarSamuelJp2 from \"assets/images/team/samuel.jp2\";\nimport AvatarSamuelDefault from \"assets/images/team/samuel.jpg\";\n\nimport AvatarSarahFWebP from \"assets/images/team/sarahf.webp\";\nimport AvatarSarahFJp2 from \"assets/images/team/sarahf.jp2\";\nimport AvatarSarahFDefault from \"assets/images/team/sarahf.jpg\";\n\nimport AvatarTimWebP from \"assets/images/team/tim.webp\";\nimport AvatarTimJp2 from \"assets/images/team/tim.jp2\";\nimport AvatarTimDefault from \"assets/images/team/tim.jpg\";\n\nimport AvatarTanWebP from \"assets/images/team/tan.webp\";\nimport AvatarTanJp2 from \"assets/images/team/tan.jp2\";\nimport AvatarTanDefault from \"assets/images/team/tan.jpg\";\n\nimport BobWebP from \"assets/images/bob.webp\";\nimport BobJp2 from \"assets/images/bob.jp2\";\nimport BobDefault from \"assets/images/bob.jpg\";\n\nimport CaseWebP from \"assets/images/case-2.webp\";\nimport CaseJp2 from \"assets/images/case-2.jp2\";\nimport CaseDefault from \"assets/images/case-2.jpg\";\n\nimport CaseDarkWebP from \"assets/images/case-dark.webp\";\nimport CaseDarkJp2 from \"assets/images/case-dark.jp2\";\nimport CaseDarkDefault from \"assets/images/case-dark.jpg\";\n\nimport CaseJesperWebP from \"assets/images/jesper-500.webp\";\nimport CaseJesperJp2 from \"assets/images/jesper-500.jp2\";\nimport CaseJesperDefault from \"assets/images/jesper-500.jpg\";\n\nimport CaseJesperDarkWebP from \"assets/images/jesper-500-dark.webp\";\nimport CaseJesperDarkJp2 from \"assets/images/jesper-500-dark.jp2\";\nimport CaseJesperDarkDefault from \"assets/images/jesper-500-dark.jpg\";\n\nimport CrewWebP from \"assets/images/beach.jpg\";\nimport CrewJp2 from \"assets/images/beach.jp2\";\nimport CrewDefault from \"assets/images/beach.webp\";\n\nimport CrewDarkWebP from \"assets/images/crew-dark.webp\";\nimport CrewDarkJp2 from \"assets/images/crew-dark.jp2\";\nimport CrewDarkDefault from \"assets/images/crew-dark.jpg\";\n\nimport Case3WebP from \"assets/images/case-3.webp\";\nimport Case3Jp2 from \"assets/images/case-3.jp2\";\nimport Case3Default from \"assets/images/case-3.jpg\";\n\nimport LaptopWebP from \"assets/images/laptop-magazin.webp\";\nimport LaptopJp2 from \"assets/images/laptop-magazin.jp2\";\nimport LaptopDefault from \"assets/images/laptop-magazin.jpg\";\n\nimport PatternBwCornerWebP from \"assets/images/pattern-bw-corner.webp\";\nimport PatternBwCornerJp2 from \"assets/images/pattern-bw-corner.jp2\";\nimport PatternBwCornerDefault from \"assets/images/pattern-bw-corner.png\";\n\n\nimport PatternTealWebP from \"assets/images/hero-bg.webp\";\nimport PatternTealJp2 from \"assets/images/pattern-teal.jp2\";\nimport PatternTealDefault from \"assets/images/hero-bg.png\";\n\nimport PatternDarkWebP from \"assets/images/pattern-dark.webp\";\nimport PatternDarkJp2 from \"assets/images/pattern-dark.jp2\";\nimport PatternDarkDefault from \"assets/images/pattern-dark.png\";\n\nimport ViewWebP from \"assets/images/view.webp\";\nimport ViewJp2 from \"assets/images/view.jp2\";\nimport ViewDefault from \"assets/images/view.jpg\";\n\nimport WritingWebP from \"assets/images/job.webp\";\nimport WritingWJp2 from \"assets/images/job.jp2\";\nimport WritingDefault from \"assets/images/job.jpg\";\n\nimport GasellWebp from \"assets/images/gasell.webp\";\nimport GasellJp2 from \"assets/images/gasell.jp2\";\nimport GasellDefault from \"assets/images/gasell.png\";\n\nimport Gasell2Webp from \"assets/images/gasell2.webp\";\nimport Gasell2Jp2 from \"assets/images/gasell2.jp2\";\nimport Gasell2Default from \"assets/images/gasell2.png\";\n\nimport Climate1WebP from \"assets/images/change.webp\";\nimport Climate1Jp2 from \"assets/images/change.jp2\";\nimport Climate1Default from \"assets/images/change.jpg\";\n\nimport Climate2WebP from \"assets/images/calf.webp\";\nimport Climate2Jp2 from \"assets/images/calf.jp2\";\nimport Climate2Default from \"assets/images/calf.jpg\";\n\nimport Climate3WebP from \"assets/images/solar.webp\";\nimport Climate3Jp2 from \"assets/images/solar.jp2\";\nimport Climate3Default from \"assets/images/solar.jpg\";\n\nimport GroupWebP from \"assets/images/grupp-bild.webp\";\nimport GroupJp2 from \"assets/images/grupp-bild.jp2\";\nimport GroupDefault from \"assets/images/grupp-bild.jpg\";\n\n\nexport const GroupImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${GroupWebP}`;\n    case \"jp2\":\n      return `${GroupJp2}`;\n    default:\n      return `${GroupDefault}`;\n  }\n};\n\n\nexport const BigDataImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${BigDataWebP}`;\n    case \"jp2\":\n      return `${BigDataJp2}`;\n    default:\n      return `${BigDataDefault}`;\n  }\n};\n\nexport const CariadImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CariadWebP}`;\n    case \"jp2\":\n      return `${CariadJp2}`;\n    default:\n      return `${CariadDefault}`;\n  }\n};\n\nexport const VolvoImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${VolvoWebP}`;\n    case \"jp2\":\n      return `${VolvoJp2}`;\n    default:\n      return `${VolvoDefault}`;\n  }\n};\n\nexport const VolvoBussImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${BussWebP}`;\n    case \"jp2\":\n      return `${BussJp2}`;\n    default:\n      return `${BussDefault}`;\n  }\n};\n\n\nexport const PolestarImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${polestarWebP}`;\n    case \"jp2\":\n      return `${polestarJp2}`;\n    default:\n      return `${polestarDefault}`;\n  }\n};\n\n\n\n\n\n\n\n\n\n\n\nexport const AvatarAndersImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarAndersWebP}`;\n    case \"jp2\":\n      return `${AvatarAndersJp2}`;\n    default:\n      return `${AvatarAndersDefault}`;\n  }\n};\n\n\n\nexport const AvatarAdiImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarAdiWebP}`;\n    case \"jp2\":\n      return `${AvatarAdiJp2}`;\n    default:\n      return `${AvatarAdiDefault}`;\n  }\n};\n\nexport const AvatarAnnaImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarAnnaWebP}`;\n    case \"jp2\":\n      return `${AvatarAnnaJp2}`;\n    default:\n      return `${AvatarAnnaDefault}`;\n  }\n};\n\nexport const AvatarDanielKImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarDanielKWebP}`;\n    case \"jp2\":\n      return `${AvatarDanielKJp2}`;\n    default:\n      return `${AvatarDanielKDefault}`;\n  }\n};\n\nexport const AvatarDanielAImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarDanielAWebP}`;\n    case \"jp2\":\n      return `${AvatarDanielAJp2}`;\n    default:\n      return `${AvatarDanielADefault}`;\n  }\n};\n\nexport const AvatarDavidImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarDavidWebP}`;\n    case \"jp2\":\n      return `${AvatarDavidJp2}`;\n    default:\n      return `${AvatarDavidDefault}`;\n  }\n};\n\nexport const AvatarEricImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarEricWebP}`;\n    case \"jp2\":\n      return `${AvatarEricJp2}`;\n    default:\n      return `${AvatarEricDefault}`;\n  }\n};\nexport const AvatarKristofferImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarKristofferWebP}`;\n    case \"jp2\":\n      return `${AvatarKristofferJp2}`;\n    default:\n      return `${AvatarKristofferDefault}`;\n  }\n};\n\nexport const AvatarKristofferAImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarKristofferAWebP}`;\n    case \"jp2\":\n      return `${AvatarKristofferAJp2}`;\n    default:\n      return `${AvatarKristofferADefault}`;\n  }\n};\n\nexport const AvatarJesperImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarJesperWebP}`;\n    case \"jp2\":\n      return `${AvatarJesperJp2}`;\n    default:\n      return `${AvatarJesperDefault}`;\n  }\n};\nexport const AvatarJesperGImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarJesperGWebP}`;\n    case \"jp2\":\n      return `${AvatarJesperGJp2}`;\n    default:\n      return `${AvatarJesperGDefault}`;\n  }\n};\n\nexport const AvatarJohanImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarJohanWebP}`;\n    case \"jp2\":\n      return `${AvatarJohanJp2}`;\n    default:\n      return `${AvatarJohanDefault}`;\n  }\n};\n\nexport const AvatarLudwigImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarLudwigWebP}`;\n    case \"jp2\":\n      return `${AvatarLudwigJp2}`;\n    default:\n      return `${AvatarLudwigDefault}`;\n  }\n};\n\nexport const AvatarMartinImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarMartinWebP}`;\n    case \"jp2\":\n      return `${AvatarMartinJp2}`;\n    default:\n      return `${AvatarMartinDefault}`;\n  }\n};\nexport const AvatarNiklasImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarNiklasWebP}`;\n    case \"jp2\":\n      return `${AvatarNiklasJp2}`;\n    default:\n      return `${AvatarNiklasDefault}`;\n  }\n};\nexport const AvatarOskarJImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarOskarJWebP}`;\n    case \"jp2\":\n      return `${AvatarOskarJJp2}`;\n    default:\n      return `${AvatarOskarJDefault}`;\n  }\n};\nexport const AvatarPatrikImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarPatrikWebP}`;\n    case \"jp2\":\n      return `${AvatarPatrikJp2}`;\n    default:\n      return `${AvatarPatrikDefault}`;\n  }\n};\nexport const AvatarRichardImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarRichardWebP}`;\n    case \"jp2\":\n      return `${AvatarRichardJp2}`;\n    default:\n      return `${AvatarRichardDefault}`;\n  }\n};\n\nexport const AvatarSamuelImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarSamuelWebP}`;\n    case \"jp2\":\n      return `${AvatarSamuelJp2}`;\n    default:\n      return `${AvatarSamuelDefault}`;\n  }\n};\n\nexport const AvatarSarahFImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarSarahFWebP}`;\n    case \"jp2\":\n      return `${AvatarSarahFJp2}`;\n    default:\n      return `${AvatarSarahFDefault}`;\n  }\n};\n\nexport const AvatarTimImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarTimWebP}`;\n    case \"jp2\":\n      return `${AvatarTimJp2}`;\n    default:\n      return `${AvatarTimDefault}`;\n  }\n};\n\nexport const AvatarTanImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarTanWebP}`;\n    case \"jp2\":\n      return `${AvatarTanJp2}`;\n    default:\n      return `${AvatarTanDefault}`;\n  }\n};\n\nexport const AvatarOscarAImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${AvatarOscarAWebP}`;\n    case \"jp2\":\n      return `${AvatarOscarAJp2}`;\n    default:\n      return `${AvatarOscarADefault}`;\n  }\n};\n\nexport const BobImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${BobWebP}`;\n    case \"jp2\":\n      return `${BobJp2}`;\n    default:\n      return `${BobDefault}`;\n  }\n};\n\nexport const CaseImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CaseWebP}`;\n    case \"jp2\":\n      return `${CaseJp2}`;\n    default:\n      return `${CaseDefault}`;\n  }\n};\n\nexport const CaseDarkImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CaseDarkWebP}`;\n    case \"jp2\":\n      return `${CaseDarkJp2}`;\n    default:\n      return `${CaseDarkDefault}`;\n  }\n};\n\nexport const CaseJesper = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CaseJesperWebP}`;\n    case \"jp2\":\n      return `${CaseJesperJp2}`;\n    default:\n      return `${CaseJesperDefault}`;\n  }\n};\n\nexport const CaseJesperDark = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CaseJesperDarkWebP}`;\n    case \"jp2\":\n      return `${CaseJesperDarkJp2}`;\n    default:\n      return `${CaseJesperDarkDefault}`;\n  }\n};\n\nexport const CrewImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CrewWebP}`;\n    case \"jp2\":\n      return `${CrewJp2}`;\n    default:\n      return `${CrewDefault}`;\n  }\n};\n\nexport const CrewDarkImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${CrewDarkWebP}`;\n    case \"jp2\":\n      return `${CrewDarkJp2}`;\n    default:\n      return `${CrewDarkDefault}`;\n  }\n};\n\nexport const Case3Image = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${Case3WebP}`;\n    case \"jp2\":\n      return `${Case3Jp2}`;\n    default:\n      return `${Case3Default}`;\n  }\n};\n\nexport const LaptopImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${LaptopWebP}`;\n    case \"jp2\":\n      return `${LaptopJp2}`;\n    default:\n      return `${LaptopDefault}`;\n  }\n};\n\nexport const PatternTealImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${PatternTealWebP}`;\n    case \"jp2\":\n      return `${PatternTealJp2}`;\n    default:\n      return `${PatternTealDefault}`;\n  }\n};\n\nexport const PatternDarkImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${PatternDarkWebP}`;\n    case \"jp2\":\n      return `${PatternDarkJp2}`;\n    default:\n      return `${PatternDarkDefault}`;\n  }\n};\n\nexport const PatternBwCornerImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${PatternBwCornerWebP}`;\n    case \"jp2\":\n      return `${PatternBwCornerJp2}`;\n    default:\n      return `${PatternBwCornerDefault}`;\n  }\n};\n\nexport const ViewImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${ViewWebP}`;\n    case \"jp2\":\n      return `${ViewJp2}`;\n    default:\n      return `${ViewDefault}`;\n  }\n};\n\nexport const WritingImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${WritingWebP}`;\n    case \"jp2\":\n      return `${WritingWJp2}`;\n    default:\n      return `${WritingDefault}`;\n  }\n};\n\nexport const GasellImage = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${GasellWebp}`;\n    case \"jp2\":\n      return `${GasellJp2}`;\n    default:\n      return `${GasellDefault}`;\n  }\n};\nexport const GasellImage2 = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${Gasell2Webp}`;\n    case \"jp2\":\n      return `${Gasell2Jp2}`;\n    default:\n      return `${Gasell2Default}`;\n  }\n};\n\nexport const ClimateImage1 = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${Climate1WebP}`;\n    case \"jp2\":\n      return `${Climate1Jp2}`;\n    default:\n      return `${Climate1Default}`;\n  }\n};\nexport const ClimateImage2 = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${Climate2WebP}`;\n    case \"jp2\":\n      return `${Climate2Jp2}`;\n    default:\n      return `${Climate2Default}`;\n  }\n};\n\nexport const ClimateImage3 = (): string => {\n  const compability = useBrowserCompability();\n  switch (compability.imageFormat) {\n    case \"webP\":\n      return `${Climate3WebP}`;\n    case \"jp2\":\n      return `${Climate3Jp2}`;\n    default:\n      return `${Climate3Default}`;\n  }\n};\n","import React from \"react\";\nimport Box from \"@material-ui/core/Box\";\nimport {\n  Container,\n  Block,\n  ResponsiveBlock,\n  WideBlock,\n  ColoredBox,\n  ResponsivePictureBlock,\n} from \"components/shared/block\";\nimport { Header, Body } from \"components/shared/typography\";\nimport { Colors } from \"colors\";\nimport {\n  BobImage,\n  ClimateImage1,\n  ClimateImage2,\n  ClimateImage3,\n  LaptopImage,\n  ViewImage,\n} from \"components/images\";\nimport { useDarkMode } from \"contexts/themeMode\";\n\nexport const ClimateView = () => {\n  const darkMode = useDarkMode();\n  return (\n    <>\n\n      <Block\n        backgroundColor={darkMode ? \"black\" : \"white\"}\n        id=\"breakit\"\n        minHeight=\"30vh\"\n      >\n        <Container minHeight=\"30vh\">\n          <ResponsiveBlock minHeight=\"30vh\">\n            <Box\n              maxWidth={400}\n              paddingTop={4}\n              paddingRight={4}\n              paddingBottom={4}\n              minHeight={50}\n              justifyContent=\"center\"\n            >\n              <Header\n                variant=\"h1\"\n                color={darkMode ? \"white\" : \"black\"}\n                underline={{ width: 240, color: \"darkTeal\" }}\n                textAlignment=\"left\"\n              >\n                Klimatneutrala sedan 2019\n              </Header>\n            </Box>\n            <Box maxWidth={500} paddingTop={4} minHeight={150}>\n              <Body color={darkMode ? \"white\" : \"black\"}>\n                Det är viktigt att vi alla tar ansvar för vår miljö och vi aktivt belyser vilken påverkan \n                vi har på klimatat. Sedan 2019 är Logikfabriken klimatneutrala och utför årliga klimatredovisningar \n                för att säkerställa att vi är medvetna om vår påverkan och kan vidta åtgärder för att minska den.\n              </Body>\n            </Box>\n           \n          </ResponsiveBlock>\n        </Container>\n      </Block>\n      \n      <WideBlock>\n        <ColoredBox\n          justifyContent=\"center\"\n          color={darkMode ? Colors.veryDarkTeal : Colors.darkTeal}\n        >\n          <Header variant=\"h2\" color={darkMode ? \"white\" : \"white\"}>\n            Konkreta förändringar\n          </Header>\n          <Body color={darkMode ? \"white\" : \"white\"}>\n            <Box display=\"flex\" flexDirection=\"column\">\n              <span>- Använda klimatsmart elavtal.</span>\n              <span>\n                - Stänga av elektronik och släck belysning när vi går för dagen.\n              </span>\n              <span>- Källsortera för att möjliggöra återvinning.</span>\n              <span>\n                - Välja vegetariska alternativ på gemensamma aktiviteter och\n                afterwork.\n              </span>\n              <span>- Resa med kollektivtrafik i största möjliga mån.</span>\n              <span>- Halvera vårt flygande.</span>\n            </Box>\n          </Body>\n        </ColoredBox>\n        <ResponsivePictureBlock backgroundImage={ClimateImage1()} />\n      </WideBlock>\n      <WideBlock>\n        <ResponsivePictureBlock backgroundImage={ClimateImage2()} />\n        <ColoredBox\n          display=\"flex\"\n          flexDirection=\"column\"\n          justifyContent=\"center\"\n          color={Colors.black}\n        >\n          <Header variant=\"h2\" color=\"white\">\n            Beteendemönster\n          </Header>\n          <Body color=\"white\">\n            Det svåraste att förändra är våra beteendemönster. Många av våra\n            vardagliga beslut sker ofta per automatik och utan större\n            reflektion. Behöver vi alltid ha den senaste mobiltelefonen? Kan vi\n            använda datorn ett år till? Logikfabriken har som vana att alltid\n            utmana behovet och ställa frågor när något ska köpas in.\n          </Body>\n        </ColoredBox>\n      </WideBlock>\n      <WideBlock>\n        <ColoredBox\n          display=\"flex\"\n          flexDirection=\"column\"\n          justifyContent=\"center\"\n          color={darkMode ? Colors.darkGrey : Colors.cleanGrey}\n        >\n          <Header variant=\"h2\" color={darkMode ? \"white\" : \"black\"}>\n            Klimatavtryck\n          </Header>\n          <Body color={darkMode ? \"white\" : \"black\"}>\n            Logikfabrikens klimatredovisning för 2022 är utförd och vårt totala\n            utsläpp av CO2 är beräknat till 150t. I år har vi valt att stötta\n            ett projekt där man bygger en solcellspark i Indien.\n          </Body>\n        </ColoredBox>\n        <ResponsivePictureBlock backgroundImage={ClimateImage3()} />\n      </WideBlock>\n    </>\n  );\n};\n","import { useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nexport const ScrollToTop = () => {\n  const history = useHistory();\n\n  useEffect(() => {\n    const unlisten = history.listen(() => {\n      window.scrollTo(0, 0);\n    });\n    return () => {\n      unlisten();\n    }\n  }, [history]);\n\n  return (null);\n}\n\n","export default __webpack_public_path__ + \"static/media/logo-black.388b1619.svg\";","export default __webpack_public_path__ + \"static/media/logo-white.cf3a64dd.svg\";","import { createMuiTheme } from \"@material-ui/core\";\nimport { Colors } from \"./colors\";\n\nexport const theme = createMuiTheme({\n  palette: {\n    background: {\n      default: Colors.white\n    },\n    primary: {\n      main: Colors.white\n    },\n    secondary: {\n      main: Colors.darkTeal\n    }\n  },\n  overrides: {\n    MuiDrawer: {\n      paper: {\n        backgroundColor: Colors.darkTeal\n      }\n    },\n    MuiAppBar: {\n      colorDefault: {\n        backgroundColor: Colors.white\n      }\n    },\n    MuiToolbar: {\n      root: {\n        backgroundColor: Colors.white\n      }\n    },\n    MuiButton: {\n      contained: {\n        backgroundColor: Colors.black,\n        display: \"inline-block\",\n        maxWidth: 100,\n        color: Colors.white,     \n        transition: \"none\",\n        \"&:hover\": {\n          backgroundColor: Colors.white,\n          color: Colors.black\n        }\n      }\n    },\n    MuiBackdrop: {\n      root: {\n        backgroundColor: 'transparent'\n      }\n    }\n  }\n});\n\nexport const darkTheme = createMuiTheme({\n  palette: {\n    background: {\n      default: Colors.black\n    },\n    primary: {\n      main: Colors.black \n    },\n    secondary: {\n      main: Colors.softTeal\n    }\n  },\n  overrides: {\n    MuiDrawer: {\n      paper: {\n        backgroundColor: Colors.black,\n        color: Colors.softTeal\n      }\n    },\n    MuiIcon: {\n      colorPrimary: {\n        color: Colors.white\n      },\n      root: {\n        color: Colors.white\n      }\n    },\n    MuiLink: {\n      button: {\n        color: Colors.white\n      }\n    },\n    MuiIconButton: {\n      colorInherit: {\n        color: Colors.white\n      },\n      colorPrimary: {\n        color:Colors.white\n      },\n      root: {\n        color: Colors.white\n      }\n    },\n    MuiAppBar: {\n      colorDefault: {\n        backgroundColor: Colors.black,\n        color: Colors.softTeal\n      }\n    },\n    MuiToolbar: {\n      root: {\n        backgroundColor: Colors.black,\n        color: Colors.white\n      }      \n    },\n    MuiButton: {\n      contained: {\n        backgroundColor: Colors.white,\n        display: \"inline-block\",\n        maxWidth: 100,\n        color: Colors.black,     \n        transition: \"none\",\n        \"&:hover\": {\n          backgroundColor: Colors.black,\n          color: Colors.white\n        }\n      }\n    }\n  }\n\n});","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Block } from \"components/shared/block\";\nimport { Body } from \"components/shared/typography\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"@emotion/core\";\nimport { Colors } from \"colors\";\nimport { Box, Hidden, IconButton } from \"@material-ui/core\";\nimport FacebookIcon from \"@material-ui/icons/Facebook\";\nimport InstagramIcon from \"@material-ui/icons/Instagram\";\nimport { Caption } from \"./typography\";\nimport { PatternBwCornerImage } from \"components/images\";\nimport { useDarkMode } from \"contexts/themeMode\";\nimport { HashLink } from \"react-router-hash-link\";\nexport const FooterWrapper = styled(Block)({\n  height: 200,\n  display: \"flex\",\n  backgroundSize: \"40vw\",\n  backgroundPosition: \"bottom right\",\n  \"@media (max-width: 960px)\": {\n    padding: \"40px 20px\",\n    minHeight: \"30vh\",\n  },\n});\n\nexport const FooterContainer = styled(Box)({\n  display: \"flex\",\n  flexDirection: \"row\",\n  justifyContent: \"flex-start\",\n  flexWrap: \"wrap\",\n  \"@media (max-width: 320px)\": {\n    minWidth: 200,\n    maxWidth: 240,\n  },\n});\n\nexport const IconContainer = styled(Box)({\n  display: \"none\",\n  flexDirection: \"row\",\n  justifyContent: \"flex-start\",\n  flexWrap: \"wrap\",\n  \"@media (max-width: 960px)\": {\n    display: \"flex\",\n  },\n});\n\nconst FooterColumn = styled(Box)({\n  display: \"flex\",\n  minWidth: 300,\n  flexDirection: \"column\",\n  marginBottom: 20,\n  \"@media (max-width: 320px)\": {\n    minWidth: 200,\n    maxWidth: 200,\n  },\n});\n\ninterface ThemeProps {\n  color?: string;\n}\n\nconst FooterLink = styled(Link)<ThemeProps>(\n  (props) => css`\n    color: ${props.color || Colors.black};\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 500;\n    &:after {\n      content: \"»\";\n      margin-left: 0.5rem;\n    }\n  `\n);\n\nconst FooterHashLink = styled(HashLink)<ThemeProps>(\n  (props) => css`\n    color: ${props.color || Colors.black};\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 500;\n    &:after {\n      content: \"»\";\n      margin-left: 0.5rem;\n    }\n  `\n);\n\n\n\nconst FooterExternalLink = styled.a<ThemeProps>(\n  (props) => css`\n    color: ${props.color || Colors.black};\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: 500;\n    @media (max-width: 960px) {\n      display: none;\n    }\n    &:after {\n      content: \"»\";\n      margin-left: 0.5rem;\n    }\n  `\n);\n\nconst FooterIconButton = styled(IconButton)({\n  width: 48,\n});\n\nexport const Footer = () => {\n  const darkMode = useDarkMode();\n  return (\n    <FooterWrapper\n      backgroundColor={darkMode ? \"black\" : \"cleanGrey\"}\n      backgroundImage={PatternBwCornerImage()}\n    >\n      <FooterContainer>\n        <Hidden smDown>\n          <FooterColumn>\n            <Caption color={darkMode ? \"white\" : \"black\"}>SIDOR</Caption>\n            <FooterLink to=\"/\" color={darkMode ? \"white\" : \"black\"}>\n              Start\n            </FooterLink>\n            <FooterLink to=\"/case\" color={darkMode ? \"white\" : \"black\"}>\n              Case\n            </FooterLink>\n            <FooterLink to=\"/om\" color={darkMode ? \"white\" : \"black\"}>\n              Om Logikfabriken\n            </FooterLink>\n            <FooterExternalLink href=\"https://jobs.logikfabriken.se\" color={darkMode ? \"white\" : \"black\"}>\n              Jobba hos oss\n            </FooterExternalLink>\n            <FooterHashLink\n              to=\"/jobb#kontakt\"\n              color={darkMode ? \"white\" : \"black\"}\n            >\n              Kontakt\n            </FooterHashLink>\n          </FooterColumn>\n        </Hidden>\n        <FooterColumn>\n          <Caption color={darkMode ? \"white\" : \"black\"}>Göteborg</Caption>\n          <Body color={darkMode ? \"white\" : \"black\"}>\n            <address>\n              Logikfabriken AB\n              <br />\n              info@logikfabriken.se\n              <br />\n              <br />\n              Kungsportsavenyen 29<br />\n              411 36 GÖTEBORG\n            </address>\n          </Body>\n          </FooterColumn>\n          <FooterColumn>\n          <Caption color={darkMode ? \"white\" : \"black\"}>Linköping</Caption>\n          <Body color={darkMode ? \"white\" : \"black\"}>\n            <address>\n              Logikfabriken Linköping AB\n              <br />\n              info@logikfabriken.se\n              <br />\n              <br />\n              Gamla Tanneforsvägen 92<br />\n              582 52 Linköping\n            </address>\n\n          </Body>\n        </FooterColumn>\n        <FooterColumn>\n          <Caption color={darkMode ? \"white\" : \"black\"}>FÖLJ OSS PÅ</Caption>\n\n          <FooterExternalLink\n            href=\"https://www.instagram.com/logikfabriken/\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            color={darkMode ? \"white\" : \"black\"}\n          >\n            Instagram\n          </FooterExternalLink>\n          <FooterExternalLink\n            href=\"https://www.linkedin.com/company/logikfabriken-ab/\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            color={darkMode ? \"white\" : \"black\"}\n          >\n            LinkedIn\n          </FooterExternalLink>\n          <IconContainer>\n            <a\n              href=\"https://www.instagram.com/logikfabriken/\"\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n              color={darkMode ? \"white\" : \"black\"}\n            >\n              <FooterIconButton aria-label=\"instagram\">\n                <InstagramIcon></InstagramIcon>\n              </FooterIconButton>\n            </a>\n            <a\n              href=\"https://www.linkedin.com/company/logikfabriken-ab/\"\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n              color={darkMode ? \"white\" : \"black\"}\n            >\n              <FooterIconButton aria-label=\"linkedin\">\n                <FacebookIcon></FacebookIcon>\n              </FooterIconButton>\n            </a>\n          </IconContainer>\n        </FooterColumn>\n      </FooterContainer>\n    </FooterWrapper>\n  );\n};\n","import { withStyles } from '@material-ui/core/styles';\nimport MaterialSlider from '@material-ui/core/Slider';\nimport { Colors } from \"colors\";\n\nexport const Slider = withStyles({\n  root: {\n    color: Colors.darkTeal,\n    height: 8,\n  },\n  thumb: {\n    height: 24,\n    width: 24,\n    backgroundColor: '#fff',\n    border: '2px solid currentColor',\n    marginTop: -8,\n    marginLeft: -12,\n    '&:focus,&:hover,&$active': {\n      boxShadow: 'inherit',\n    },\n  },\n  active: {},\n  valueLabel: {\n    left: 'calc(-50% + 4px)',\n    top: '30px',\n    '& *': {\n      background: 'transparent',\n      color: '#000',\n    },   \n  },\n  track: {\n    height: 8,\n    borderRadius: 4,\n  },\n  rail: {\n    height: 8,\n    borderRadius: 4,\n  },\n})(MaterialSlider);\n\n\nexport const DarkSlider = withStyles({\n  root: {\n    color: Colors.darkTeal,\n    height: 8,\n  },\n  thumb: {\n    height: 24,\n    width: 24,\n    backgroundColor: '#fff',\n    border: '2px solid currentColor',\n    marginTop: -8,\n    marginLeft: -12,\n    '&:focus,&:hover,&$active': {\n      boxShadow: 'inherit',\n    },\n  },\n  active: {},\n  valueLabel: {\n    left: 'calc(-50% + 4px)',\n    top: '30px',\n    '& *': {\n      background: 'transparent',\n      color: '#fff',\n    },   \n  },\n  track: {\n    height: 8,\n    borderRadius: 4,\n  },\n  rail: {\n    height: 8,\n    borderRadius: 4,\n  },\n})(MaterialSlider);\n","import React, { useState, useEffect, useRef } from \"react\";\nimport Box from \"@material-ui/core/Box\";\nimport { Body, Caption } from \"components/shared/typography\";\nimport { Slider, DarkSlider } from \"./slider\";\nimport _ from \"lodash\";\nimport { useDarkMode } from \"contexts/themeMode\";\n\nfunction valuetext(value: number) {\n  return `${value} kr`;\n}\n\nexport interface CalculatorProps {\n  onChange: (salary: number, rate: number) => void;\n}\n\nexport const Calculator = ({ onChange }: CalculatorProps) => {\n  const [maxSalary, setMaxSalary] = useState<number>(50000);\n  const [salary, setSalary] = useState<number>(37000);\n  const [rate, setRate] = useState<number>(650);\n\n  const darkMode = useDarkMode();\n\n  const debouncedChange = useRef(_.debounce(onChange, 500, { maxWait: 700 }));\n\n  const handleRateChange = (e: any, value: number | number[]) => {\n    const max = Math.ceil(((value as number) * 75) / 10000) * 10000;\n    setMaxSalary(max);\n    setRate(value as number);\n    if (salary > max) \n      setSalary(Math.min(salary as number, max));\n  };\n\n  const handleSalaryChange = (e: any, value: number | number[]) => {\n    setSalary(value as number);\n  };\n\n  useEffect(() => {\n    debouncedChange.current(salary, rate);\n  }, [salary, rate, debouncedChange]);\n\n  return (\n    <Box maxWidth={600} marginBottom={2}>\n      <Body color={darkMode ? \"white\" : \"black\"}>\n        Vi erbjuder en rörlig lönemodell där alla medarbetare går in på samma\n        villkor redan från första dagen. Vi har slopat löneförhandlingarna helt.\n        Istället får varje medarbetare sätta sin egen lön, bestämma över sin\n        pensionsavsättning och kompetensutveckling. Vill du ha tjänstebil, ny\n        telefon, dator, friskvård, gå kurser, mer fritid, det är upp till dig\n        att bestämma.\n      </Body>\n      <Box margin={4}>\n        <Caption color={darkMode ? \"white\" : \"black\"}>Önskad lön</Caption>\n        {darkMode ? (\n          <DarkSlider\n            defaultValue={37000}\n            getAriaValueText={valuetext}\n            aria-labelledby=\"discrete-slider\"\n            valueLabelDisplay=\"on\"\n            color=\"primary\"\n            step={1000}\n            min={30000}\n            max={maxSalary}\n            onChange={handleSalaryChange}\n          />\n        ) : (\n          <Slider\n            defaultValue={37000}\n            getAriaValueText={valuetext}\n            aria-labelledby=\"discrete-slider\"\n            valueLabelDisplay=\"on\"\n            color=\"primary\"\n            step={1000}\n            min={30000}\n            max={maxSalary}\n            onChange={handleSalaryChange}\n          />\n        )}\n      </Box>\n      <Box margin={4}>\n        <Caption color={darkMode ? \"white\" : \"black\"}>Arvode kr/h</Caption>\n        {darkMode ? (\n          <DarkSlider\n            defaultValue={650}\n            getAriaValueText={valuetext}\n            aria-labelledby=\"discrete-slider\"\n            valueLabelDisplay=\"on\"\n            color=\"primary\"\n            value={rate}\n            step={10}\n            min={600}\n            max={1200}\n            onChange={handleRateChange}\n          />\n        ) : (\n          <Slider\n            defaultValue={650}\n            getAriaValueText={valuetext}\n            aria-labelledby=\"discrete-slider\"\n            valueLabelDisplay=\"on\"\n            color=\"primary\"\n            value={rate}\n            step={10}\n            min={600}\n            max={1200}\n            onChange={handleRateChange}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport Box from \"@material-ui/core/Box\";\nimport { Caption, Body } from \"components/shared/typography\";\nimport { Calculation } from \"services/calculator/calculation\";\nimport { formatCurrency } from \"services/calculator\";\nimport { CircularProgress } from \"@material-ui/core\";\nimport { PieChart, Pie, Cell } from \"recharts\";\n\nimport { Colors } from \"colors\";\nimport styled from \"@emotion/styled\";\nimport { useDarkMode } from \"contexts/themeMode\";\n\nexport interface CalculatorResultProps {\n  values: Calculation | null;\n}\n\nconst FlexPie = styled(PieChart)({\n  display: \"flex\",\n  margin: \"0 auto\",\n});\n\nexport const CalculationResult = ({ values }: CalculatorResultProps) => {\n  const darkMode = useDarkMode();\n\n  if (!values) {\n    return (\n      <Box display=\"flex\" justifyContent=\"center\" alignContent=\"center\">\n        <CircularProgress variant=\"indeterminate\" color=\"secondary\" />\n      </Box>\n    );\n  }\n\n  const data = [\n    { name: \"Löneuttag\", value: values.grossSalary, color: Colors.darkTeal },\n    {\n      name: \"Sociala avgifter\",\n      value: values.socialFees,\n      color: Colors.softTeal\n    },\n    {\n      name: \"Semesterersättning\",\n      value: values.vacationFund,\n      color: Colors.orange\n    },\n    { name: \"Sparad buffert\", value: values.buffer, color: Colors.cleanGrey }\n  ];\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n      <Box marginBottom={2}>\n        <table>\n          <tbody>\n            <tr>\n              <td><Body color={darkMode ? \"white\" : \"black\"}>{formatCurrency(-1 * values.grossSalary)}</Body></td>\n              <td>\n                <Caption color=\"darkTeal\">Löneuttag</Caption>\n              </td>\n            </tr>\n            <tr>\n              <td><Body color={darkMode ? \"white\" : \"black\"}>{formatCurrency(-1 * values.socialFees)}</Body></td>\n              <td>\n                <Caption color=\"softTeal\">Sociala avgifter</Caption>\n              </td>\n            </tr>\n            <tr>\n              <td><Body color={darkMode ? \"white\" : \"black\"}>{formatCurrency(-1 * values.vacationFund)}</Body></td>\n              <td>\n                <Caption color=\"orange\">Semesterersättning</Caption>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <hr />\n        <table>\n          <tbody>\n            <tr>\n              <td>\n                <Caption>Sparad buffert</Caption>\n              </td>\n              <td>{formatCurrency(values.buffer)}</td>\n            </tr>\n          </tbody>\n        </table>\n      </Box>\n      <Box marginBottom={2} justifyContent=\"center\">\n        <FlexPie width={280} height={280}>\n          <Pie\n            dataKey=\"value\"\n            data={data.reverse()}\n            startAngle={-270}\n            cx={135}\n            cy={135}\n            innerRadius={80}\n            outerRadius={120}\n            blendStroke={true}\n          >\n            {data.map(entry => (\n              <Cell key={entry.name} fill={entry.color} />\n            ))}\n          </Pie>\n        </FlexPie>\n      </Box>\n    </Box>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Box from \"@material-ui/core/Box\";\nimport { Button } from \"@material-ui/core\";\nimport {\n  Container,\n  FullHeightBlock,\n  Block,\n  ResponsiveBlock,\n} from \"components/shared/block\";\nimport { Header, Body } from \"components/shared/typography\";\nimport styled from \"@emotion/styled\";\n\nimport { Colors } from \"colors\";\n\nimport { Calculator } from \"../jobs/calculator\";\nimport { Calculation } from \"services/calculator/calculation\";\nimport { CalculationResult } from \"../jobs/calculationResult\";\nimport { getSalary } from \"services/calculator\";\n\nimport {\n  PatternTealImage,\n  PatternDarkImage,\n\n  CrewImage,\n  CrewDarkImage,\n  GroupImage,\n} from \"components/images\";\nimport { useDarkMode } from \"contexts/themeMode\";\n\nconst HeroBox = styled(Box)({\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexWrap: \"wrap\",\n  flexDirection: \"column\",\n  padding: \"20px\"\n\n\n});\n\nconst HeroHeader =styled(Header)({\n  fontSize: \"100px\",\n\n  lineHeight: \"100%\",\n  \"@media (max-width: 960px)\": {\n    fontSize: \"36pt\",\n  },\n  \"@media (max-width: 360px)\": {\n    fontSize: \"22pt\",\n  },\n}\n\n);\n\nconst HeroText = styled(Body)({\n  maxWidth: 800,\n  color: Colors.white,\n  textShadow: \"1px 1px 2px #000\",\n  fontweight: 400,\n  textAlign:\"center\",\n\n  }\n\n);\n\nconst HeroLinks = styled(Box)({\n  maxWidth: 760,\n  display: \"flex\",\n  flexGrow: 1,\n  justifyContent: \"center\",\n  padding: 30,\n  marginTop:30,\n  \n  \"@media (max-width: 960px)\": {\n    padding: 0,\n  },\n  \"@media (max-width: 360px)\": {\n    padding: 0,\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    flexGrow: 0,\n  },\n});\n\nconst NavLink = styled(Link)`\n  color: ${(props) => props.color || Colors.white};\n  text-shadow: ${(props) =>\n    props.color === Colors.white ? \"1px 1px 2px #000\" : \"none\"};\n  text-transform: uppercase;\n  text-decoration: none;\n  border-bottom: ${(props) =>\n    props.color === Colors.white ? `2px solid ${Colors.white}` : \"none\"};\n  font-weight: 600;\n  &:after {\n    content: \"»\";\n    margin-left: 0.5rem;\n  }\n  @media (max-width: 360px) {\n    margin: 10px;\n    text-align: center;\n  }\n`;\n\n\n\nconst ButtonLink = styled(Link)`\n  color: ${(props) => props.color || Colors.black};\n  background-color: white;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  font-weight: 500;\n  cursor: pointer;\n  opacity: 0.8;\n  margin: 10px;\n  padding: 15px;\n  &:hover {\n\n  \n    background-color: black;\n    color:white;\n  }\n  @media (max-width: 360px) {\n    margin: 10px;\n    text-align: center;\n  }\n`;\n\nconst ButtonLinkExternal = styled('a')`\n\ncolor: ${(props) => props.color || Colors.black};\nbackground-color: white;\n\n\n  text-transform: uppercase;\n  text-decoration: none;\n  font-weight: 500;\n  cursor: pointer;\n  opacity: 0.8;\n  margin: 10px;\n  padding: 15px;\n  &:hover {\n\n  \n    background-color: black;\n    color:white;\n  }\n  @media (max-width: 360px) {\n    margin: 10px;\n    text-align: center;\n  }\n`;\n\nconst FullHeightImage = styled(FullHeightBlock)({\n\n\n\"@media (max-width: 960px)\": {\n  backgroundPositionX: \"center\",\n  backgroundSize:\"cover\"\n},\n\"@media (max-width: 360px)\": {\n  backgroundPositionX: \"center\",\n  backgroundSize:\"cover\"\n} });\n\nconst HomeView = () => {\n  const [calculation, setCalculation] = useState<Calculation | null>(null);\n  const darkMode = useDarkMode();\n\n  const updateCalculation = (salary: number, rate: number) => {\n    getSalary(salary, rate).then((data) => {\n      setCalculation(data);\n    });\n  };\n\n  return (\n    <>\n      <FullHeightBlock\n        backgroundImage={darkMode ? PatternDarkImage() : PatternTealImage()}\n      >\n        <Container padding={0}>\n          <HeroBox >\n            <Box display=\"flex\" flexDirection=\"column\" flexGrow={1} justifyContent=\"center\" >\n              <Header \n              textAlignment=\"center\"\n                variant=\"h2\"\n                color=\"white\"\n                marginBottom={10}\n                justifyContent=\"center\"\n              >             \n               Välkommen till\n              </Header>\n            \n              <HeroHeader\n              variant=\"h1\"\n                color=\"white\"\n                marginBottom={60}\n              >\n              LOGIKFABRIKEN\n              </HeroHeader>\n            </Box>\n            <Box display=\"flex\" flexGrow={1} justifyContent=\"center\">\n              <HeroText\n              >\n                Nytänkande, roligt och kunskapsdrivet konsultbolag med\n                medarbetaren i fokus. Hos Logikfabriken väljer man själv sitt\n                uppdrag, sätter sin egen lön, styr över sin egen utveckling och\n                får vara med att utveckla världens bästa företag.\n              </HeroText>\n            </Box>\n            <Box display=\"flex\" flexGrow={1} justifyContent=\"center\">\n              <HeroLinks>\n                <ButtonLink to=\"/case\"  >\n                  Case\n                </ButtonLink>\n                <ButtonLinkExternal href=\"https://jobs.logikfabriken.se\">Jobba med oss\n                </ButtonLinkExternal>\n                \n              </HeroLinks>\n            </Box>\n          </HeroBox>\n        </Container>\n      </FullHeightBlock>\n    \n      \n      <Block backgroundColor={darkMode ? \"black\" : \"white\"}>\n        <Container padding={0}>\n          <ResponsiveBlock>\n            <Box\n              display=\"flex\"\n              maxWidth={500}\n              flexBasis={\"auto\"}\n              paddingTop={4}\n              paddingBottom={4}\n              flexGrow={1}\n              minHeight={150}\n              justifyContent=\"center\"\n            >\n              <Header\n                variant=\"h1\"\n                color={darkMode ? \"white\" : \"black\"}\n                underline={{ width: 300, color: \"darkTeal\" }}\n                textAlignment=\"left\"\n              >\n                Välkomnande atmosfär och alla på samma villkor\n              </Header>\n            </Box>\n            <Box\n              display=\"flex\"\n              maxWidth={500}\n              flexBasis={\"auto\"}\n              flexGrow={1}\n              paddingTop={4}\n              paddingBottom={4}\n              minHeight={150}\n            >\n              <Body color={darkMode ? \"white\" : \"black\"}>\n                Något unikt för Logikfabriken är att alla våra medarbetare har\n                exakt samma villkor. Alla medarbetare kan således öppet prata om\n                allt som rör uppdrag, ekonomi, pension och timtaxor. Tillsammans\n                hjälper vi varandra till det bättre.\n              </Body>\n            </Box>\n          </ResponsiveBlock>\n        </Container>\n      </Block>\n      <FullHeightBlock backgroundColor={darkMode ? \"darkGrey\" : \"cleanGrey\"} id=\"kalkylator\">\n        <Container>\n          <ResponsiveBlock>\n            <Box\n              display=\"flex\"\n              flexDirection=\"column\"\n              maxWidth={500}\n              justifyContent=\"center\"\n            >\n    <Header\n                variant=\"h1\"\n                color={darkMode ? \"white\" : \"black\"}\n               \n                textAlignment=\"left\"\n                marginBottom={30}\n              >\n                Sätt din egen lön\n              </Header>\n              <Calculator onChange={updateCalculation} />\n            </Box>\n            <Box display=\"flex\" maxWidth={500}>\n              <CalculationResult values={calculation} />\n            </Box>\n          </ResponsiveBlock>\n        </Container>\n      </FullHeightBlock>\n      <Block backgroundColor={darkMode ? \"black\" : \"white\"}>\n        <Container>\n          <ResponsiveBlock>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              maxWidth={500}\n              flexBasis={\"auto\"}\n              paddingTop={4}\n              paddingBottom={4}\n              flexGrow={1}\n              minHeight={150}\n              justifyContent=\"center\"\n            >\n              <Header\n                variant=\"h1\"\n                color={darkMode ? \"white\" : \"black\"}\n                underline={{ width: 300, color: \"darkTeal\" }}\n                textAlignment=\"left\"\n              >\n                Hos oss väljer du uppdraget\n              </Header>\n            </Box>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              maxWidth={500}\n              flexBasis={\"auto\"}\n              flexGrow={1}\n              paddingTop={4}\n              paddingBottom={4}\n              minHeight={350}\n            >\n              <Body color={darkMode ? \"white\" : \"black\"}>\n                Tillsammans har vi ett enormt nätverk med kontakter. Vi söker\n                vitt och brett och samlar en lista på uppdrag som passar dina\n                önskemål. Sen är det din tur att välja det som känns bäst. Det\n                är mycket som ska stämma - roliga uppgifter, intressanta\n                uppdragsgivare, möjlighet till utveckling och rätt arvode.{\" \"}\n                <strong>Därför är det du som väljer!</strong>\n              </Body>\n            </Box>\n          </ResponsiveBlock>\n        </Container>\n      </Block>\n      <FullHeightImage\n        backgroundImage={darkMode ? GroupImage() : GroupImage() }\n\n\n\n      ></FullHeightImage>\n    </>\n  );\n};\n\nexport default HomeView;\n","import React, { useState } from \"react\";\nimport { BrowserRouter, Route, Switch, Link } from \"react-router-dom\";\nimport { HashLink } from \"react-router-hash-link\";\nimport loadable from \"@loadable/component\";\nimport { ClimateView } from \"components/climate\";\nimport { ScrollToTop } from \"components/shared/scrollToTop\";\nimport {\n  AppBar,\n  Toolbar,\n  Box,\n  Drawer,\n  ClickAwayListener,\n  ThemeProvider,\n  IconButton,\n  Hidden,\n} from \"@material-ui/core\";\nimport CompabilityProvider from \"contexts/browserCompability\";\nimport ArrowBackIcon from \"@material-ui/icons/ArrowBack\";\nimport MenuIcon from \"@material-ui/icons/Menu\";\nimport styled from \"@emotion/styled\";\n\nimport { Colors } from \"colors\";\nimport logo from \"assets/images/logo-black.svg\";\nimport darkLogo from \"assets/images/logo-white.svg\";\n\nimport { theme, darkTheme } from \"theme\";\nimport { Footer } from \"components/shared/footer\";\nimport { css } from \"@emotion/core\";\n\nimport ThemeModeProvider, { useDarkMode, isDarkMode } from \"contexts/themeMode\";\nimport HomeView from \"components/home\";\n\nconst AboutView = loadable(() => import(\"components/about\"));\nconst CaseView = loadable(() => import(\"components/case\"));\nconst JobsView = loadable(() => import(\"components/jobs\"));\n\nconst AppWrapper = styled.div({\n  paddingTop: 60,\n  minHeight: \"100vh\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"flex-end\",\n  \"@media (max-width: 960px)\": {\n    paddingTop: 55,\n  },\n});\n\nconst Navigation = styled(Toolbar)({\n  backgroundColor: Colors.white,\n  justifyContent: \"space-between\",\n});\n\nconst Logo = styled(Link)({\n  backgroundImage: `url(${logo})`,\n  height: 36,\n  width: 36,\n  backgroundSize: \"contain\",\n  backgroundPosition: \"50%\",\n  backgroundRepeat: \"no-repeat\",\n  display: \"inline-block\",\n});\n\nconst DarkLogo = styled(Link)({\n  backgroundImage: `url(${darkLogo})`,\n  height: 36,\n  width: 36,\n  backgroundSize: \"contain\",\n  backgroundPosition: \"50%\",\n  backgroundRepeat: \"no-repeat\",\n  display: \"inline-block\",\n});\n\nconst NavBox = styled(Box)(\n  css`\n    flex-direction: row;\n    flex-wrap: nowrap;\n     @media (max-width: 960px){\n    div:nth-of-type(1n) {\n      flex: 0.2;\n    }\n    div:nth-of-type(2n) {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex: 0.2;\n    }\n    div:nth-of-type(3n) {\n      flex: 0.2;\n    }\n  }\n    @media (min-width: 960px) {\n      max-width: 1200px,\n      margin-left: auto,\n      margin-right: auto,\n      flex: 1;\n      flex-direction: row;\n      align-content: stretch;  \n    }\n  `\n);\n\nconst linkBase = css`\n  text-transform: uppercase;\n  text-decoration: none;\n`;\n\nconst navLinkStyle = css`\n  ${linkBase}\n  font-size: 9pt;\n  font-weight: 800;\n  margin: 0.5rem 2rem;\n  &:hover {\n    border-bottom: 2px solid ${Colors.black};\n  }\n  color: ${Colors.black};\n`;\n\nconst sideLinkStyle = css`\n  ${linkBase}\n  margin: 0;\n  padding: 1rem 2rem;\n  font-weight: 500;\n  &:after {\n    content: \"»\";\n    margin-left: 0.5rem;\n  }\n  color: ${Colors.white};\n`;\n\nconst NavLink = styled(Link)(\n  (props) => css`\n    ${navLinkStyle}\n    color: ${props.color};\n    &:hover {\n      border-bottom: 2px solid ${props.color};\n    }\n  `\n);\n\nconst SideLink = styled(Link)(\n  (props) => css`\n    ${sideLinkStyle}\n    color: ${props.color}\n  `\n);\n\nconst NavHashLink = styled(HashLink)(\n  (props) => css`\n    ${navLinkStyle}\n    color: ${props.color};\n    &:hover {\n      border-bottom: 2px solid ${props.color};\n    }\n  `\n);\n\nconst SideHashLink = styled(HashLink)(\n  (props) => css`\n    ${sideLinkStyle}\n    color: ${props.color}\n  `\n);\n\nconst SideHashLinkExternal = styled('a')(\n  (props) => css`\n    ${sideLinkStyle}\n    color: ${props.color}\n  `\n);\n\nconst ExternalLink = styled('a')(\n  (props) => css`\n    ${navLinkStyle}\n    color: ${props.color};\n    &:hover {\n      border-bottom: 2px solid ${props.color};\n    }\n  `\n);\n\nconst Links = ({\n  direction,\n  onNavigate,\n}: {\n  direction: \"column\" | \"row\";\n  onNavigate?: () => void;\n}) => {\n  const handleNavigate = () => {\n    onNavigate && onNavigate();\n  };\n\n  //const darkMode = useDarkMode();\n  const darkMode = false;\n\n  return (\n    <Box display=\"flex\" alignContent=\"center\" flexDirection={direction}>\n      {direction === \"row\" ? (\n        <>\n          <NavLink\n            onClick={handleNavigate}\n            to=\"/case\"\n            color={darkMode ? Colors.white : Colors.black}\n          >\n            Case\n          </NavLink>\n          <NavHashLink\n            onClick={handleNavigate}\n            to=\"/om#dna\"\n            color={darkMode ? Colors.white : Colors.black}\n          >\n            Vår Värdegrund\n          </NavHashLink>\n          <NavHashLink\n            onClick={handleNavigate}\n            to=\"/klimat\"\n            color={darkMode ? Colors.white : Colors.black}\n          >\n            Vi är Klimatsmarta\n          </NavHashLink>\n          <ExternalLink\n            href=\"https://jobs.logikfabriken.se\"\n            color={darkMode ? Colors.white : Colors.black} \n          >\n            Jobba hos oss\n          </ExternalLink>\n          <NavHashLink\n            onClick={handleNavigate}\n            to=\"/jobb#kontakt\"\n            color={darkMode ? Colors.white : Colors.black}\n          >\n            Kontakt\n          </NavHashLink>\n        </>\n      ) : (\n        <>\n          <SideLink onClick={handleNavigate} to=\"/\">\n            Hem\n          </SideLink>\n          <SideLink onClick={handleNavigate} to=\"/case\">\n            Case\n          </SideLink>\n          <SideHashLink onClick={handleNavigate} to=\"/om#dna\">\n            Vår Värdegrund\n          </SideHashLink>\n          <SideLink onClick={handleNavigate} to=\"/klimat\">\n            Vi är Klimatsmarta\n          </SideLink>\n          <SideHashLinkExternal href=\"https://jobs.logikfabriken.se\">\n            Jobba hos oss!\n          </SideHashLinkExternal>\n          <SideHashLink onClick={handleNavigate} to=\"/jobb#kontakt\">\n            Kontakt\n          </SideHashLink>\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst App = () => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const handleClickAway = () => {\n    setMenuOpen(false);\n  };\n\n  //const darkMode = isDarkMode();\n  const darkMode = false;\n\n  return (\n    <CompabilityProvider>\n      <ThemeModeProvider>\n        <ThemeProvider theme={darkMode ? darkTheme : theme}>\n          <BrowserRouter>\n            <ClickAwayListener onClickAway={handleClickAway}>\n              <AppWrapper>\n                <AppBar position=\"fixed\">\n                  <Navigation>\n                    <NavBox\n                      display=\"flex\"\n                      flexGrow=\"1\"\n                      justifyContent=\"space-between\"\n                    >\n                      <Hidden mdUp>\n                        <div>\n                          <IconButton\n                            onClick={() => setMenuOpen(true)}\n                            aria-label=\"open menu\"\n                          >\n                            <MenuIcon />\n                          </IconButton>\n                        </div>\n                      </Hidden>\n                      <Hidden smDown>\n                        {darkMode ? <DarkLogo to=\"/\" /> : <Logo to=\"/\" />}\n                        <Links direction=\"row\" />\n                      </Hidden>\n                      <Hidden mdUp>\n                        <div>\n                          <Logo to=\"/\" />\n                        </div>\n                      </Hidden>\n                      <Hidden mdUp>\n                        <div></div>\n                      </Hidden>\n                    </NavBox>\n                  </Navigation>\n                </AppBar>\n                <Drawer open={menuOpen}>\n                  <Box display=\"flex\" marginLeft=\"1rem\">\n                    <IconButton color=\"primary\" onClick={handleClickAway}>\n                      <ArrowBackIcon />\n                    </IconButton>\n                  </Box>\n                  <Links onNavigate={handleClickAway} direction=\"column\" />\n                </Drawer>\n                <ScrollToTop />\n                <Switch>\n                  <Route exact path=\"/\" component={HomeView} />\n                  <Route exact path=\"/case\" component={CaseView} />\n                  <Route exact path=\"/om\" component={AboutView} />\n                  <Route exact path=\"/klimat\" component={ClimateView} />\n                  <Route exact path=\"/jobb\" component={JobsView} />\n                </Switch>\n                <Footer />\n              </AppWrapper>\n            </ClickAwayListener>\n          </BrowserRouter>\n        </ThemeProvider>\n      </ThemeModeProvider>\n    </CompabilityProvider>\n  );\n};\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === \"localhost\" ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === \"[::1]\" ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\ntype Config = {\n  onSuccess?: (registration: ServiceWorkerRegistration) => void;\n  onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n  if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener(\"load\", () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            \"This web app is being served cache-first by a service \" +\n              \"worker. To learn more, visit https://bit.ly/CRA-PWA\"\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then((registration) => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === \"installed\") {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                \"New content is available and will be used when all \" +\n                  \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\"\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log(\"Content is cached for offline use.\");\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch((error) => {\n      console.error(\"Error during service worker registration:\", error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { \"Service-Worker\": \"script\" },\n  })\n    .then((response) => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get(\"content-type\");\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf(\"javascript\") === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then((registration) => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        \"No internet connection found. App is running in offline mode.\"\n      );\n    });\n}\n\nexport function unregister() {\n  if (\"serviceWorker\" in navigator) {\n    navigator.serviceWorker.getRegistrations().then(function (registrations) {\n      //returns installed service workers\n      if (registrations.length) {\n        for (let registration of registrations) {\n          registration.unregister();\n        }\n      }\n    });\n  }\n}\n","export default __webpack_public_path__ + \"static/media/Oswald-Light.8716983b.ttf\";","export default __webpack_public_path__ + \"static/media/Oswald-Medium.655e6103.ttf\";","export default __webpack_public_path__ + \"static/media/TitilliumWeb-Bold.7a3e2008.ttf\";","export default __webpack_public_path__ + \"static/media/TitilliumWeb-Light.e2dd145c.ttf\";","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nimport \"./assets/fonts/Oswald-Light.ttf\";\nimport \"./assets/fonts/Oswald-Medium.ttf\";\nimport \"./assets/fonts/TitilliumWeb-Bold.ttf\";\nimport \"./assets/fonts/TitilliumWeb-Light.ttf\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","import { Calculation } from './calculation';\n\nconst _serviceUrl =\n  'https://logfabsalarycalculator.azurewebsites.net/calculate';\n\nexport const formatCurrency = (value: number) => {\n  const roundedValue = Math.round(value);\n  const formatted = `${roundedValue\n    .toString()\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ')} kr`;\n  return formatted;\n};\nlet abortController = new AbortController();\nexport const getSalary = async (\n  salary: number,\n  rate: number\n): Promise<Calculation> => {\n  abortController.abort();\n  abortController = new AbortController();\n  const url = `${_serviceUrl}?salary=${salary}&wage=${rate}&percentage=0.7`;\n  const response = await fetch(url, { signal: abortController.signal });\n  if (response.ok) {\n    const result = await response.json();\n    return result;\n  } else {\n    return { socialFees: 0, grossSalary: 0, vacationFund: 0, buffer: 0 };\n  }\n};\n","import React, { useState, useContext, createContext, useEffect } from \"react\";\n\ninterface CompabilityInterface {\n  imageFormat: imageSupport;\n}\n\nexport type imageSupport = \"webP\" | \"jp2\" | \"default\";\n\nconst CompabilityContext = createContext<CompabilityInterface>({\n  imageFormat: \"default\"\n});\n\nfunction testWebPSupport() {\n  return new Promise(res => {\n    const webP = new Image();\n    webP.src =\n      \"data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA\";\n    webP.onload = webP.onerror = function() {\n      res(webP.height === 2);\n    };\n  });\n}\n\nfunction testJp2Support() {\n  return new Promise(res => {\n    var JP2 = new Image();\n    JP2.src =\n      \"data:image/jp2;base64,/0//UQAyAAAAAAABAAAAAgAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAEBwEBBwEBBwEBBwEB/1IADAAAAAEAAAQEAAH/XAAEQED/ZAAlAAFDcmVhdGVkIGJ5IE9wZW5KUEVHIHZlcnNpb24gMi4wLjD/kAAKAAAAAABYAAH/UwAJAQAABAQAAf9dAAUBQED/UwAJAgAABAQAAf9dAAUCQED/UwAJAwAABAQAAf9dAAUDQED/k8+kEAGvz6QQAa/PpBABr994EAk//9k=\";\n    JP2.onload = JP2.onerror = function() {\n      res(JP2.height === 2);\n    };\n  });\n}\n\nconst CompabilityProvider = (props: any) => {\n  const [imageSupport, setImageSupport] = useState(\"default\");\n  const [webPSupportChecked, setWebPSupportChecked] = useState(false);\n  const [jp2SupportChecked, setjp2SupportChecked] = useState(false);\n  useEffect(() => {\n    testWebPSupport().then(res => {\n      if (res) {\n        setImageSupport(\"webP\");\n      }\n      setWebPSupportChecked(true);\n    });\n    testJp2Support().then(res => {\n      if (res) {\n        setImageSupport(\"jp2\");\n      }\n      setjp2SupportChecked(true);\n    });\n  }, []);\n\n  const compability = {\n    imageFormat: imageSupport\n  };\n\n  if (!webPSupportChecked || !jp2SupportChecked) return <div></div>;\n\n  return <CompabilityContext.Provider value={compability} {...props} />;\n};\n\nexport default CompabilityProvider;\n\nexport const useBrowserCompability = () => useContext(CompabilityContext);\n"],"sourceRoot":""}