{"version":3,"sources":["webpack:///./src/components/Button/FilledButton.tsx","webpack:///./src/components/Button/TransparentButton.tsx","webpack:///./node_modules/gatsby-plugin-anchor-links/components/AnchorLink.js","webpack:///./src/images/Icons/BurgerIcon.tsx","webpack:///./src/images/Icons/LanguageIcon.tsx","webpack:///./src/components/LanguageSelector/styles.tsx","webpack:///./src/components/EducationNavigation/styled.tsx","webpack:///./src/components/EducationNavigation/EducationNavigation.tsx","webpack:///./src/hooks/useWindowSize.ts","webpack:///./src/hooks/useToggle.ts","webpack:///./node_modules/gatsby-plugin-anchor-links/types.js","webpack:///./src/images/Icons/CloseIcon.tsx","webpack:///./src/images/Icons/ChevronIcon.tsx","webpack:///./node_modules/gatsby-plugin-anchor-links/index.js","webpack:///./src/components/Header/styled.ts","webpack:///./src/components/ClientOnly/ClientOnly.tsx","webpack:///./src/hooks/useBodyScrollLock.ts"],"names":["SkewToClipPath","Skew","FilledButton","styled","ResponsiveButtonBase","theme","palette","primary","props","isRtl","light","dimensions","spacingBase16","skew","TransparentButton","button","Object","defineProperty","exports","value","AnchorLink","obj","_react","require","__esModule","_gatsby","_utils","_types","_ref","to","title","children","className","_ref$stripHash","stripHash","linkProps","stripHashedLocation","onClick","e","handleStrippedLinkClick","handleLinkClick","createElement","Link","Boolean","propTypes","anchorLinkTypes","BurgerIcon","xmlns","width","height","viewBox","fill","fillRule","d","transform","LanguageIcon","color","Container","div","fixedHeader","ListWrapper","ul","isMenuOpen","display","position","top","left","bottom","right","margin","paddingBottom","paddingTop","minHeight","alignItems","flexDirection","boxShadow","maxHeight","ListItem","li","lightSecondary","ListItemLink","dark","variant","ChevronWrapper","i","isOpen","SelectedValueWrapper","isMobileAndOpen","basePadding","menuHeight","LogoPlaceholder","devices","xxlarge","Navbar","OrnamentTriangle","secondaryLight","Navigation","nav","EduWrapper","Wrapper","spacingBase14","EduGhostButton","GhostButton","ui","borderMedium","white","EduMenuLink","EduSignInMenuLink","MenuLink","EducSelectedValueWrapper","LanguageSelector","showLanguageSelector","toggleLanguageSelector","languages","useLanguages","location","useLocation","currentLocale","useCurrentLocale","isMobile","useWindowSize","deviceSize","selectedLang","mobile","style","ChevronIcon","find","language","locale","name","map","Fragment","key","localStorage","setItem","generateLinkToTheNewLocale","MenuItems","t","useTranslations","createLink","useLinkCreator","useToggle","on","toggle","closeMobileMenuOnAnchorClick","toggleMenu","useIsRtl","menuLinks","aboutUs","howTo","events","education","id","as","target","rel","href","signIn","signUp","MobileMenuOrnamentTriangleBottom","EducationMenuList","MenuList","MenuItem","spacingBase10","HomepageLink","EducationNavigation","mobileMenuBreakpoint","xlarge","closeMenu","setOff","useBodyScrollLock","useEffect","home","aria-label","CloseIcon","Triangle","cornerType","CornerTypes","showOnMobile","zIndex","getSize","window","innerWidth","innerHeight","useState","windowSize","setWindowSize","handleResize","addEventListener","removeEventListener","defaultValue","React","setIsOn","setOn","v","_propTypes","string","isRequired","bool","node","enumerable","get","_AnchorLink","header","HeaderWrapper","medium","HeaderBackgroundImage","img","large","HeaderVideo","video","StartSectionWrapper","a","Menu","BurgerMenu","fontSize","base","AbsoluteWrapper","ClientOnly","hasMounted","setHasMounted","condition","useLayoutEffect","originalStyle","getComputedStyle","document","body","overflow"],"mappings":"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","file":"c1b2ac85241242387f6545054fb525c4d3b98314-ffcddce99d2c90861e33.js","sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'styles/styled';\nimport ResponsiveButtonBase, { Skew } from './styled';\n\nconst SkewToClipPath: { [key in Skew]: string } = {\n  [Skew['top-right']]: 'polygon(0 0, 92% 0, 100% 100%, 0% 100%)',\n  [Skew['bottom-right']]: 'polygon(0 0, 100% 0, 92% 100%, 0% 100%)',\n  [Skew['top-left']]: 'polygon(8% 0, 100% 0, 100% 100%, 0% 100%);',\n  [Skew['bottom-left']]: 'polygon(0 0, 100% 0, 100% 100%, 8% 100%)',\n};\n\ninterface FilledButtonProps {\n  skew: Skew;\n  isRtl: boolean;\n}\n\nconst FilledButton = styled(ResponsiveButtonBase)<\n  FilledButtonProps & React.PropsWithoutRef<JSX.IntrinsicElements['button']>\n>`\n  background: ${theme.palette.primary};\n  direction: ${(props) => (props.isRtl ? 'rtl' : 'ltr')};\n\n  color: ${theme.palette.light};\n  padding: ${theme.dimensions.spacingBase16}px 46px\n    ${theme.dimensions.spacingBase16}px 40px;\n  text-transform: uppercase;\n  outline: none;\n\n  clip-path: ${({ skew }) => SkewToClipPath[skew]};\n\n  :disabled {\n    opacity: 0.5;\n    cursor: auto;\n  }\n`;\n\nexport { Skew } from './styled';\nexport default FilledButton;\n","import styled from 'styled-components';\n\nconst TransparentButton = styled.button`\n  background: transparent;\n  outline: none;\n`;\n\nexport default TransparentButton;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.AnchorLink = AnchorLink;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _gatsby = require(\"gatsby\");\n\nvar _utils = require(\"../utils\");\n\nvar _types = require(\"../types\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction AnchorLink(_ref) {\n  var to = _ref.to,\n      title = _ref.title,\n      children = _ref.children,\n      className = _ref.className,\n      _ref$stripHash = _ref.stripHash,\n      stripHash = _ref$stripHash === void 0 ? false : _ref$stripHash;\n  var linkProps = {\n    to: stripHash ? (0, _utils.stripHashedLocation)(to) : to,\n    onClick: function onClick(e) {\n      return stripHash ? (0, _utils.handleStrippedLinkClick)(to, e) : (0, _utils.handleLinkClick)(to, e);\n    }\n  };\n  /**\n   * Optional props\n   */\n\n  if (title) linkProps.title = title;\n  if (className) linkProps.className = className;\n  return _react[\"default\"].createElement(_gatsby.Link, linkProps, Boolean(children) ? children : title);\n}\n\nAnchorLink.propTypes = _types.anchorLinkTypes;","import React from 'react';\n\nconst BurgerIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"26\"\n    height=\"24\"\n    viewBox=\"0 0 26 24\">\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <path d=\"M0 0H32V32H0z\" transform=\"translate(-3 -4)\" />\n      <path\n        fill=\"#28AAFF\"\n        d=\"M3 4H29V6H3zM3 15H29V17H3zM3 26H29V28H3z\"\n        transform=\"translate(-3 -4)\"\n      />\n    </g>\n  </svg>\n);\n\nexport default BurgerIcon;\n","import React from 'react';\nimport { theme } from 'styles/styled';\n\nconst LanguageIcon = ({ color = theme.palette.light }: { color?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"21\"\n    height=\"21\"\n    viewBox=\"0 0 21 21\">\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <path d=\"M0 0L23 0 23 23 0 23z\" transform=\"translate(-1 -1)\" />\n      <path\n        fill={color}\n        fillRule=\"nonzero\"\n        d=\"M11.49 1.917c-5.29 0-9.573 4.293-9.573 9.583s4.283 9.583 9.573 9.583c5.3 0 9.593-4.293 9.593-9.583S16.79 1.917 11.49 1.917zm6.642 5.75h-2.827a14.997 14.997 0 00-1.323-3.412 7.695 7.695 0 014.15 3.412zM11.5 3.872a13.5 13.5 0 011.83 3.795H9.67a13.5 13.5 0 011.83-3.795zm-7.418 9.545a7.898 7.898 0 01-.249-1.917c0-.661.096-1.303.25-1.917h3.239a15.827 15.827 0 00-.135 1.917c0 .652.058 1.284.135 1.917h-3.24zm.786 1.916h2.827a14.997 14.997 0 001.323 3.412 7.654 7.654 0 01-4.15-3.412zm2.827-7.666H4.868a7.654 7.654 0 014.15-3.412 14.997 14.997 0 00-1.323 3.412zM11.5 19.128a13.5 13.5 0 01-1.83-3.795h3.66a13.5 13.5 0 01-1.83 3.795zm2.242-5.711H9.258a14.1 14.1 0 01-.153-1.917c0-.652.067-1.294.154-1.917h4.485c.086.623.153 1.265.153 1.917a14.1 14.1 0 01-.154 1.917zm.24 5.328a14.997 14.997 0 001.323-3.412h2.827a7.695 7.695 0 01-4.15 3.412zm1.696-5.328c.077-.633.134-1.265.134-1.917 0-.652-.057-1.284-.134-1.917h3.24c.153.614.249 1.256.249 1.917s-.096 1.303-.25 1.917h-3.239z\"\n        transform=\"translate(-1 -1)\"\n      />\n    </g>\n  </svg>\n);\n\nexport default LanguageIcon;\n","import { Link } from 'gatsby';\nimport styled from 'styles/styled';\n\nexport const Container = styled.div<{ fixedHeader: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  ${({ fixedHeader }) => fixedHeader && { color: '#000' }}\n`;\n\nexport const ListWrapper = styled.ul<{ isMenuOpen: boolean }>`\n  ${({ isMenuOpen }) =>\n    isMenuOpen\n      ? {\n          display: 'flex',\n          position: 'fixed',\n          top: '75px',\n          left: 0,\n          bottom: '30px',\n          right: 0,\n          margin: '56px 0 0',\n          paddingBottom: '128px',\n          paddingTop: '54px',\n          minHeight: '385px',\n          alignItems: 'center',\n          flexDirection: 'column',\n        }\n      : {\n          position: 'absolute',\n          top: '36px',\n          left: 0,\n          boxShadow: '0 4px 30px 0 rgba(0, 0, 0, 0.1)',\n          maxHeight: '385px',\n        }};\n\n  @media (max-height: 560px) and (min-width: 425px) {\n    margin-top: ${({ isMenuOpen }) => isMenuOpen && '0'};\n  }\n\n  background-color: ${({ theme }) => theme.palette.light};\n  overflow-y: scroll;\n`;\n\nexport const ListItem = styled.li`\n  cursor: pointer;\n\n  &:hover {\n    background-color: ${({ theme }) => theme.palette.lightSecondary};\n  }\n`;\n\nexport const ListItemLink = styled(Link)`\n  color: ${({ theme }) => theme.palette.dark} !important;\n  padding: ${({ theme }) => theme.dimensions.spacingBase16 * 1.5}px;\n  display: inline-block;\n  min-width: 200px;\n  text-align: ${({ variant }: { variant?: 'mobile' | 'desktop' }) =>\n    variant === 'mobile' ? 'center' : 'left'};\n  text-decoration: none !important;\n\n  &:not(:last-of-type) {\n    padding-bottom: ${({ theme }) => theme.dimensions.spacingBase16}px;\n  }\n`;\n\nexport const ChevronWrapper = styled.i<{ isOpen: boolean }>`\n  transform: rotateZ(${({ isOpen }) => (isOpen ? '180deg' : 0)});\n`;\n\nexport const SelectedValueWrapper = styled.div<{ isMobileAndOpen?: boolean }>`\n  ${({ isMobileAndOpen, theme }) =>\n    isMobileAndOpen && {\n      position: 'fixed',\n      left: theme.dimensions.basePadding,\n      top: theme.dimensions.menuHeight,\n      width: '100%',\n      height: '20%',\n    }};\n\n  @media (max-height: 560px) and (min-width: 425px) {\n    width: ${({ isMobileAndOpen }) => isMobileAndOpen && '20%'};\n  }\n\n  display: flex;\n  background-color: ${({ theme }) => theme.palette.light};\n  z-index: 100;\n  align-items: center;\n  justify-content: flex-start;\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport { AnchorLink } from 'gatsby-plugin-anchor-links';\nimport GhostButton, { Skew } from 'components/Button/GhostButton';\nimport styled, { theme } from 'styles/styled';\nimport useCurrentLocale, { useIsRtl } from 'hooks/useCurrentLocale';\n\nimport {\n  useTranslations,\n  generateLinkToTheNewLocale,\n  useLanguages,\n} from 'settings/i18n';\nimport {\n  Wrapper,\n  MenuList,\n  MenuLink,\n  MenuItem,\n} from 'components/Header/styled';\nimport { useLocation } from 'hooks/useLocation';\nimport ChevronIcon from 'images/Icons/ChevronIcon';\nimport LanguageIcon from 'images/Icons/LanguageIcon';\nimport useWindowSize from 'hooks/useWindowSize';\nimport useToggle from 'hooks/useToggle';\nimport useLinkCreator from 'hooks/useLinkCreator';\nimport menuLinks from 'settings/menuLinks';\n\nimport {\n  Container as LanguageSelectorContainer,\n  ChevronWrapper,\n  ListItem,\n  ListWrapper,\n  SelectedValueWrapper,\n  ListItemLink,\n} from '../LanguageSelector/styles';\n\nexport const LogoPlaceholder = styled.div<{ isMenuOpen: boolean }>`\n  z-index: 3;\n  position: fixed;\n  background: ${(props) =>\n    props.isMenuOpen ? theme.palette.primary : theme.palette.light};\n  padding: ${theme.dimensions.spacingBase16}px 0 0\n    ${theme.dimensions.spacingBase16}px;\n  clip-path: polygon(0 0, 100% 0, 100% 81%, 0% 100%);\n  height: 85px;\n  width: 100%;\n\n  svg {\n    height: 36px;\n    width: 120px;\n  }\n\n  @media ${theme.devices.xxlarge} {\n    clip-path: polygon(0 0, 0% 100%, 100% 0);\n    height: 160px;\n    width: 550px;\n    padding: 30px 0 0 30px;\n\n    svg {\n      height: 55px;\n      width: 172px;\n    }\n  }\n`;\n\nexport const Navbar = styled.div<{ isMenuOpen: boolean }>`\n  z-index: 2;\n  position: fixed;\n  background: ${theme.palette.primary};\n  height: 110px;\n  width: 100%;\n  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 87%);\n  ${({ isMenuOpen }) =>\n    isMenuOpen ? { display: 'none' } : { display: 'block' }}\n\n  @media ${theme.devices.xxlarge} {\n    height: 160px;\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);\n  }\n`;\n\nexport const OrnamentTriangle = styled.div`\n  display: none;\n  z-index: 1;\n  position: fixed;\n  height: 172px;\n  width: 450px;\n  background: ${theme.palette.secondaryLight};\n  clip-path: polygon(0 0, 0% 100%, 100% 50%);\n\n  @media ${theme.devices.xxlarge} {\n    display: block;\n  }\n`;\n\nexport const Navigation = styled.nav`\n  z-index: 102;\n  position: absolute;\n  top: 0;\n`;\n\nexport const EduWrapper = styled(Wrapper)`\n  display: flex;\n  justify-content: flex-end;\n  z-index: 10;\n  box-shadow: none;\n  background: transparent;\n  max-width: 1360px;\n  margin: 0 auto;\n  left: 0;\n  right: 0;\n  height: ${theme.dimensions.menuHeight}px;\n\n  padding: ${theme.dimensions.spacingBase14}px\n    ${theme.dimensions.spacingBase16}px;\n\n  @media ${theme.devices.xxlarge} {\n    padding: 30px;\n    height: auto;\n  }\n\n  @media ${theme.devices.xxlarge} {\n    padding: 30px 0;\n  }\n`;\n\nexport const EduGhostButton = styled(GhostButton)`\n  background: ${theme.palette.primary};\n  border-color: ${theme.palette.light};\n  color: ${theme.palette.light};\n\n  > * {\n    ${({ skew }) =>\n      skew === Skew['bottom-right']\n        ? `border-bottom: ${theme.ui.borderMedium(theme.palette.light)};`\n        : `border-top: ${theme.ui.borderMedium(theme.palette.light)};`}\n  }\n\n  ::after {\n    border-left: 2px solid ${theme.palette.light};\n    background: white;\n  }\n\n  @media ${theme.devices.xxlarge} {\n    background: ${theme.palette.white};\n\n    ::after {\n      background: transparent;\n    }\n  }\n`;\n\nexport interface MenuItemsProps {\n  fixedHeader: boolean;\n  isMenuOpen: boolean;\n  toggleMenu: () => void;\n}\n\nexport const EduMenuLink = styled(AnchorLink)`\n  color: black !important;\n  text-decoration: none !important;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  @media ${theme.devices.xxlarge} {\n    color: white !important;\n  }\n`;\n\nexport const EduSignInMenuLink = styled(MenuLink)`\n  color: white !important;\n  outline: none;\n\n  @media ${theme.devices.xxlarge} {\n    color: white !important;\n  }\n`;\n\nconst EducSelectedValueWrapper = styled(SelectedValueWrapper)`\n  height: 10%;\n  top: 120px;\n`;\n\ninterface LanguageSelectorProps {\n  isMenuOpen: boolean;\n  showLanguageSelector: boolean;\n  toggleLanguageSelector: () => void;\n}\n\nexport const LanguageSelector = ({\n  isMenuOpen,\n  showLanguageSelector,\n  toggleLanguageSelector,\n}: LanguageSelectorProps) => {\n  const languages = useLanguages();\n  const location = useLocation();\n  const currentLocale = useCurrentLocale();\n  const { width } = useWindowSize();\n\n  const isMobile = width < theme.deviceSize.xxlarge;\n\n  const selectedLang = (mobile: boolean) => (\n    <>\n      {mobile && (\n        <ChevronWrapper\n          style={{\n            transform: isMenuOpen ? 'rotateZ(90deg)' : 'none',\n          }}\n          isOpen={showLanguageSelector}>\n          <ChevronIcon color={theme.palette[isMobile ? 'primary' : 'light']} />\n        </ChevronWrapper>\n      )}\n      <i>\n        <LanguageIcon color={theme.palette[isMobile ? 'primary' : 'light']} />\n      </i>\n\n      {languages.find((language) => language.locale === currentLocale)?.name}\n\n      {!mobile && (\n        <ChevronWrapper isOpen={showLanguageSelector}>\n          <ChevronIcon color={theme.palette[isMobile ? 'primary' : 'light']} />\n        </ChevronWrapper>\n      )}\n    </>\n  );\n\n  const isMobileAndOpen = isMobile && isMenuOpen;\n\n  return (\n    <LanguageSelectorContainer\n      fixedHeader\n      onClick={toggleLanguageSelector}\n      style={{ color: isMobile ? 'black' : 'white' }}>\n      {selectedLang(false)}\n      {showLanguageSelector && (\n        <ListWrapper isMenuOpen={isMenuOpen}>\n          {isMobileAndOpen && (\n            <EducSelectedValueWrapper isMobileAndOpen={isMobileAndOpen}>\n              {selectedLang(true)}\n            </EducSelectedValueWrapper>\n          )}\n          {languages.map((language) => (\n            <React.Fragment key={language.locale}>\n              {language.locale !== currentLocale && (\n                <ListItem>\n                  <ListItemLink\n                    onClick={() =>\n                      localStorage.setItem('language', language.locale)\n                    }\n                    to={generateLinkToTheNewLocale(\n                      currentLocale,\n                      language.locale,\n                      location,\n                    )}>\n                    {language.name}\n                  </ListItemLink>\n                </ListItem>\n              )}\n            </React.Fragment>\n          ))}\n        </ListWrapper>\n      )}\n    </LanguageSelectorContainer>\n  );\n};\n\nexport const MenuItems = (props: MenuItemsProps) => {\n  const t = useTranslations();\n  const createLink = useLinkCreator();\n  const {\n    on: showLanguageSelector,\n    toggle: toggleLanguageSelector,\n  } = useToggle();\n  const closeMobileMenuOnAnchorClick = () => {\n    if (props.isMenuOpen) {\n      props.toggleMenu();\n    }\n  };\n\n  const isRtl = useIsRtl();\n\n  return (\n    <>\n      <MenuItem\n        onClick={closeMobileMenuOnAnchorClick}\n        showLanguageSelector={showLanguageSelector}>\n        <EduMenuLink to={createLink(menuLinks.aboutUs)}>\n          {t('aboutUs')}\n        </EduMenuLink>\n      </MenuItem>\n      <MenuItem\n        onClick={closeMobileMenuOnAnchorClick}\n        showLanguageSelector={showLanguageSelector}>\n        <EduMenuLink to={createLink(menuLinks.howTo)}>{t('howTo')}</EduMenuLink>\n      </MenuItem>\n      <MenuItem\n        onClick={closeMobileMenuOnAnchorClick}\n        showLanguageSelector={showLanguageSelector}>\n        <EduMenuLink to={createLink(menuLinks.events)}>\n          {t('events')}\n        </EduMenuLink>\n      </MenuItem>\n      <MenuItem showLanguageSelector={showLanguageSelector}>\n        <EduMenuLink to={createLink(menuLinks.education)}>\n          {t('education')}\n        </EduMenuLink>\n      </MenuItem>\n      <MenuItem showLanguageSelector={showLanguageSelector}>\n        <EduMenuLink\n          id=\"sign-in-button\"\n          as=\"a\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href={createLink(menuLinks.signIn)}>\n          {t('signIn')}\n        </EduMenuLink>\n      </MenuItem>\n      <MenuItem showLanguageSelector={showLanguageSelector}>\n        <EduSignInMenuLink\n          as=\"a\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href={createLink(menuLinks.signUp)}>\n          <EduGhostButton isRtl={isRtl} skew={Skew['bottom-right']}>\n            {t('signUp')}\n          </EduGhostButton>\n        </EduSignInMenuLink>\n      </MenuItem>\n      <MenuItem>\n        <LanguageSelector\n          {...props}\n          showLanguageSelector={showLanguageSelector}\n          toggleLanguageSelector={toggleLanguageSelector}\n        />\n      </MenuItem>\n    </>\n  );\n};\n\nexport const MobileMenuOrnamentTriangleBottom = styled.div`\n  height: 56px;\n  width: 100%;\n  right: -1px;\n  clip-path: polygon(0 94%, 100% 2%, 100% 100%, 0 100%);\n  bottom: 92px;\n  position: absolute;\n  background: ${theme.palette.primary};\n\n  @media (max-height: 560px) {\n    bottom: 48px;\n  }\n`;\n\nexport const EducationMenuList = styled(MenuList)`\n  ${MenuItem} {\n    color: ${theme.palette.light};\n    &:not(:first-child) {\n      margin-left: ${theme.dimensions.spacingBase10 * 2}px;\n    }\n  }\n\n  @media ${theme.devices.xxlarge} {\n    ${MenuItem} {\n      &:not(:first-child) {\n        margin-left: ${theme.dimensions.spacingBase10 * 2.4}px;\n      }\n    }\n  }\n`;\n\nexport const HomepageLink = styled(Link)`\n  position: fixed;\n  z-index: 116;\n  top: 20px;\n  left: 20px;\n\n  svg {\n    height: 36px;\n    width: 120px;\n  }\n\n  @media ${theme.devices.xxlarge} {\n    top: 30px;\n    left: 30px;\n\n    svg {\n      height: 55px;\n      width: 172px;\n    }\n  }\n`;\n","import React, { useEffect } from 'react';\n\nimport { theme } from 'styles/styled';\nimport MainLogo from 'images/Logo';\n\nimport useLinkCreator from 'hooks/useLinkCreator';\nimport useWindowSize from 'hooks/useWindowSize';\nimport useBodyScrollLock from 'hooks/useBodyScrollLock';\nimport useToggle from 'hooks/useToggle';\nimport CloseIcon from 'images/Icons/CloseIcon';\nimport BurgerIcon from 'images/Icons/BurgerIcon';\nimport menuLinks from 'settings/menuLinks';\n\nimport TransparentButton from 'components/Button/TransparentButton';\nimport Triangle, { CornerTypes } from 'components/Triangle/Triangle';\nimport {\n  Container,\n  Menu,\n  BurgerMenu,\n  AbsoluteWrapper,\n} from 'components/Header/styled';\n\nimport {\n  EduWrapper,\n  Navigation,\n  OrnamentTriangle,\n  Navbar,\n  LogoPlaceholder,\n  MenuItems,\n  MobileMenuOrnamentTriangleBottom,\n  EducationMenuList,\n  HomepageLink,\n} from './styled';\n\nconst EducationNavigation = () => {\n  const mobileMenuBreakpoint = theme.deviceSize.xlarge;\n\n  const { width } = useWindowSize();\n  const isMobile = width < mobileMenuBreakpoint;\n\n  const createLink = useLinkCreator();\n\n  const { on: isMenuOpen, toggle: toggleMenu, setOff: closeMenu } = useToggle();\n\n  useBodyScrollLock(isMenuOpen);\n\n  useEffect(() => {\n    if (width >= mobileMenuBreakpoint) {\n      closeMenu();\n    }\n  }, [width, closeMenu, mobileMenuBreakpoint]);\n\n  return (\n    <Navigation>\n      <HomepageLink\n        to={createLink(menuLinks.home)}\n        aria-label=\"Mining City Logo - homepage link\">\n        <MainLogo\n          color={isMenuOpen ? theme.palette.light : theme.palette.dark}\n        />\n      </HomepageLink>\n      <LogoPlaceholder isMenuOpen={isMenuOpen} />\n      <OrnamentTriangle />\n      <Navbar isMenuOpen={isMenuOpen} />\n      <Container as=\"div\">\n        <EduWrapper isOpen={isMenuOpen} fixedHeader>\n          <Menu as=\"div\">\n            {isMobile && (\n              <TransparentButton\n                onClick={toggleMenu}\n                aria-label=\"Toggle mobile menu\">\n                {isMenuOpen && <CloseIcon />}\n                {!isMenuOpen && <BurgerIcon />}\n              </TransparentButton>\n            )}\n            {!isMobile && (\n              <EducationMenuList>\n                <MenuItems\n                  toggleMenu={toggleMenu}\n                  fixedHeader\n                  isMenuOpen={isMenuOpen}\n                />\n              </EducationMenuList>\n            )}\n            {isMenuOpen && (\n              <AbsoluteWrapper style={{ top: '92px' }}>\n                <BurgerMenu>\n                  <Triangle\n                    cornerType={CornerTypes['top-left']}\n                    showOnMobile\n                    width=\"100%\"\n                    height=\"25px\"\n                    color={theme.palette.primary}\n                    zIndex={100}\n                    position={{\n                      top: '-25px',\n                      left: 0,\n                    }}\n                  />\n                  <MenuItems\n                    fixedHeader\n                    isMenuOpen={isMenuOpen}\n                    toggleMenu={toggleMenu}\n                  />\n                  <MobileMenuOrnamentTriangleBottom />\n                </BurgerMenu>\n              </AbsoluteWrapper>\n            )}\n          </Menu>\n        </EduWrapper>\n      </Container>\n    </Navigation>\n  );\n};\n\nexport default EducationNavigation;\n","import { useState, useEffect } from 'react';\n\nconst useWindowSize = () => {\n  const getSize = () => {\n    return {\n      width: typeof window === 'undefined' ? 0 : window?.innerWidth,\n      height: typeof window === 'undefined' ? 0 : window?.innerHeight,\n    };\n  };\n\n  const [windowSize, setWindowSize] = useState(getSize);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setWindowSize(getSize());\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return windowSize;\n};\n\nexport default useWindowSize;\n","import React from 'react';\n\nconst useToggle = (defaultValue = false) => {\n  const [on, setIsOn] = React.useState(defaultValue);\n\n  const setOn = () => setIsOn(true);\n  const setOff = () => setIsOn(false);\n  const toggle = () => setIsOn((v) => !v);\n\n  return { on, setOn, setOff, toggle };\n};\n\nexport default useToggle;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.anchorLinkTypes = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar anchorLinkTypes = {\n  to: _propTypes[\"default\"].string.isRequired,\n  title: _propTypes[\"default\"].string,\n  className: _propTypes[\"default\"].string,\n  stripHash: _propTypes[\"default\"].bool,\n  children: _propTypes[\"default\"].node\n};\nexports.anchorLinkTypes = anchorLinkTypes;","import React from 'react';\n\nimport { theme } from 'styles/styled';\n\ntype CloseIconProps = JSX.IntrinsicElements['svg'] & {\n  color?: JSX.IntrinsicElements['path']['fill'];\n};\n\nconst CloseIcon = ({\n  color = theme.palette.light,\n  ...props\n}: CloseIconProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"26\"\n    height=\"26\"\n    viewBox=\"0 0 26 26\"\n    {...props}>\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <path d=\"M0 0H32V32H0z\" transform=\"translate(-3 -3)\" />\n      <path\n        fill={color}\n        d=\"M27.632 3L29 4.368 17.368 16 29 27.632 27.632 29 16 17.368 4.368 29 3 27.632 14.632 16 3 4.368 4.368 3 16 14.631 27.632 3z\"\n        transform=\"translate(-3 -3)\"\n      />\n    </g>\n  </svg>\n);\n\nexport default CloseIcon;\n","import React from 'react';\nimport { theme } from 'styles/styled';\n\nconst ChevronIcon = ({ color = theme.palette.light }: { color?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"12\"\n    height=\"8\"\n    viewBox=\"0 0 12 8\">\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <path\n        fill={color}\n        fillRule=\"nonzero\"\n        d=\"M9.713 6L8.308 7.41 12.872 12 8.308 16.59 9.713 18 15.692 12z\"\n        transform=\"rotate(90 13 5)\"\n      />\n      <path d=\"M0 0L24 0 24 24 0 24z\" transform=\"rotate(90 13 5)\" />\n    </g>\n  </svg>\n);\n\nexport default ChevronIcon;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"AnchorLink\", {\n  enumerable: true,\n  get: function get() {\n    return _AnchorLink.AnchorLink;\n  }\n});\n\nvar _AnchorLink = require(\"./components/AnchorLink\");","import styled from 'styles/styled';\nimport GhostButton from 'components/Button/GhostButton';\nimport FilledButton from 'components/Button/FilledButton';\n\nexport const Container = styled.header`\n  position: relative;\n  border-image-width: 0;\n  display: flex;\n`;\n\nexport const HeaderWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  height: 400px;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    height: 100vh;\n    min-height: 900px;\n  }\n`;\n\nexport const HeaderBackgroundImage = styled.img`\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  object-fit: cover;\n  height: 400px;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    height: 100vh;\n    min-height: 900px;\n  }\n\n  @media ${({ theme }) => theme.devices.large} {\n    display: none;\n  }\n`;\n\nexport const HeaderVideo = styled.video`\n  display: inline-block;\n  position: relative;\n  left: 100%;\n  margin-left: -200%;\n  width: 100%;\n  object-fit: cover;\n  height: 400px;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    height: 100vh;\n    min-height: 900px;\n  }\n`;\n\nexport const LogoWrapper = styled.a<{ fixedHeader: boolean }>`\n  z-index: 10000;\n  width: auto;\n  max-width: 180px;\n  position: ${({ fixedHeader }) => !fixedHeader && 'absolute'};\n  top: 16px;\n  left: 16px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  @media ${({ theme }) => theme.devices.medium} and (max-width: ${({ theme }) =>\n      theme.deviceSize.large}px) {\n    width: 15%;\n    top: 45px;\n    left: 20px;\n    max-width: 180px;\n    position: initial;\n  }\n\n  @media ${({ theme }) => theme.devices.large} {\n    width: 15%;\n    top: 45px;\n    left: 20px;\n  }\n\n  @media ${({ theme }) => theme.devices.xlarge} {\n    width: 15%;\n    top: 45px;\n    left: 30px;\n  }\n`;\n\nexport const StartSectionWrapper = styled.div`\n  display: none;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    display: block;\n  }\n`;\n\nexport const Wrapper = styled.div<{ isOpen: boolean; fixedHeader: boolean }>`\n  display: flex;\n  position: ${({ isOpen, fixedHeader }) =>\n    isOpen || fixedHeader ? 'fixed' : 'absolute'};\n  z-index: 9999;\n  left: 0;\n  top: 0;\n\n  width: 100%;\n  background-color: ${({ theme, isOpen }) =>\n    isOpen ? theme.palette.primary : theme.palette.light};\n\n  height: ${({ theme }) => theme.dimensions.menuHeight}px;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.dimensions.spacingBase14}px\n    ${({ theme }) => theme.dimensions.spacingBase16}px;\n  box-shadow: ${({ fixedHeader }) =>\n    fixedHeader && '0 4px 30px 0 rgba(0, 0, 0, 0.1)'};\n\n  @media ${({ theme }) => theme.devices.large} {\n    position: ${({ fixedHeader }) => (fixedHeader ? 'fixed' : 'absolute')};\n    background-color: ${({ fixedHeader, theme }) =>\n      fixedHeader ? theme.palette.light : 'transparent'};\n    padding: ${({ fixedHeader, theme }) =>\n        fixedHeader ? theme.dimensions.basePadding : 44}px\n      25px;\n    height: auto;\n\n    li {\n      a {\n        color: ${({ fixedHeader, theme }) =>\n          fixedHeader ? '#000' : theme.palette.light};\n      }\n    }\n  }\n\n  @media ${({ theme }) => theme.devices.xlarge} {\n    ${({ fixedHeader, theme }) =>\n      fixedHeader\n        ? `${theme.dimensions.basePadding}px 100px`\n        : '44px 100px 44px 55px'};\n  }\n\n  @media ${({ theme }) => theme.devices.xxlarge} {\n    ${({ fixedHeader, theme }) =>\n      fixedHeader\n        ? `${theme.dimensions.basePadding}px 150px`\n        : '44px 150px 44px 55px'};\n  }\n`;\n\nexport const Menu = styled.nav`\n  display: flex;\n  align-items: center;\n  z-index: 999;\n`;\n\nexport const MenuItem = styled.li<{ showLanguageSelector?: boolean }>`\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  font-weight: 500;\n  display: ${({ showLanguageSelector }) =>\n    showLanguageSelector ? 'none' : 'flex'};\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    a,\n    svg {\n      opacity: 0.7;\n    }\n  }\n\n  i {\n    padding: 0 8px;\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    display: flex;\n  }\n`;\n\nexport const MenuLink = styled.a`\n  color: #000;\n\n  @media ${({ theme }) => theme.devices.large} {\n    color: ${({ theme }) => theme.palette.light};\n  }\n`;\n\nexport const MenuList = styled.ul`\n  display: flex;\n  ${MenuItem} {\n    color: ${({ theme }) => theme.palette.light};\n    &:not(:first-child) {\n      margin-left: ${({ theme }) => theme.dimensions.spacingBase10 * 2}px;\n\n      @media ${({ theme }) => theme.devices.large} {\n        margin-left: ${({ theme }) => theme.dimensions.spacingBase10 * 2}px;\n      }\n\n      @media ${({ theme }) => theme.devices.xlarge} {\n        margin-left: ${({ theme }) => theme.dimensions.spacingBase10 * 3}px;\n      }\n\n      @media ${({ theme }) => theme.devices.xxlarge} {\n        margin-left: ${({ theme }) => theme.dimensions.spacingBase10 * 4}px;\n      }\n    }\n  }\n`;\n\nexport const BurgerMenu = styled.ul`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 600px;\n  height: 100vh;\n  position: relative;\n  padding-bottom: 150px;\n\n  &:after {\n    background-color: #fff;\n    position: absolute;\n    content: '';\n    width: 100%;\n    height: 100%;\n    top: -25px;\n    z-index: -1;\n  }\n\n  ${MenuItem} {\n    font-size: ${({ theme }) => theme.fontSize.base};\n    margin-top: ${({ theme }) => theme.dimensions.spacingBase10 * 2.4}px;\n    padding: 8px;\n  }\n`;\n\nexport const AbsoluteWrapper = styled.div`\n  position: absolute;\n  top: ${({ theme }) => theme.dimensions.menuHeight}px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100vh;\n  background-color: ${({ theme }) => theme.palette.light};\n\n  @media (max-height: 560px) {\n    clip-path: polygon(0 5%, 100% 2%, 100% 100%, 0 100%);\n    overflow-y: scroll;\n    top: ${({ theme }) => theme.dimensions.menuHeight - 12}px !important;\n  }\n`;\n\nexport const IconsWrapper = styled.div`\n  height: 60px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  div {\n    &:not(:last-child) {\n      margin-right: ${({ theme }) => theme.dimensions.spacingBase16 * 2}px;\n    }\n  }\n`;\n\nexport const MenuButton = styled(GhostButton)`\n  border-color: ${({ theme }) => theme.palette.light};\n\n  &:hover {\n    * {\n      opacity: 1;\n    }\n    div {\n      background-color: ${({ theme, fixedHeader }) =>\n        fixedHeader ? theme.palette.primary : theme.palette.light};\n    }\n    a {\n      color: ${({ theme, fixedHeader }) =>\n        fixedHeader ? theme.palette.light : theme.palette.primary};\n    }\n\n    &::after {\n      background-color: ${({ theme }) => theme.palette.light};\n      right: 5px;\n      width: 11px;\n    }\n  }\n\n  div,\n  &::after {\n    border-color: ${({ theme }) => theme.palette.light};\n  }\n`;\n\nexport const OpenMenuButton = styled(FilledButton)`\n  a {\n    color: ${({ theme }) => theme.palette.light};\n  }\n`;\n","import React from 'react';\n\nfunction ClientOnly({\n  children,\n}: {\n  children: JSX.Element | React.ReactChildren[] | JSX.Element[];\n}) {\n  const [hasMounted, setHasMounted] = React.useState(false);\n  React.useEffect(() => {\n    setHasMounted(true);\n  }, []);\n\n  if (!hasMounted) {\n    return null;\n  }\n\n  return <>{children}</>;\n}\n\nexport default ClientOnly;\n","import React from 'react';\n\nfunction useBodyScrollLock(condition = true) {\n  React.useLayoutEffect(() => {\n    if (!condition) return;\n\n    // Get original body overflow\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n\n    // Prevent scrolling on mount\n    document.body.style.overflow = 'hidden';\n\n    /* eslint-disable consistent-return */\n    return () => {\n      // Re-enable scrolling when component unmounts\n      document.body.style.overflow = originalStyle;\n    };\n  }, [condition]);\n}\n\nexport default useBodyScrollLock;\n"],"sourceRoot":""}