{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/helpers/typography.ts","webpack:///./src/helpers/ssr.ts","webpack:///./src/stories/Elements/Misc/CultureFlag/CultureFlag.styles.ts","webpack:///./src/stories/Elements/Misc/CultureFlag/CultureFlag.tsx","webpack:///./src/helpers/global.ts","webpack:///./img/brand/empire.svg","webpack:///./node_modules/@tti/brand-empire/dist/esm/helpers/brand.js","webpack:///./node_modules/@tti/brand-empire/dist/esm/helpers/fonts.js","webpack:///./node_modules/@tti/brand-empire/dist/esm/helpers/grids.js","webpack:///./src/helpers/columns.ts","webpack:///./img/flags/rectangle/sprite.svg","webpack:///./src/stories/Elements/ScrollToTop/ScrollToTop.styles.ts","webpack:///./img/icons/scroll-top-arrow.svg","webpack:///./src/stories/Elements/ScrollToTop/ScrollToTop.tsx","webpack:///./src/stories/Widgets/Footers/SiteFooter/SiteFooter.styles.tsx","webpack:///./src/stories/Widgets/Footers/SiteFooter/SiteFooter.tsx","webpack:///./src/helpers/animation.ts","webpack:///./src/helpers/grids.ts","webpack:///./img/icons/chevron-down.svg"],"names":["Device","from","size","until","H1Styles","css","fonts","helvetica","Tablet","DesktopLarge","H1","styled","h1","H2Styles","H2","h2","H3Styles","H3","h3","H4Styles","H4","h4","PStyles","P","p","PLargeStyles","PSmallStyles","BlockquoteStyles","Typography","Blockquote","blockquote","isSSR","window","document","CultureFlagStyles","Image","svg","w","h","CultureFlag","cultureCode","width","height","React","createElement","href","FlagSpriteSheet","getFlagSpriteId","navHeight","navHeightTablet","navHeightMobile","ButtonReset","blue","base","light","dark","white","black","grey","11","7","1","helveticaConfig","family","weight","style","font","ls","value","sitePadding","Default","FullWidth","Content","ContentWide","module","exports","ScrollToTopStyles","Button","button","brand","animation","easeInOutCubic","isVisible","styles","props","xmlns","data-name","fill","stroke","strokeWidth","d","ScrollToTop","useState","scrollPos","setScrollPos","viewportMidHeight","innerHeight","useEffect","addEventListener","pageYOffset","onClick","scrollTo","top","behavior","role","ScrollTopArrow","SiteFooterStyles","Footer","footer","TabletLarge","Inner","div","grids","columns","Logo","Links","ul","Link","a","Copyright","CultureWrapper","CultureContainer","CultureTitle","CultureSelect","CultureSelectActive","CultureSelectFlag","CultureSelectText","CultureSelectIcon","visible","CultureList","CultureItem","li","CultureLink","SiteFooter","visibleCultures","setVisibleCultures","activeCulture","availableCultures","find","x","pageContext","documentCulture","EmpireLogo","copyrightText","links","map","key","text","url","cookieButtonText","id","className","cultureSelectTitle","cultureName","ChevronDown","culture","keyframes","fadeIn","inView","duration","delay","easingFunc","fadeInUp","amount","slideUp","order","animateOnExit","baseFixed","SitePadding","DesktopSmall","SitePaddingBreakoutLeft","SitePaddingBreakoutRight","SitePaddingBreakout","Fixed","viewBox"],"mappings":"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","file":"26-0c50ec907a2f8cc566d4.js","sourcesContent":["export var Device;\r\n(function (Device) {\r\n    Device[Device[\"MobileSmall\"] = 320] = \"MobileSmall\";\r\n    Device[Device[\"Mobile\"] = 375] = \"Mobile\";\r\n    Device[Device[\"MobileLarge\"] = 480] = \"MobileLarge\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n    Device[Device[\"DesktopSmall\"] = 1280] = \"DesktopSmall\";\r\n    Device[Device[\"Desktop\"] = 1366] = \"Desktop\";\r\n    Device[Device[\"DesktopLarge\"] = 1600] = \"DesktopLarge\";\r\n    Device[Device[\"ActualDesktop\"] = 1920] = \"ActualDesktop\";\r\n    Device[Device[\"DesktopXL\"] = 2560] = \"DesktopXL\";\r\n})(Device || (Device = {}));\r\nexport function from(size) {\r\n    return `(min-width: ${size}px)`;\r\n}\r\nexport function until(size) {\r\n    return `(max-width: ${size - 1}px)`;\r\n}\r\n","import { fonts } from '@tti/brand-empire';\r\nimport styled, { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nconst H1Styles = css `\r\n  ${fonts.helvetica['87-condensed-heavy']};\r\n  font-size: 45px;\r\n  line-height: 55px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 63px;\r\n    line-height: 70px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 85px;\r\n    line-height: 95px;\r\n  }\r\n`;\r\nconst H1 = styled.h1 `\r\n  ${H1Styles};\r\n`;\r\nconst H2Styles = css `\r\n  ${fonts.helvetica['87-condensed-heavy']};\r\n  font-size: 35px;\r\n  line-height: 45px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 53px;\r\n    line-height: 60px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 72px;\r\n    line-height: 80px;\r\n  }\r\n`;\r\nconst H2 = styled.h2 `\r\n  ${H2Styles};\r\n`;\r\nconst H3Styles = css `\r\n  ${fonts.helvetica['87-condensed-heavy']};\r\n  font-size: 27px;\r\n  line-height: 43px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 43px;\r\n    line-height: 50px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 50px;\r\n    line-height: 61px;\r\n  }\r\n`;\r\nconst H3 = styled.h3 `\r\n  ${H3Styles};\r\n`;\r\nconst H4Styles = css `\r\n  ${fonts.helvetica['87-condensed-heavy']};\r\n  font-size: 18px;\r\n  line-height: 32px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 30px;\r\n    line-height: 37px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 32px;\r\n    line-height: 43px;\r\n  }\r\n`;\r\nconst H4 = styled.h4 `\r\n  ${H4Styles};\r\n`;\r\nconst PStyles = css `\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-size: 16px;\r\n  line-height: 26px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 17px;\r\n    line-height: 27px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 19px;\r\n    line-height: 29px;\r\n  }\r\n`;\r\nconst P = styled.p `\r\n  ${PStyles}\r\n`;\r\nconst PLargeStyles = css `\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-size: 18px;\r\n  line-height: 28px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 20px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 22px;\r\n    line-height: 32px;\r\n  }\r\n`;\r\nconst PSmallStyles = css `\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n  }\r\n`;\r\nconst BlockquoteStyles = css `\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-style: italic;\r\n  font-size: 18px;\r\n  line-height: 28px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 20px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 22px;\r\n    line-height: 32px;\r\n  }\r\n`;\r\nconst Blockquote = styled.blockquote `\r\n  ${BlockquoteStyles}\r\n`;\r\nexport const Typography = {\r\n    H1Styles,\r\n    H2Styles,\r\n    H3Styles,\r\n    H4Styles,\r\n    PLargeStyles,\r\n    PStyles,\r\n    PSmallStyles,\r\n    BlockquoteStyles,\r\n    H1,\r\n    H2,\r\n    H3,\r\n    H4,\r\n    P,\r\n    Blockquote,\r\n};\r\n","export const isSSR = !(typeof window != 'undefined' && window.document);\r\n","import styled, { css } from 'styled-components';\r\nconst Image = styled.svg `\r\n  ${({ w, h }) => css `\r\n    width: ${w}px;\r\n    height: ${h}px;\r\n  `};\r\n`;\r\nexport const CultureFlagStyles = {\r\n    Image,\r\n};\r\n","import FlagSpriteSheet from '!!relative-path-loader!@img/flags/rectangle/sprite.svg';\r\nimport React from 'react';\r\nimport { CultureFlagStyles } from './CultureFlag.styles';\r\nconst CultureFlag = ({ cultureCode, width = 35, height = 23 }) => {\r\n    const getFlagSpriteId = (cultureCode) => {\r\n        switch (cultureCode) {\r\n            case 'nl-BE':\r\n                return 'fr-BE';\r\n            default:\r\n                return cultureCode;\r\n        }\r\n    };\r\n    return (React.createElement(CultureFlagStyles.Image, { w: width, h: height },\r\n        React.createElement(\"use\", { href: `${FlagSpriteSheet}#${getFlagSpriteId(cultureCode)}` })));\r\n};\r\nexport default CultureFlag;\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n};\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","export default __webpack_public_path__ + \"e2f0bd2e8fd3f97dadbce21f754ae71a.svg\";","export default {\r\n    blue: {\r\n        base: '#006eaf',\r\n        light: '#007cf9',\r\n        dark: '#00578b',\r\n    },\r\n    white: '#fff',\r\n    black: '#2c2a29',\r\n    grey: {\r\n        11: '#53565a',\r\n        7: '#97999b',\r\n        1: '#EDEDED',\r\n    },\r\n};\r\n","import { css } from 'styled-components';\r\nexport const helveticaConfig = {\r\n    ['57-condensed']: {\r\n        family: 'Helvetica Neue LT W05_57 Cond',\r\n        weight: 400,\r\n        style: 'normal',\r\n    },\r\n    ['77-condensed-bold']: {\r\n        family: 'Helvetica Neue LT W05_77 Bd Cn',\r\n        weight: 700,\r\n        style: 'normal',\r\n    },\r\n    ['87-condensed-heavy']: {\r\n        family: 'Helvetica Neue LT W05_87 Hv Cn',\r\n        weight: 900,\r\n        style: 'normal',\r\n    },\r\n};\r\n// TODO: I can't for the life of me get the return type of this function to play nicely with styled components when importing, leaving this for now\r\nfunction font(family, weight, style) {\r\n    return css `\r\n    font-family: ${family};\r\n    font-weight: ${weight};\r\n    font-style: ${style};\r\n  `;\r\n}\r\nexport default {\r\n    helvetica: {\r\n        ['57-condensed']: font(helveticaConfig['57-condensed'].family, helveticaConfig['57-condensed'].weight, helveticaConfig['57-condensed'].style),\r\n        ['77-condensed-bold']: font(helveticaConfig['77-condensed-bold'].family, helveticaConfig['77-condensed-bold'].weight, helveticaConfig['77-condensed-bold'].style),\r\n        ['87-condensed-heavy']: font(helveticaConfig['87-condensed-heavy'].family, helveticaConfig['87-condensed-heavy'].weight, helveticaConfig['87-condensed-heavy'].style),\r\n    },\r\n    ls: (value) => {\r\n        return `calc(${value / 1000} * 1em)`;\r\n    },\r\n};\r\n","import { css } from 'styled-components';\r\nconst base = css `\r\n  display: grid;\r\n  grid-gap: 16px;\r\n  width: 100%;\r\n`;\r\nconst sitePadding = css `\r\n  padding: 18px 0px;\r\n\r\n  @media (min-width: 768px) {\r\n    padding: 170px;\r\n  }\r\n`;\r\nconst Default = css `\r\n  ${base};\r\n  ${sitePadding};\r\n`;\r\nexport default {\r\n    Default,\r\n};\r\n","import { css } from 'styled-components';\r\nimport { from, Device } from './media';\r\nconst FullWidth = css `\r\n  grid-column: span 12;\r\n`;\r\nconst Content = css `\r\n  grid-column: span 12;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: 3 / span 8;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    grid-column: 4 / span 6;\r\n  }\r\n`;\r\nconst ContentWide = css `\r\n  grid-column: span 12;\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    grid-column: 3 / span 8;\r\n  }\r\n`;\r\nexport default {\r\n    FullWidth,\r\n    Content,\r\n    ContentWide,\r\n};\r\n","module.exports = '/sitefiles/next-gen/dist/36fce8680591a3f4971231dc0fe3aaa6.svg';","import animation from '@helpers/animation';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { brand } from '@tti/brand-empire';\r\nimport styled, { css } from 'styled-components';\r\nconst Button = styled.button `\r\n  --fixed-edge-padding: 20px;\r\n\r\n  ${ButtonReset};\r\n  position: fixed;\r\n  z-index: 10;\r\n  bottom: var(--fixed-edge-padding);\r\n  right: var(--fixed-edge-padding);\r\n  background: ${brand.blue.base};\r\n  height: 50px;\r\n  width: 50px;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 300ms ${animation.easeInOutCubic};\r\n\r\n  ${({ isVisible }) => isVisible\r\n    ? css `\r\n          opacity: 1;\r\n          pointer-events: all;\r\n        `\r\n    : null}\r\n\r\n  &:hover {\r\n    background-color: ${brand.blue.light};\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${brand.blue.dark};\r\n  }\r\n`;\r\nexport const ScrollToTopStyles = {\r\n    Button,\r\n};\r\n","import React from \"react\";\nexport default (({\n  styles = {},\n  ...props\n}) => <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27\" height=\"36.977\" {...props}><g data-name=\"Group 32703\"><g data-name=\"Group 32565\"><g data-name=\"Group 32514\" fill=\"none\" stroke=\"#fff\" strokeWidth=\"4\"><path data-name=\"Path 18384\" d=\"M14 36.977V11.233\" /><path data-name=\"Path 18385\" d=\"M25.1 21.048L14.048 10 3 21.048\" /></g></g><path data-name=\"Line 988\" fill=\"none\" stroke=\"#fff\" strokeWidth=\"3\" d=\"M0 1.5h27\" /></g></svg>);","import React, { useEffect, useState } from 'react';\r\nimport { ScrollToTopStyles } from './ScrollToTop.styles';\r\nimport ScrollTopArrow from '@img/icons/scroll-top-arrow.svg';\r\nimport { isSSR } from '@helpers/ssr';\r\nconst ScrollToTop = () => {\r\n    const [scrollPos, setScrollPos] = useState(0);\r\n    if (isSSR) {\r\n        return null;\r\n    }\r\n    const viewportMidHeight = window.innerHeight / 2;\r\n    const handleScroll = () => {\r\n        setScrollPos(window.pageYOffset);\r\n    };\r\n    const handleClick = () => {\r\n        window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    };\r\n    useEffect(() => {\r\n        window.addEventListener('scroll', () => handleScroll());\r\n    });\r\n    return (React.createElement(ScrollToTopStyles.Button, { isVisible: scrollPos >= viewportMidHeight, onClick: () => handleClick(), role: \"none\" },\r\n        React.createElement(ScrollTopArrow, null)));\r\n};\r\nexport default ScrollToTop;\r\n","import animation from '@helpers/animation';\r\nimport columns from '@helpers/columns';\r\nimport grids from '@helpers/grids';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { Typography } from '@helpers/typography';\r\nimport { brand, fonts } from '@tti/brand-empire';\r\nimport styled, { css } from 'styled-components';\r\nconst Footer = styled.footer `\r\n  background-color: ${brand.blue.base};\r\n  border-top: 4px solid ${brand.white};\r\n  padding: 68px 0px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    padding: 90px 0px;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  ${grids.Default};\r\n`;\r\nconst Content = styled.div `\r\n  ${columns.ContentWide};\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n`;\r\nconst Logo = styled.div `\r\n  max-width: 231px;\r\n\r\n  svg {\r\n    max-width: 100%;\r\n    height: 81px;\r\n  }\r\n`;\r\nconst Links = styled.ul `\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: column;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    flex-direction: row;\r\n    margin: 16px 0px;\r\n  }\r\n\r\n  li {\r\n    position: relative;\r\n    padding: 13px 0px;\r\n    text-align: center;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      padding: 0px 13px;\r\n\r\n      &:not(:last-child):after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0px;\r\n        transform: translate(-50%, -50%);\r\n        width: 1px;\r\n        height: 100%;\r\n        background: ${brand.white};\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst Link = styled.a `\r\n  position: relative;\r\n  color: ${brand.white};\r\n  padding-bottom: 2px;\r\n  border-bottom: 1px solid transparent;\r\n  transition: border-color 150ms ${animation.easeInOutCubic};\r\n\r\n  &:hover {\r\n    border-color: ${brand.white};\r\n  }\r\n\r\n  &#ot-sdk-btn.ot-sdk-show-settings {\r\n    background: none;\r\n    border: none;\r\n    border-bottom: 1px solid transparent;\r\n    padding: 0 0 2px 0;\r\n    margin-left: unset;\r\n    color: ${brand.white};\r\n    font-size: 100%;\r\n\r\n    &:hover {\r\n      background-color: transparent;\r\n      border-color: ${brand.white};\r\n    }\r\n  }\r\n`;\r\nconst Copyright = styled.p `\r\n  ${Typography.PStyles};\r\n  color: ${brand.white};\r\n  margin: 33px 0px;\r\n  text-align: center;\r\n`;\r\nconst CultureWrapper = styled.div `\r\n  grid-column: 11 / span 2;\r\n  display: grid;\r\n  align-items: end;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    grid-column: 4 / span 6;\r\n  }\r\n`;\r\nconst CultureContainer = styled.div `\r\n  position: relative;\r\n`;\r\nconst CultureTitle = styled.div `\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-size: 19px;\r\n  line-height: 29px;\r\n  color: ${brand.white};\r\n  margin-bottom: 12px;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    text-align: center;\r\n    font-size: 16px;\r\n  }\r\n`;\r\nconst CultureSelect = styled.div `\r\n  padding: 5px 10px;\r\n  background-color: ${brand.grey[1]};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  cursor: pointer;\r\n`;\r\nconst CultureSelectActive = styled.div `\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\nconst CultureSelectFlag = styled.div `\r\n  margin-right: 15px;\r\n`;\r\nconst CultureSelectText = styled.div `\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-size: 19px;\r\n  color: ${brand.black};\r\n`;\r\nconst CultureSelectIcon = styled.div `\r\n  display: flex;\r\n  align-items: center;\r\n  transform: rotate(-90deg);\r\n\r\n  ${({ visible }) => visible &&\r\n    css `\r\n      transform: rotate(-180deg);\r\n    `}\r\n\r\n  svg {\r\n    width: 14px;\r\n    height: 7px;\r\n  }\r\n`;\r\nconst CultureList = styled.div `\r\n  position: absolute;\r\n  bottom: 105%;\r\n  right: 0;\r\n  padding: 20px;\r\n  background-color: ${brand.grey[1]};\r\n  opacity: 0;\r\n  transform: scale(0.2);\r\n  transform-origin: bottom right;\r\n  pointer-events: none;\r\n  transition: opacity 275ms ease-out, transform 275ms ease-out;\r\n  display: grid;\r\n  grid-column-gap: 18px;\r\n  grid-template-columns: 1fr 1fr;\r\n  flex-wrap: wrap;\r\n\r\n  ${({ visible }) => visible &&\r\n    css `\r\n      opacity: 1;\r\n      transform: scale(1);\r\n      pointer-events: all;\r\n    `}\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    width: 100%;\r\n    height: 200px;\r\n    overflow-y: scroll;\r\n    grid-template-columns: 1fr;\r\n  }\r\n`;\r\nconst CultureItem = styled.li `\r\n  display: inline-block;\r\n  list-style: none;\r\n  cursor: pointer;\r\n  grid-column: span 1;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    min-width: 140px;\r\n  }\r\n`;\r\nconst CultureLink = styled.a `\r\n  display: flex;\r\n  align-items: center;\r\n  ${fonts.helvetica['57-condensed']};\r\n  font-size: 19px;\r\n  color: ${brand.black};\r\n\r\n  &:hover {\r\n    color: ${brand.black};\r\n    text-decoration: underline;\r\n  }\r\n\r\n  svg {\r\n    flex-shrink: 0;\r\n    margin-right: 10px;\r\n  }\r\n`;\r\nexport const SiteFooterStyles = {\r\n    Footer,\r\n    Inner,\r\n    Content,\r\n    Logo,\r\n    Links,\r\n    Link,\r\n    Copyright,\r\n    CultureWrapper,\r\n    CultureContainer,\r\n    CultureTitle,\r\n    CultureSelect,\r\n    CultureSelectActive,\r\n    CultureSelectFlag,\r\n    CultureSelectText,\r\n    CultureSelectIcon,\r\n    CultureList,\r\n    CultureItem,\r\n    CultureLink,\r\n};\r\n","import EmpireLogo from '!file-loader!@img/brand/empire.svg';\r\nimport ChevronDown from '@img/icons/chevron-down.svg';\r\nimport CultureFlag from '@stories/Elements/Misc/CultureFlag/CultureFlag';\r\nimport ScrollToTop from '@stories/Elements/ScrollToTop/ScrollToTop';\r\nimport React, { useState } from 'react';\r\nimport { SiteFooterStyles } from './SiteFooter.styles';\r\nconst SiteFooter = (props) => {\r\n    const [visibleCultures, setVisibleCultures] = useState(false);\r\n    const activeCulture = props.availableCultures.find((x) => x.cultureCode === props.pageContext.documentCulture);\r\n    return (React.createElement(SiteFooterStyles.Footer, null,\r\n        React.createElement(SiteFooterStyles.Inner, null,\r\n            React.createElement(SiteFooterStyles.Content, null,\r\n                React.createElement(SiteFooterStyles.Logo, null,\r\n                    React.createElement(\"svg\", null,\r\n                        React.createElement(\"use\", { href: `${EmpireLogo}#logo` }))),\r\n                React.createElement(SiteFooterStyles.Copyright, null, props.copyrightText),\r\n                props.links ? (React.createElement(SiteFooterStyles.Links, null,\r\n                    props.links.map((x) => (React.createElement(\"li\", { key: x.text },\r\n                        React.createElement(SiteFooterStyles.Link, { href: x.url }, x.text)))),\r\n                    props.cookieButtonText ? (React.createElement(\"li\", null,\r\n                        React.createElement(SiteFooterStyles.Link, { id: 'ot-sdk-btn', className: 'ot-sdk-show-settings overwrite' }, props.cookieButtonText))) : null)) : null),\r\n            React.createElement(SiteFooterStyles.CultureWrapper, null,\r\n                React.createElement(SiteFooterStyles.CultureContainer, null,\r\n                    props.cultureSelectTitle !== 'custom.footer.language' && (React.createElement(SiteFooterStyles.CultureTitle, null, props.cultureSelectTitle)),\r\n                    React.createElement(SiteFooterStyles.CultureSelect, { onClick: () => setVisibleCultures(!visibleCultures) },\r\n                        React.createElement(SiteFooterStyles.CultureSelectActive, null,\r\n                            React.createElement(SiteFooterStyles.CultureSelectFlag, null, activeCulture && React.createElement(CultureFlag, { cultureCode: activeCulture?.cultureCode, width: 35, height: 35 })),\r\n                            React.createElement(SiteFooterStyles.CultureSelectText, null, activeCulture?.cultureName)),\r\n                        React.createElement(SiteFooterStyles.CultureSelectIcon, { visible: visibleCultures },\r\n                            React.createElement(ChevronDown, null))),\r\n                    React.createElement(SiteFooterStyles.CultureList, { visible: visibleCultures }, props.availableCultures.map((culture) => (React.createElement(SiteFooterStyles.CultureItem, { key: culture.id },\r\n                        React.createElement(SiteFooterStyles.CultureLink, { href: culture.url },\r\n                            React.createElement(CultureFlag, { cultureCode: culture.cultureCode, width: 35, height: 32 }),\r\n                            culture.cultureName)))))))),\r\n        React.createElement(ScrollToTop, null)));\r\n};\r\nexport default SiteFooter;\r\n","import { css, keyframes } from 'styled-components';\r\nconst easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';\r\nexport default {\r\n    easeInOutCubic,\r\n};\r\nconst reset = keyframes `\r\n  100% {\r\n    transform: translate(0%, 0%);\r\n    opacity: 1;\r\n  }\r\n`;\r\nexport function fadeInLeft(amount, duration, delay, easingFunc) {\r\n    return css `\r\n    opacity: 0;\r\n    transform: translateX(-${amount}px);\r\n    animation: ${reset} ${duration}ms ${delay}ms ${easingFunc} forwards;\r\n  `;\r\n}\r\nexport function fadeIn(inView, duration, delay, easingFunc) {\r\n    return css `\r\n    transition: opacity ${duration}ms ${delay}ms ${easingFunc};\r\n\r\n    ${inView\r\n        ? css `\r\n          opacity: 1;\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n        `}\r\n  `;\r\n}\r\nexport function fadeInUp(inView, amount, duration, delay, easingFunc) {\r\n    return css `\r\n    transition: opacity ${duration}ms ${delay}ms ${easingFunc}, transform ${duration}ms ${delay}ms ${easingFunc};\r\n\r\n    ${inView\r\n        ? css `\r\n          opacity: 1;\r\n          transform: none;\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n          transform: translateY(${amount}px);\r\n        `}\r\n  `;\r\n}\r\nexport function slideUp(inView, order, delay = 300, easingFunc = easeInOutCubic, animateOnExit = true) {\r\n    if (inView) {\r\n        return css `\r\n      transform: translateY(0%);\r\n      transition: transform 650ms ${delay + order * 100}ms ${easingFunc};\r\n    `;\r\n    }\r\n    else if (animateOnExit) {\r\n        return css `\r\n      transform: translateY(120%);\r\n      transition: transform 650ms ${delay + order * 100}ms ${easingFunc};\r\n    `;\r\n    }\r\n    else {\r\n        return css `\r\n      transform: translateY(120%);\r\n    `;\r\n    }\r\n}\r\nexport function greyscaleImgFade(inView, duration, delay, filterDelay, easingFunc) {\r\n    return css `\r\n    transition: opacity ${duration}ms ${delay}ms ${easingFunc}, filter ${duration}ms ${filterDelay}ms ${easingFunc};\r\n\r\n    ${inView\r\n        ? css `\r\n          opacity: 1;\r\n          filter: grayscale(0);\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n          filter: grayscale(1);\r\n        `}\r\n  `;\r\n}\r\n","import { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nconst base = css `\r\n  display: grid;\r\n  grid-gap: 16px;\r\n  width: 100%;\r\n  grid-template-columns: repeat(12, 1fr);\r\n`;\r\nconst baseFixed = css `\r\n  display: grid;\r\n  grid-gap: 16px;\r\n  width: 100%;\r\n  // 78px being the width of one column at 375 of the base grid above\r\n  grid-auto-columns: 78px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    // 117px being the width of one column at 1920 of the base grid above\r\n    grid-auto-columns: 117px;\r\n  }\r\n`;\r\nexport const SitePadding = css `\r\n  padding-left: 18px;\r\n  padding-right: 18px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    padding-left: 40px;\r\n    padding-right: 40px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    padding-left: 70px;\r\n    padding-right: 70px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    padding-left: 130px;\r\n    padding-right: 130px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    padding-left: 170px;\r\n    padding-right: 170px;\r\n  }\r\n`;\r\nconst SitePaddingBreakoutLeft = css `\r\n  left: 0;\r\n  right: 0px;\r\n  grid-column: span 12;\r\n  margin-left: -18px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    margin-left: -40px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    margin-left: -70px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    margin-left: -130px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    margin-left: -170px;\r\n  }\r\n`;\r\nconst SitePaddingBreakoutRight = css `\r\n  left: 0;\r\n  right: 0px;\r\n  grid-column: span 12;\r\n  margin-right: -18px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    margin-right: -40px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    margin-right: -70px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    margin-right: -130px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    margin-right: -170px;\r\n  }\r\n`;\r\nconst SitePaddingBreakout = css `\r\n  left: 0;\r\n  right: 0px;\r\n  grid-column: span 12;\r\n  margin-left: -18px;\r\n  margin-right: -18px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    margin-left: -40px;\r\n    margin-right: -40px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    margin-left: -70px;\r\n    margin-right: -70px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    margin-left: -130px;\r\n    margin-right: -130px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    margin-left: -170px;\r\n    margin-right: -170px;\r\n  }\r\n`;\r\nconst Default = css `\r\n  ${base};\r\n  ${SitePadding};\r\n`;\r\nconst Fixed = css `\r\n  ${baseFixed};\r\n`;\r\nexport default {\r\n    Default,\r\n    Fixed,\r\n    SitePaddingBreakout,\r\n    SitePaddingBreakoutLeft,\r\n    SitePaddingBreakoutRight,\r\n    base,\r\n};\r\n","import React from \"react\";\nexport default (({\n  styles = {},\n  ...props\n}) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 17.221 10.024\" {...props}><path data-name=\"Path 4558\" d=\"M.707.707l7.9 7.9 7.9-7.9\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" /></svg>);"],"sourceRoot":""}