{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/helpers/ssr.ts","webpack:///./src/stories/Components/Button/Button.styles.ts","webpack:///./src/hoc/withMotion.tsx","webpack:///./src/helpers/global.ts","webpack:///./src/img/icons/blockquote-icon.svg","webpack:///./src/img/icons/chevron-down.svg","webpack:///./src/helpers/brand.ts","webpack:///./src/helpers/srOnly.ts","webpack:///./src/stories/Components/LinkButton/LinkButton.tsx","webpack:///./src/helpers/fluid.ts","webpack:///./src/helpers/developmentMode.ts","webpack:///./src/stories/Widgets/FloatingCta/FloatingCta.styles.ts","webpack:///./src/stories/Widgets/FloatingCta/FloatingCta.tsx","webpack:///./src/helpers/typography.ts","webpack:///./src/helpers/fonts.ts","webpack:///./src/helpers/layers.ts","webpack:///./src/helpers/animate.ts","webpack:///./src/img/icons/close.svg"],"names":["Device","from","size","until","between","start","end","isSSR","window","document","Container","styled","button","transition","brand","green","white","black","TabletLarge","Text","span","paragraphSmall","fonts","brandonGrotesque","bold","srOnly","ButtonStyles","IconWrapper","div","withMotion","WrappedComponent","displayName","name","ComponentWithMotion","props","React","createElement","LazyMotion","features","domAnimation","strict","ButtonReset","css","_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgBlockquoteIcon","viewBox","xmlns","d","fill","fillRule","SvgChevronDown","beige","beigeDark","greenBright","greyLight","greyMid","greyDark","pink","validation","invalid","valid","textShadow","rgba","LinkButton","buttonType","children","fillDirection","icon","iconOnly","iconPosition","otherProps","FocusRing","focusRingClass","S","as","DEFAULT_MIN_VALUE","TabletSmall","DEFAULT_MAX_VALUE","ActualDesktop","fluid","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","maxWidthRem","slope","yAxisIntersection","clampMin","round","clampVal","clampMax","num","Math","isDevelopmentMode","process","NODE_ENV","toLocaleLowerCase","GlobalStyles","createGlobalStyle","ControlButton","baseWrapperStyles","MainCtaWrapper","Description","m","p","attrs","variants","hidden","opacity","duration","visible","h6","AnimatedWrapper","initial","animate","exit","height","staggerChildren","SecondaryCtaWrapper","FloatingCtaStyles","Layers","HeaderBackdrop","isOpen","setIsOpen","setCookie","undefined","Cookie","get","set","setCookieAndRedirect","e","preventDefault","open","currentTarget","href","seenCtaCookie","showCollapsed","onClick","_isOpen","secondaryCta","SvgClose","AnimatePresence","description","url","title","text","mainCta","headingStyles","zahrah","medium","h1","h2","h3","h4","h5","paragraphStyles","regular","paragraphLarge","paragraphMedium","paragraphMicro","tagLarge","tag","tagSmall","link","table","blockquote","svgBlockQuoteIcon","contentStyles","thin","thinItalic","light","lightItalic","regularItalic","mediumItalic","boldItalic","blackItalic","semiBold","Header","ModalBackdrop","Modal","Popup","cubicEaseOut","shouldAnimate","innerCss","properties","timing","scrollTo","y","disabled","querySelector","top","behavior"],"mappings":"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","file":"69-b6790ba604ae6427e087.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[\"TabletSmall\"] = 568] = \"TabletSmall\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletMedium\"] = 896] = \"TabletMedium\";\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\nexport function between(start, end) {\r\n    return `${from(start)} and ${until(end)}`;\r\n}\r\n","export const isSSR = () => {\r\n    const returnValue = !(typeof window != 'undefined' && window.document);\r\n    return returnValue;\r\n};\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, until } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { paragraphSmall } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.button `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border: var(--borderWidth, 0) solid var(--colorBorder, var(--colorBg));\r\n  background: var(--colorBg);\r\n  background-image: linear-gradient(to right, var(--colorBgActive), var(--colorBgActive));\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  color: var(--colorFg);\r\n  min-height: 52px;\r\n  padding: 12px 26px;\r\n  text-decoration: none;\r\n  ${transition('background-size, border-color, opacity')};\r\n  user-select: none;\r\n  width: auto;\r\n\r\n  &[data-fill='right'] {\r\n    background-position: left center;\r\n  }\r\n\r\n  &[data-fill='left'] {\r\n    background-position: right center;\r\n  }\r\n\r\n  span& {\r\n    button.focus-ring &,\r\n    a.focus-ring & {\r\n      outline: auto;\r\n      outline-offset: -5px;\r\n      outline-width: 2px;\r\n      outline-style: solid;\r\n    }\r\n\r\n    button.focus-ring,\r\n    a.focus-ring,\r\n    button:hover &,\r\n    a:hover & {\r\n      border-color: var(--colorBorderActive, var(--colorBgActive));\r\n      color: var(--colorFgActive);\r\n      background-size: 100% 100%;\r\n    }\r\n  }\r\n\r\n  &:not(span) {\r\n    cursor: pointer;\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline: auto;\r\n      outline-offset: -5px;\r\n      outline-width: 2px;\r\n      outline-style: solid;\r\n    }\r\n\r\n    &.focus-ring,\r\n    &:hover {\r\n      border-color: var(--colorBorderActive, var(--colorBgActive));\r\n      color: var(--colorFgActive);\r\n      background-size: 100% 100%;\r\n    }\r\n  }\r\n\r\n  &[data-type='default'] {\r\n    --colorBg: ${brand.green};\r\n    --colorFg: ${brand.white};\r\n    --colorBgActive: ${brand.black};\r\n    --colorFgActive: ${brand.white};\r\n  }\r\n\r\n  &[data-type='inverted'] {\r\n    --colorBg: ${brand.white};\r\n    --colorFg: ${brand.black};\r\n    --colorBgActive: ${brand.black};\r\n    --colorFgActive: ${brand.white};\r\n  }\r\n\r\n  &[data-type='outline'] {\r\n    --borderWidth: 2px;\r\n    --colorBg: ${brand.white};\r\n    --colorFg: ${brand.green};\r\n    --colorBorder: ${brand.green};\r\n    --colorBgActive: ${brand.green};\r\n    --colorFgActive: ${brand.white};\r\n    --colorBorderActive: ${brand.green};\r\n  }\r\n\r\n  &[data-icon-only='true'] {\r\n    height: 52px;\r\n    justify-content: center;\r\n    padding: 0;\r\n    width: 52px;\r\n  }\r\n\r\n  /* Increase specificity to override :not(span) style */\r\n  &:disabled:disabled:disabled {\r\n    background-size: 0% 100%;\r\n    opacity: 0.5;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    min-height: 45px;\r\n    padding: 6px 12px;\r\n\r\n    &[data-icon-only='true'] {\r\n      height: 45px;\r\n      width: 45px;\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    display: none !important;\r\n  }\r\n`;\r\nconst Text = styled.span `\r\n  ${transition('color')};\r\n  ${paragraphSmall};\r\n  ${fonts.brandonGrotesque.bold};\r\n\r\n  color: currentColor;\r\n  line-height: 1.25;\r\n  margin: 0;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n\r\n  [data-icon-only='true'] & {\r\n    ${srOnly};\r\n  }\r\n`;\r\nconst IconWrapper = styled.div `\r\n  display: block;\r\n  color: currentColor;\r\n  height: 17px;\r\n  margin: 0;\r\n  padding: 0;\r\n  ${transition('color')};\r\n  width: 37px;\r\n\r\n  [data-icon-position='left'] & {\r\n    margin-right: auto;\r\n    order: -1;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  [data-icon-position='right'] & {\r\n    margin-left: auto;\r\n    order: 1;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  [data-icon-only='true'] & {\r\n    color: currentColor;\r\n    height: 17px;\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 17px;\r\n  }\r\n`;\r\nconst ButtonStyles = {\r\n    Container,\r\n    IconWrapper,\r\n    Text,\r\n};\r\nexport default ButtonStyles;\r\n","import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n    gridGap: 24,\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","var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgBlockquoteIcon(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 1200 1200\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M54 728.45c0 138.57 112.33 250.91 250.91 250.91s250.91-112.33 250.91-250.91c0-136.87-109.64-248.07-245.87-250.78 63.348-62.125 150.11-100.5 245.87-100.5l.004-150.54c-277.14 0-501.82 224.68-501.82 501.82zm1104-501.82c-277.14 0-501.82 224.68-501.82 501.82 0 138.57 112.34 250.91 250.91 250.91S1158 867.03 1158 728.45c0-136.87-109.64-248.07-245.87-250.78 63.348-62.125 150.12-100.5 245.87-100.5z\",\n    fill: \"currentColor\",\n    fillRule: \"evenodd\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"f328a34411117476e91b24f457d832a0.svg\";\nexport { SvgBlockquoteIcon as ReactComponent };","var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgChevronDown(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0.15 0.14 10.75 6.13\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M5.521.511l-.315.292L.521 5.171l.63.724 4.37-4.076 4.37 4.077.63-.725L5.836.803z\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"8f4144e245791cb2677794eb03322ce9.svg\";\nexport { SvgChevronDown as ReactComponent };","import { rgba } from 'polished';\r\nconst brand = {\r\n    beige: '#F4F3EE',\r\n    beigeDark: '#E9E7DD',\r\n    black: '#000000',\r\n    green: '#9DAD98',\r\n    greenBright: '#889E83',\r\n    greyLight: '#F4F3EE',\r\n    greyMid: '#BEBEBE',\r\n    greyDark: '#2B2E34',\r\n    pink: '#FF8C93',\r\n    white: '#ffffff',\r\n    validation: {\r\n        invalid: '#DA291C',\r\n        valid: '#008C15',\r\n    },\r\n};\r\nexport default brand;\r\nexport const textShadow = `drop-shadow(0px 0px 6px ${rgba(brand.greyDark, 0.5)})`;\r\n","import { css } from 'styled-components';\r\n/**\r\n * Show only for screen readers.\r\n * @description Sourced from https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034\r\n */\r\nconst srOnly = css `\r\n  border: 0 !important;\r\n  clip: rect(1px, 1px, 1px, 1px) !important;\r\n  -webkit-clip-path: inset(50%) !important;\r\n  clip-path: inset(50%) !important;\r\n  height: 1px !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  padding: 0 !important;\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  white-space: nowrap !important;\r\n`;\r\nexport default srOnly;\r\n","import * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from '../Button/Button.styles';\r\nconst LinkButton = ({ buttonType, children, fillDirection = 'right', icon, iconOnly, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Container, { as: \"a\", \"data-fill\": fillDirection, \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(S.Text, null, children),\r\n            icon && React.createElement(S.IconWrapper, null, icon))));\r\n};\r\nexport default LinkButton;\r\n","import { Device } from './media';\r\n/**\r\n * Base pixel value for the \"rem\" unit.\r\n */\r\nexport const PIXELS_PER_REM = 16;\r\n/**\r\n * Default pixel value for the min width.\r\n */\r\nexport const DEFAULT_MIN_VALUE = Device.TabletSmall;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.ActualDesktop;\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluid(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = min / PIXELS_PER_REM;\r\n    const maxRem = max / PIXELS_PER_REM;\r\n    const minWidthRem = minWidth / PIXELS_PER_REM;\r\n    const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n    const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n    const yAxisIntersection = -minWidthRem * slope + minRem;\r\n    const clampMin = `${round(minRem)}rem`;\r\n    const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(maxRem)}rem`;\r\n    return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\n/**\r\n * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n    return Math.round(num * 100) / 100;\r\n}\r\n","export const isDevelopmentMode = process?.env?.NODE_ENV?.toLocaleLowerCase() === 'development';\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { Layers } from '@helpers/layers';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { h6 } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Button/Button.styles';\r\nimport { m } from 'framer-motion';\r\nimport styled, { createGlobalStyle, css } from 'styled-components';\r\nconst GlobalStyles = createGlobalStyle `\r\n  :root {\r\n    --floatingCtaHeight: 77px;\r\n  }\r\n`;\r\nconst ControlButton = styled.button `\r\n  ${ButtonReset};\r\n\r\n  position: absolute;\r\n  right: 14px;\r\n  top: 24px;\r\n  width: 20px;\r\n\r\n  svg {\r\n    ${transition('transform, color')}\r\n\r\n    display: block;\r\n    transform: translateY(8px) rotate(0deg);\r\n    width: 100%;\r\n    color: ${brand.black};\r\n\r\n    &[data-icon='close'] {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    svg {\r\n      &[data-icon='close'] {\r\n        display: block;\r\n      }\r\n\r\n      &[data-icon='chevron'] {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst baseWrapperStyles = css `\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 16px 48px;\r\n\r\n  ${ButtonStyles.Container} {\r\n    justify-content: center;\r\n    text-align: center;\r\n    width: 100%;\r\n    max-width: 400px;\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      padding-top: 8px;\r\n    }\r\n  }\r\n`;\r\nconst MainCtaWrapper = styled.div `\r\n  ${baseWrapperStyles};\r\n  color: ${brand.black};\r\n  background-color: ${brand.beige};\r\n`;\r\nconst descriptionVariants = {\r\n    hidden: {\r\n        opacity: 0,\r\n        transition: {\r\n            duration: 0.15,\r\n        },\r\n    },\r\n    visible: {\r\n        opacity: 1,\r\n        transition: {\r\n            duration: 0.35,\r\n        },\r\n    },\r\n};\r\nconst Description = styled(m.p).attrs({ variants: descriptionVariants }) `\r\n  text-align: center;\r\n  ${h6};\r\n  margin: 0px 0px 16px;\r\n`;\r\nconst wrapperVariants = {\r\n    hidden: {\r\n        height: 0,\r\n        transition: {\r\n            duration: 0.3,\r\n        },\r\n    },\r\n    visible: {\r\n        height: 'auto',\r\n        transition: {\r\n            duration: 0.35,\r\n            staggerChildren: 0.1,\r\n        },\r\n    },\r\n};\r\nconst AnimatedWrapper = styled(m.div).attrs({\r\n    initial: 'hidden',\r\n    animate: 'visible',\r\n    exit: 'hidden',\r\n    variants: wrapperVariants,\r\n}) `\r\n  overflow: hidden;\r\n`;\r\nconst SecondaryCtaWrapper = styled(m.div) `\r\n  ${baseWrapperStyles};\r\n  color: ${brand.white};\r\n  background-color: ${brand.green};\r\n`;\r\nconst containerVariants = {\r\n    hidden: {\r\n        '--containerY': '100%',\r\n        transition: { duration: 0.4 },\r\n    },\r\n    visible: {\r\n        '--containerY': '0%',\r\n        transition: { duration: 0.4, staggerChildren: 0.1 },\r\n    },\r\n};\r\nconst Container = styled(m.div).attrs({\r\n    initial: 'hidden',\r\n    animate: 'visible',\r\n    variants: containerVariants,\r\n}) `\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  background-color: ${brand.beige};\r\n  z-index: ${Layers.HeaderBackdrop};\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0px -4px 6px rgba(0 0 0 / 10%);\r\n  cursor: pointer;\r\n\r\n  transform: translateY(var(--containerY));\r\n\r\n  ${({ isOpen }) => isOpen &&\r\n    css `\r\n      ${ControlButton} svg {\r\n        transform: rotate(180deg);\r\n        color: ${brand.white};\r\n      }\r\n    `}\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    ${({ isOpen }) => isOpen\r\n    ? null\r\n    : css `\r\n            transform: translateY(100%);\r\n            transition: transform 0.4s ease-out;\r\n            pointer-events: none;\r\n          `}\r\n  }\r\n`;\r\nconst FloatingCtaStyles = {\r\n    Container,\r\n    ControlButton,\r\n    MainCtaWrapper,\r\n    Description,\r\n    AnimatedWrapper,\r\n    SecondaryCtaWrapper,\r\n    GlobalStyles,\r\n};\r\nexport default FloatingCtaStyles;\r\n","import { AnimatePresence } from 'framer-motion';\r\nimport { isDevelopmentMode } from '@helpers/developmentMode';\r\nimport { isSSR } from '@helpers/ssr';\r\nimport { ReactComponent as SvgChevronDown } from '@img/icons/chevron-down.svg';\r\nimport { ReactComponent as SvgClose } from '@img/icons/close.svg';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport * as React from 'react';\r\nimport Cookie from 'js-cookie';\r\nimport LinkButton from '@stories/Components/LinkButton/LinkButton';\r\nimport S from './FloatingCta.styles';\r\nconst FloatingCta = (props) => {\r\n    const [isOpen, setIsOpen] = React.useState(false);\r\n    const setCookie = () => {\r\n        // We just need to check for the existence of this, not anything //\r\n        // within it as it is a necessary cookie which is enabled by default //\r\n        if (Cookie.get('CookieConsent') !== undefined || isDevelopmentMode) {\r\n            Cookie.set('SEEN_FLOATING_CTA', 'true');\r\n        }\r\n    };\r\n    const setCookieAndRedirect = (e) => {\r\n        e.preventDefault();\r\n        setCookie();\r\n        window.open(e.currentTarget.href, e.currentTarget.target);\r\n    };\r\n    React.useEffect(() => {\r\n        if (!isSSR()) {\r\n            const seenCtaCookie = Cookie.get('SEEN_FLOATING_CTA');\r\n            setIsOpen(!seenCtaCookie && !props.showCollapsed);\r\n        }\r\n    }, [isSSR()]);\r\n    return (React.createElement(S.Container, { isOpen: isOpen, onClick: () => {\r\n            setCookie();\r\n            setIsOpen((_isOpen) => !_isOpen);\r\n        } },\r\n        props.secondaryCta ? (React.createElement(S.ControlButton, null,\r\n            React.createElement(SvgClose, { \"data-icon\": \"close\" }),\r\n            React.createElement(SvgChevronDown, { \"data-icon\": \"chevron\" }))) : null,\r\n        React.createElement(AnimatePresence, null, isOpen && props.secondaryCta ? (React.createElement(S.AnimatedWrapper, { key: \"secondary-cta-wrapper\" },\r\n            React.createElement(S.SecondaryCtaWrapper, null,\r\n                props.secondaryCta.description ? (React.createElement(S.Description, null, props.secondaryCta.description)) : null,\r\n                props.secondaryCta.url ? (React.createElement(LinkButton, { onClick: (e) => {\r\n                        setCookieAndRedirect(e);\r\n                    }, buttonType: \"inverted\", href: props.secondaryCta.url, target: props.secondaryCta.target, title: props.secondaryCta.text }, props.secondaryCta.text)) : null))) : null),\r\n        React.createElement(S.MainCtaWrapper, null,\r\n            React.createElement(AnimatePresence, null, isOpen && props.mainCta.description ? (React.createElement(S.AnimatedWrapper, { key: \"main-cta-description\" },\r\n                React.createElement(S.Description, null, props.mainCta.description))) : null),\r\n            props.mainCta.url ? (React.createElement(LinkButton, { onClick: (e) => {\r\n                    setCookieAndRedirect(e);\r\n                }, buttonType: \"default\", href: props.mainCta.url, target: props.mainCta.target, title: props.mainCta.text }, props.mainCta.text)) : null)));\r\n};\r\nexport default withMotion(FloatingCta);\r\n","import svgBlockQuoteIcon from '@img/icons/blockquote-icon.svg';\r\nimport { css } from 'styled-components';\r\nimport { transition } from './animate';\r\nimport brand from './brand';\r\nimport { fluid } from './fluid';\r\nimport fonts from './fonts';\r\nimport { Device, from } from './media';\r\nexport const headingStyles = css `\r\n  color: currentColor;\r\n  ${fonts.zahrah.medium};\r\n  margin: 0 0 ${fluid(16, 18)};\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    letter-spacing: -0.035em;\r\n  }\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(36, 52)};\r\n  line-height: ${fluid(42, 58)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(32, 46)};\r\n  line-height: ${fluid(38, 52)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(28, 36)};\r\n  line-height: ${fluid(34, 42)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(24, 32)};\r\n  line-height: ${fluid(30, 38)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(20, 26)};\r\n  line-height: ${fluid(26, 32)};\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(24, 26)};\r\n`;\r\nconst paragraphStyles = css `\r\n  color: currentColor;\r\n  ${fonts.brandonGrotesque.regular};\r\n  margin: 0 0 ${fluid(14, 16)};\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n`;\r\nexport const paragraphMedium = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(24, 26)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: ${fluid(22, 24)};\r\n`;\r\nexport const paragraphMicro = css `\r\n  ${paragraphStyles};\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n`;\r\nexport const tagLarge = css `\r\n  ${paragraphStyles};\r\n  ${fonts.brandonGrotesque.bold};\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(20, 22)};\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase;\r\n`;\r\nexport const tag = css `\r\n  ${paragraphStyles};\r\n  ${fonts.brandonGrotesque.bold};\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: ${fluid(18, 20)};\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase;\r\n`;\r\nexport const tagSmall = css `\r\n  ${paragraphStyles};\r\n  ${fonts.brandonGrotesque.bold};\r\n  font-size: ${fluid(12, 14)};\r\n  line-height: ${fluid(14, 16)};\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase;\r\n`;\r\nexport const link = css `\r\n  display: inline-block;\r\n  color: currentColor;\r\n  background: linear-gradient(\r\n    to right,\r\n    var(--accentColor, ${brand.green}),\r\n    var(--accentColor, ${brand.green})\r\n  );\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  margin: 0 -4px 0;\r\n  padding: 0 4px 0;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n\r\n  ${transition('background-size, color')};\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &.focus-ring,\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n    color: ${brand.white};\r\n    text-decoration: none;\r\n  }\r\n`;\r\nexport const table = css `\r\n  background: ${brand.white};\r\n  border-collapse: collapse;\r\n  color: ${brand.black};\r\n  margin-bottom: 1em;\r\n  width: 100%;\r\n\r\n  thead {\r\n    tr {\r\n      background: ${brand.green};\r\n\r\n      td,\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\r\n        ${fonts.zahrah.medium};\r\n        font-size: 18px;\r\n        letter-spacing: -0.01em;\r\n        line-height: 22px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      &:nth-child(odd) {\r\n        background: ${brand.white};\r\n      }\r\n\r\n      &:nth-child(even) {\r\n        background: ${brand.beige};\r\n      }\r\n\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\r\n        ${fonts.zahrah.medium};\r\n        font-size: 18px;\r\n        letter-spacing: -0.01em;\r\n        line-height: 22px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n\r\n      td {\r\n        border: 2px solid ${brand.white};\r\n        ${fonts.brandonGrotesque.regular};\r\n        font-size: 16px;\r\n        letter-spacing: -0.01em;\r\n        line-height: 20px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const blockquote = css `\r\n  position: relative;\r\n  ${paragraphLarge}\r\n  ${fonts.brandonGrotesque.bold}\r\n  padding-top: 66px;\r\n  text-align: left;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: block;\r\n    background-image: url(${svgBlockQuoteIcon});\r\n    height: 50px;\r\n    width: 50px;\r\n  }\r\n`;\r\nexport const contentStyles = css `\r\n  h1,\r\n  .h1-styles {\r\n    ${h1}\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h2}\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h3}\r\n  }\r\n\r\n  h4,\r\n  .h4-styles {\r\n    ${h4}\r\n  }\r\n\r\n  h5,\r\n  .h5-styles {\r\n    ${h5}\r\n  }\r\n\r\n  p {\r\n    ${paragraphMedium}\r\n  }\r\n\r\n  p.large {\r\n    ${paragraphLarge}\r\n  }\r\n\r\n  p.small {\r\n    ${paragraphSmall}\r\n  }\r\n\r\n  p.tag-large,\r\n  .tag-large {\r\n    ${tagLarge};\r\n  }\r\n\r\n  p.tag,\r\n  .tag {\r\n    ${tag};\r\n  }\r\n\r\n  p.tag-small,\r\n  .tag-small {\r\n    ${tagSmall};\r\n  }\r\n\r\n  p.tag,\r\n  .tag,\r\n  p.tag-large,\r\n  .tag-large,\r\n  p.tag-small,\r\n  .tag-small {\r\n    margin: 0 0 ${fluid(12, 14)};\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    ${paragraphMedium};\r\n    margin: 0 0 0.5em;\r\n\r\n    li {\r\n      margin: 0 0 0.33em;\r\n    }\r\n  }\r\n\r\n  ol {\r\n    list-style: decimal;\r\n    padding-left: 1.2em;\r\n  }\r\n\r\n  ul {\r\n    list-style: disc;\r\n    padding-left: 1.2em;\r\n  }\r\n\r\n  hr {\r\n    display: block;\r\n    background: currentColor;\r\n    border: 0;\r\n    height: 4px;\r\n    margin: ${fluid(40, 80)} 0;\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  blockquote {\r\n    ${blockquote};\r\n  }\r\n\r\n  .responsive-table {\r\n    position: relative;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  > *:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    brandonGrotesque: {\r\n        thin: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 100;\r\n    `,\r\n        thinItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 100;\r\n    `,\r\n        light: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 300;\r\n    `,\r\n        lightItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 300;\r\n    `,\r\n        regular: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        mediumItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 500;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n        black: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 900;\r\n    `,\r\n        blackItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 900;\r\n    `,\r\n    },\r\n    zahrah: {\r\n        regular: css `\r\n      font-family: 'Zahrah', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Zahrah', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        semiBold: css `\r\n      font-family: 'Zahrah', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n    },\r\n};\r\n","/**\r\n * The various major z-index layers, adjust with caution and leave space between to add to later.\r\n */\r\nexport const Layers = {\r\n    HeaderBackdrop: 90,\r\n    Header: 100,\r\n    ModalBackdrop: 990,\r\n    Modal: 1000,\r\n    Popup: 1001,\r\n};\r\n","import { css } from 'styled-components';\r\nexport const inViewMargin = '0px 0px -35% 0px';\r\nexport const cubicEaseOut = `cubic-bezier(0.33, 1, 0.68, 1)`;\r\nexport const disableAnimationClass = '.equally-ai___toolbox-disable-buttons-animations';\r\nexport const shouldAnimate = (innerCss) => {\r\n    return css `\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      ${innerCss}\r\n    }\r\n  `;\r\n};\r\nexport const transition = (properties, duration = 0.35, timing = cubicEaseOut) => {\r\n    return shouldAnimate(css `\r\n    transition: ${properties};\r\n    transition-duration: ${typeof duration === 'string' ? duration : `${duration}s`};\r\n    transition-timing-function: ${timing};\r\n    will-change: ${properties};\r\n  `);\r\n};\r\nexport function scrollTo(y) {\r\n    const disabled = document.querySelector(disableAnimationClass);\r\n    window.scrollTo({\r\n        top: y,\r\n        behavior: !disabled ? 'smooth' : 'auto',\r\n    });\r\n}\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgClose(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 14 14.001\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M6.97 5.315c.231-.216.431-.4.621-.585q2.007-2 4.012-4.009a4.371 4.371 0 01.542-.5 1.149 1.149 0 011.5.125 1.117 1.117 0 01.119 1.5 4.5 4.5 0 01-.5.542q-2 2.007-4.009 4.012c-.19.191-.371.392-.591.624.214.228.393.429.584.619l3.949 3.955a4.385 4.385 0 01.5.543 1.166 1.166 0 01-.086 1.442 1.119 1.119 0 01-1.49.186 3.843 3.843 0 01-.546-.494q-1.977-1.977-3.949-3.957c-.192-.194-.346-.424-.548-.675-.277.248-.464.4-.633.569q-2.038 2.03-4.071 4.067a4.95 4.95 0 01-.478.451 1.144 1.144 0 01-1.565-.08 1.189 1.189 0 01-.066-1.575 5.142 5.142 0 01.457-.473c1.317-1.318 2.631-2.638 3.955-3.949a7.783 7.783 0 01.676-.535c-.258-.288-.408-.472-.575-.641Q2.748 4.439.712 2.406a3.724 3.724 0 01-.492-.548A1.151 1.151 0 011.787.247a3.405 3.405 0 01.552.488q2.009 2 4.012 4.008c.19.189.393.364.619.572z\",\n    fillRule: \"evenodd\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"a737beca367534378f0194a23b96db71.svg\";\nexport { SvgClose as ReactComponent };"],"sourceRoot":""}