{"version":3,"sources":["webpack:///./src/stories/Components/SectionWrapper/SectionWrapper.tsx","webpack:///./src/helpers/aspectRatio.ts","webpack:///./src/img/icons/play-circle-instagram.svg","webpack:///./src/stories/Components/Button/Button.styles.ts","webpack:///./src/stories/Components/CtaLink/CtaLink.tsx","webpack:///./src/img/icons/carousel-arrow-down.svg","webpack:///./src/stories/Components/SectionWrapper/SectionWrapper.styles.ts","webpack:///./src/stories/Components/Misc/MediaEmbed/MediaEmbed.styles.ts","webpack:///./src/stories/Components/Misc/MediaEmbed/MediaEmbed.tsx","webpack:///./src/stories/Components/SignpostCard/SignpostCard.styles.ts","webpack:///./src/stories/Components/SignpostCard/SignpostCard.tsx","webpack:///./src/helpers/srOnly.ts","webpack:///./src/helpers/combineRefs.ts","webpack:///./src/stories/Components/Misc/Carousel/SimpleTrack/SimpleTrack.tsx","webpack:///./src/img/icons/carousel-arrow-up.svg","webpack:///./src/stories/Components/Misc/DotPagination/DotPagination.tsx","webpack:///./src/stories/Components/Misc/Carousel/Controls/Controls.tsx","webpack:///./src/stories/Components/LinkButton/LinkButton.tsx","webpack:///./src/stories/Components/Misc/Carousel/SimpleTrack/SimpleTrack.styles.ts","webpack:///./src/stories/Components/CtaLink/CtaLink.styles.ts","webpack:///./src/stories/Components/SectionHeader/SectionHeader.tsx","webpack:///./src/stories/Components/Misc/Carousel/Connected/Connected.tsx","webpack:///./src/stories/Components/Misc/Carousel/Controls/Controls.styles.ts","webpack:///./src/stories/Components/Misc/DotPagination/DotPagination.styles.ts","webpack:///./src/stories/Components/SectionHeader/SectionHeader.styles.ts"],"names":["SectionWrapper","React","ref","children","layout","hideOverflow","otherProps","S","Container","Inner","displayName","aspectRatio","width","height","imageWrapperPreserveRatio","css","imageCoverContainer","relative","_defs","_g","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgPlayCircleInstagram","props","xmlns","viewBox","id","fill","d","clipPath","stroke","strokeWidth","transform","styled","button","transition","brand","green","white","black","until","Device","TabletLarge","Text","span","paragraphSmall","fonts","brandonGrotesque","bold","srOnly","ButtonStyles","IconWrapper","div","CtaLink","size","variant","_path","SvgCarouselArrowDown","SectionWrapperStyles","section","fluid","siteWide","MediaInner","figure","VideoWrapper","svgPlay","MediaEmbedStyles","Image","img","Caption","figcaption","rgba","regular","MediaEmbed","media","caption","rest","useModalGallery","count","modalOpen","setModalOpen","srcs","isMediaVideo","previewImage","getSrcs","videoUrl","videoId","format","sizes","ModalGalleryProvider","onClick","src","split","srcSet","join","alt","title","undefined","loading","role","altText","ModalGallery","ariaLabel","isOpen","openIndex","closeOnBackground","showBackground","showClose","onClose","Link","Title","h3","ImageWrapper","Video","video","commonContent","from","DesktopSmall","SubTitle","tag","SignpostCardsStyles","Content","paragraphMedium","Cta","medium","MediaEmbedWrapper","SignpostCard","content","cta","image","imgSizes","subtitle","FocusRing","focusRingClass","url","as","href","text","combineRefs","refsToSet","instance","forEach","refToSet","current","SimpleTrack","initCarousel","mobileOnly","carousel","useCarouselContext","swipeHandlers","useSwipeable","onSwipedLeft","goToNext","onSwipedRight","goToPrev","refContainer","alignment","offsets","direction","CarouselDirection","Vertical","Track","refTrack","style","Horizontal","offset","SvgCarouselArrowUp","DotPagination","value","onChange","excludeFill","dotWidth","Fill","Array","map","_","index","Item","event","preventDefault","Controls","className","maxIndex","paginationTitle","goToIndex","activeIndex","ButtonWrapper","Button","disabled","wrap","type","onPrevClick","ArrowLeft","ArrowUp","onNextClick","ArrowRight","ArrowDown","LinkButton","buttonType","fillDirection","icon","iconOnly","iconPosition","SimpleTrackStyles","ul","LinkStyles","CtaLinkStyles","a","SectionHeader","sectionCta","Subtitle","dangerouslySetInnerHTML","__html","Connected","DotPaginationStyles","Tablet","ControlsStyles","ButtonReset","nav","SectionHeaderStyles","h2","h1","contentStyles"],"mappings":"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","file":"20-e5a61be3db7272345e9e.js","sourcesContent":["import * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef(({ children, layout = 'default', hideOverflow, ...otherProps }, ref) => {\r\n    switch (layout) {\r\n        case 'fullWidth':\r\n            return (React.createElement(S.Container, { ref: ref, \"data-hide-overflow\": hideOverflow, ...otherProps }, children));\r\n        case 'default':\r\n        default:\r\n            return (React.createElement(S.Container, { ref: ref, \"data-hide-overflow\": hideOverflow, ...otherProps },\r\n                React.createElement(S.Inner, null, children)));\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { css } from 'styled-components';\r\n/**\r\n * Returns the aspect ratio of the given width and height as a percentage.\r\n */\r\nexport function aspectRatio(width, height) {\r\n    return (height / width) * 100;\r\n}\r\n/**\r\n * Re-usable styles for image container where the\r\n * image needs to maintain it's aspect ratio\r\n *\r\n * @param width\r\n * @param height\r\n * @returns\r\n */\r\nexport function imageWrapperPreserveRatio(width, height) {\r\n    if (!width && !height) {\r\n        return null;\r\n    }\r\n    return css `\r\n    position: relative;\r\n    height: 0;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    overflow: clip;\r\n    padding-bottom: ${aspectRatio(width, height)}%;\r\n  `;\r\n}\r\n/**\r\n * Re-usable styles for an image placed within\r\n * a container maintaining aspect ratio\r\n */\r\nexport const imageCoverContainer = (relative) => css `\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  ${!relative && 'position: absolute; top: 0;left: 0;'}\r\n`;\r\n","var _defs, _g;\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 SvgPlayCircleInstagram(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 131.326 119.639\"\n  }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"play-circle-instagram_svg__a\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Rectangle 45\",\n    fill: \"none\",\n    d: \"M0 0h131.326v119.639H0z\"\n  })), /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"play-circle-instagram_svg__b\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Rectangle 46\",\n    fill: \"none\",\n    d: \"M0 0h80.019v76.141H0z\"\n  })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 18781\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 281\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 280\",\n    clipPath: \"url(#play-circle-instagram_svg__a)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 279\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 133\",\n    d: \"M65.663 115.549a52.224 52.224 0 0052.224-52.223 52.224 52.224 0 00-52.224-52.224 52.224 52.224 0 00-52.224 52.224 52.224 52.224 0 0052.224 52.223z\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 5\n  })))), /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 286\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 285\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 284\",\n    clipPath: \"url(#play-circle-instagram_svg__b)\",\n    transform: \"translate(33.935 21.749)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Group 283\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 134\",\n    d: \"M67.545 38.256L16.376 8.766a3.549 3.549 0 00-3.906 0 4.028 4.028 0 00-1.954 3.319v58.982a3.78 3.78 0 001.953 3.32 3.776 3.776 0 001.954.585 3.776 3.776 0 001.954-.585l51.169-29.491a4.027 4.027 0 001.954-3.32 3.785 3.785 0 00-1.955-3.321z\",\n    fill: \"currentColor\"\n  }))))))));\n}\n\nexport default __webpack_public_path__ + \"ef2f58a39e78aeeebaedaf0f14625e89.svg\";\nexport { SvgPlayCircleInstagram as ReactComponent };","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 * as React from 'react';\r\nimport S from './CtaLink.styles';\r\nconst CtaLink = ({ children, size = 'default', variant = 'default', ...otherProps }) => {\r\n    return (React.createElement(S.Container, { ...otherProps, \"data-size\": size, \"data-variant\": variant }, children));\r\n};\r\nexport default CtaLink;\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 SvgCarouselArrowDown(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24.25 14.141\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 172\",\n    d: \"M11.567 13.901L.244 2.576A.77.77 0 010 2.017a.768.768 0 01.244-.559L1.459.243a.766.766 0 01.559-.242.763.763 0 01.557.242l9.551 9.55 9.55-9.55a.763.763 0 01.558-.242.763.763 0 01.559.242l1.215 1.215a.766.766 0 01.242.559.768.768 0 01-.242.559L12.685 13.901a.766.766 0 01-1.118 0\",\n    fill: \"currentColor\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"7de2d376feeda9b17a4a90a0b5d20733.svg\";\nexport { SvgCarouselArrowDown as ReactComponent };","import { fluid } from '@helpers/fluid';\r\nimport { siteWide } from '@helpers/grid';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacing: ${fluid(48, 96)};\r\n  scroll-margin: var(--headerScrollHeight) 0 0;\r\n\r\n  &[data-hide-overflow='true'] {\r\n    overflow: hidden;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  ${siteWide}\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport svgPlay from '@img/icons/play-circle-instagram.svg';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  margin: var(--sectionSpacing) auto;\r\n`;\r\nconst MediaInner = styled.figure `\r\n  display: grid;\r\n  justify-content: center;\r\n  margin: 0 auto;\r\n  max-width: 840px;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n`;\r\nconst VideoWrapper = styled.div `\r\n  position: relative;\r\n\r\n  &::after {\r\n    ${transition('opacity')};\r\n\r\n    content: url('${svgPlay}');\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    display: block;\r\n    filter: invert(1);\r\n    height: ${fluid(75, 105)};\r\n    opacity: 0.7;\r\n    transform: translate(-50%, -50%);\r\n    width: ${fluid(75, 105)};\r\n  }\r\n\r\n  ${MediaInner}:hover & {\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n`;\r\nconst Image = styled.img ``;\r\nconst Caption = styled.figcaption `\r\n  color: ${rgba(brand.black, 0.5)};\r\n  ${fonts.brandonGrotesque.regular};\r\n  font-size: 18px;\r\n  line-height: 28px;\r\n  margin: ${fluid(16, 8)} 0 0;\r\n`;\r\nconst MediaEmbedStyles = {\r\n    Container,\r\n    MediaInner,\r\n    Image,\r\n    Caption,\r\n    VideoWrapper,\r\n};\r\nexport default MediaEmbedStyles;\r\n","import { videoUrl } from '@helpers/cloudinary';\r\nimport { getSrcs } from '@helpers/image';\r\nimport { until } from '@helpers/media';\r\nimport { isMediaVideo } from '@helpers/video';\r\nimport { useModalGallery } from '@hooks/useModalGallery';\r\nimport ModalGallery from '@stories/Components/Misc/ModalGallery/ModalGallery';\r\nimport ModalGalleryProvider from '@stories/Components/Misc/ModalGallery/ModalGalleryProvider/ModalGalleryProvider';\r\nimport * as React from 'react';\r\nimport S from './MediaEmbed.styles';\r\nconst MediaEmbed = ({ media, caption, ...rest }) => {\r\n    if (!media) {\r\n        return null;\r\n    }\r\n    useModalGallery({ count: 1 });\r\n    const [modalOpen, setModalOpen] = React.useState(false);\r\n    const srcs = !isMediaVideo(media)\r\n        ? getSrcs(media, 840, 284, 5)\r\n        : media.previewImage\r\n            ? getSrcs(media.previewImage, 840, 284, 5, 9 / 16)\r\n            : [videoUrl(media.videoId, { format: 'jpg' })];\r\n    const sizes = `${until(840)} 100vw, 840px`;\r\n    return (React.createElement(S.Container, { ...rest },\r\n        React.createElement(ModalGalleryProvider, { count: 1 },\r\n            React.createElement(S.MediaInner, { onClick: () => {\r\n                    setModalOpen(true);\r\n                } },\r\n                isMediaVideo(media) ? (React.createElement(S.VideoWrapper, null,\r\n                    React.createElement(S.Image, { sizes: sizes, src: srcs[0].split(' ')[0], srcSet: srcs.join(','), alt: media.title ?? undefined, loading: \"lazy\", role: !media.title ? 'presentation' : undefined }))) : (React.createElement(S.Image, { sizes: `${until(840)} 100vw, 840px`, src: srcs[0].split(' ')[0], srcSet: srcs.join(','), alt: media.altText ?? undefined, loading: \"lazy\", role: !media.altText ? 'presentation' : undefined })),\r\n                caption && React.createElement(S.Caption, null, caption)),\r\n            React.createElement(ModalGallery, { ariaLabel: \"Dummy Modal Gallery\", isOpen: modalOpen, openIndex: 0, media: [media], closeOnBackground: true, showBackground: true, showClose: true, onClose: () => setModalOpen(false) }))));\r\n};\r\nexport default MediaEmbed;\r\n","import { transition } from '@helpers/animate';\r\nimport { imageCoverContainer, imageWrapperPreserveRatio } from '@helpers/aspectRatio';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h3, paragraphMedium, tag } from '@helpers/typography';\r\nimport styled, { css } from 'styled-components';\r\nimport MediaEmbed from '../Misc/MediaEmbed/MediaEmbed';\r\nimport SectionWrapperStyles from '../SectionWrapper/SectionWrapper.styles';\r\nconst Container = styled.div `\r\n  padding-bottom: 8px;\r\n  height: 100%;\r\n`;\r\nconst Link = styled.span `\r\n  color: ${brand.black};\r\n  text-decoration: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  height: 100%;\r\n`;\r\nconst Title = styled.h3 `\r\n  ${h3};\r\n  ${transition('text-decoration-color')};\r\n  text-decoration: underline;\r\n  text-underline-position: under;\r\n  text-decoration-color: transparent;\r\n\r\n  ${Link}:hover & {\r\n    text-decoration-color: ${brand.black};\r\n  }\r\n`;\r\nconst ImageWrapper = styled.div `\r\n  ${imageWrapperPreserveRatio(836, 454)};\r\n\r\n  margin-bottom: ${fluid(14, 16)};\r\n\r\n  ${Link}:not(:has(${Title})) & {\r\n    margin-bottom: ${fluid(20, 26)};\r\n  }\r\n`;\r\nconst Image = styled.img `\r\n  ${imageCoverContainer()};\r\n`;\r\nconst Video = styled.video `\r\n  ${imageCoverContainer()};\r\n`;\r\nconst commonContent = css `\r\n  display: block;\r\n  margin-top: auto;\r\n  margin-bottom: ${fluid(8, 12)};\r\n  max-width: 275px;\r\n  text-align: center;\r\n\r\n  ${Link}:not(:has(${Title})) & {\r\n    margin-top: 0;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    max-width: 650px;\r\n    margin-bottom: 8px;\r\n  }\r\n`;\r\nconst SubTitle = styled.span `\r\n  ${tag};\r\n  ${commonContent};\r\n`;\r\nconst Content = styled.span `\r\n  ${paragraphMedium};\r\n  ${commonContent};\r\n`;\r\nconst Cta = styled.span `\r\n  ${fonts.brandonGrotesque.medium};\r\n  font-size: 18px;\r\n  line-height: 1.5;\r\n  text-decoration: none;\r\n  text-underline-position: under;\r\n  color: ${brand.black};\r\n  ${transition('color')};\r\n\r\n  ${Link}:not(:has(${Title})) & {\r\n    margin-top: auto;\r\n  }\r\n\r\n  ${Container}:hover & {\r\n    color: ${brand.green};\r\n  }\r\n`;\r\nconst MediaEmbedWrapper = styled(MediaEmbed) `\r\n  margin: 0;\r\n\r\n  ${() => SectionWrapperStyles.Inner} {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n`;\r\nconst SignpostCardsStyles = {\r\n    Container,\r\n    Content,\r\n    Cta,\r\n    Image,\r\n    ImageWrapper,\r\n    Link,\r\n    SubTitle,\r\n    Title,\r\n    Video,\r\n    MediaEmbedWrapper,\r\n};\r\nexport default SignpostCardsStyles;\r\n","import { getSrcs } from '@helpers/image';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from './SignpostCard.styles';\r\nconst SignpostCard = ({ content, cta, image, imgSizes, subtitle, title, video, }) => {\r\n    const srcs = image ? getSrcs(image, 601, 251, 6, 454 / 836) : [];\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Link, { ...(cta?.url\r\n                    ? {\r\n                        as: 'a',\r\n                        href: cta.url,\r\n                        title: cta.text,\r\n                        target: cta.target,\r\n                    }\r\n                    : {}), \"data-is-link\": !!cta?.url },\r\n                React.createElement(S.ImageWrapper, null,\r\n                    image && (React.createElement(S.Image, { sizes: imgSizes, src: srcs[0].split(' ')[0], srcSet: srcs.join(','), role: !image.altText ? 'presentation' : undefined, loading: \"lazy\", alt: image.altText })),\r\n                    video && React.createElement(S.MediaEmbedWrapper, { media: video })),\r\n                title && React.createElement(S.Title, null, title),\r\n                subtitle && React.createElement(S.SubTitle, null, subtitle),\r\n                content && React.createElement(S.Content, null, content),\r\n                cta?.url && React.createElement(S.Cta, null,\r\n                    cta.text,\r\n                    \" >\")))));\r\n};\r\nexport default SignpostCard;\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","/**\r\n * Create function to set all refs to new value.\r\n * @param refsToSet\r\n * @returns\r\n */\r\nexport function combineRefs(...refsToSet) {\r\n    return (instance) => {\r\n        if (!refsToSet?.length) {\r\n            return;\r\n        }\r\n        refsToSet.forEach((refToSet) => {\r\n            if (!refToSet) {\r\n                return;\r\n            }\r\n            if (typeof refToSet === 'function') {\r\n                return refToSet(instance);\r\n            }\r\n            if (instance) {\r\n                // Required to allow \".current\" to be assigned.\r\n                refToSet.current = instance;\r\n            }\r\n        });\r\n    };\r\n}\r\n","import { combineRefs } from '@helpers/combineRefs';\r\nimport { CarouselDirection } from '@hooks/useCarousel';\r\nimport * as React from 'react';\r\nimport { useSwipeable } from 'react-swipeable';\r\nimport { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nimport S from './SimpleTrack.styles';\r\nconst SimpleTrack = ({ children, initCarousel = true, mobileOnly = false, ...otherProps }) => {\r\n    const carousel = useCarouselContext();\r\n    const swipeHandlers = useSwipeable({\r\n        onSwipedLeft: () => {\r\n            carousel.goToNext(false);\r\n        },\r\n        onSwipedRight: () => {\r\n            carousel.goToPrev(false);\r\n        },\r\n    });\r\n    return (React.createElement(S.Container, { ...otherProps, ...swipeHandlers, ref: combineRefs(carousel.refContainer, swipeHandlers.ref), \"data-alignment\": carousel.alignment, \"data-init\": carousel.offsets.length !== 0, \"data-mobile-only\": mobileOnly, \"data-vertical\": carousel.direction === CarouselDirection.Vertical },\r\n        React.createElement(S.Track, { ref: carousel.refTrack, style: {\r\n                transform: initCarousel\r\n                    ? carousel.direction === CarouselDirection.Horizontal\r\n                        ? `translateX(${carousel.offset * -1}px)`\r\n                        : `translateY(${carousel.offset * -1}px)`\r\n                    : undefined,\r\n            } }, children)));\r\n};\r\nexport default SimpleTrack;\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 SvgCarouselArrowUp(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24.25 14.141\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Path 171\",\n    d: \"M11.567.242L.244 11.565a.77.77 0 00-.244.559.768.768 0 00.244.559l1.215 1.215a.766.766 0 00.559.242.763.763 0 00.557-.242l9.55-9.55 9.55 9.55a.764.764 0 001.116 0l1.215-1.215a.766.766 0 000-1.118L12.685.242a.766.766 0 00-1.118 0\",\n    fill: \"currentColor\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"34ecb029b525d6faf023870071882e69.svg\";\nexport { SvgCarouselArrowUp as ReactComponent };","import * as React from 'react';\r\nimport S from './DotPagination.styles';\r\nconst DotPagination = ({ ariaLabel, count, value, onChange, excludeFill = false, }) => {\r\n    const dotWidth = `${100 / count}%`;\r\n    return (React.createElement(S.Container, { \"aria-label\": ariaLabel, \"data-exclude-fill\": excludeFill, style: { '--width': dotWidth, '--fill': `${(value + 1) / count}` } },\r\n        React.createElement(S.Fill, null),\r\n        Array.from(Array(count)).map((_, index) => (React.createElement(S.Item, { key: `DotPaginationItem_${index}`, \"aria-current\": index === value, \"aria-label\": `Go to ${index + 1}`, onClick: (event) => {\r\n                event.preventDefault();\r\n                onChange(index);\r\n            }, \"data-passed\": index <= value })))));\r\n};\r\nexport default DotPagination;\r\n","import { CarouselDirection } from '@hooks/useCarousel';\r\nimport { ReactComponent as ArrowDown } from '@img/icons/carousel-arrow-down.svg';\r\nimport { ReactComponent as ArrowUp } from '@img/icons/carousel-arrow-up.svg';\r\nimport { ReactComponent as ArrowLeft } from '@img/icons/nav-arrow-left.svg';\r\nimport { ReactComponent as ArrowRight } from '@img/icons/nav-arrow-right.svg';\r\nimport DotPagination from '@stories/Components/Misc/DotPagination/DotPagination';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nimport S from './Controls.styles';\r\nconst Controls = React.forwardRef((props, ref) => {\r\n    const carousel = useCarouselContext();\r\n    return (React.createElement(S.Container, { ref: ref, className: props.className, \"data-hide-pagination-mobile\": carousel.maxIndex > 24, \"data-vertical\": carousel.direction === CarouselDirection.Vertical },\r\n        React.createElement(DotPagination, { ariaLabel: props.paginationTitle, count: carousel.maxIndex + 1, onChange: (index) => carousel.goToIndex(index), value: carousel.activeIndex }),\r\n        React.createElement(S.ButtonWrapper, null,\r\n            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                React.createElement(S.Button, { \"aria-label\": \"Previous\", disabled: !props.wrap && carousel.activeIndex === 0, type: \"button\", onClick: (event) => {\r\n                        event.preventDefault();\r\n                        if (props.onPrevClick) {\r\n                            props.onPrevClick();\r\n                        }\r\n                        else {\r\n                            carousel.goToPrev(props.wrap);\r\n                        }\r\n                    } }, carousel.direction === CarouselDirection.Horizontal ? React.createElement(ArrowLeft, null) : React.createElement(ArrowUp, null))),\r\n            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                React.createElement(S.Button, { \"aria-label\": \"Next\", disabled: !props.wrap && carousel.activeIndex === carousel.maxIndex, type: \"button\", onClick: (event) => {\r\n                        event.preventDefault();\r\n                        if (props.onNextClick) {\r\n                            props.onNextClick();\r\n                        }\r\n                        else {\r\n                            carousel.goToNext(props.wrap);\r\n                        }\r\n                    } }, carousel.direction === CarouselDirection.Horizontal ? React.createElement(ArrowRight, null) : React.createElement(ArrowDown, null))))));\r\n});\r\nControls.displayName = 'Controls';\r\nexport default Controls;\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 { transition } from '@helpers/animate';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  @media ${from(Device.TabletLarge)} {\r\n    &[data-mobile-only='true'] {\r\n      display: contents;\r\n    }\r\n  }\r\n`;\r\nconst Track = styled.ul `\r\n  ${transition('transform')};\r\n\r\n  display: flex;\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    [data-mobile-only='true'] & {\r\n      display: contents;\r\n    }\r\n  }\r\n\r\n  [data-vertical='true'] & {\r\n    flex-direction: column;\r\n  }\r\n`;\r\nconst SimpleTrackStyles = {\r\n    Container,\r\n    Track,\r\n};\r\nexport default SimpleTrackStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport styled, { css } from 'styled-components';\r\nexport const LinkStyles = css `\r\n  ${transition('color, text-decoration-color')};\r\n  ${fonts.brandonGrotesque.bold};\r\n\r\n  display: inline-block;\r\n  color: ${brand.black};\r\n  font-size: ${fluid(16, 20)};\r\n  line-height: 1.5;\r\n  text-decoration: underline;\r\n  text-decoration-color: ${brand.green};\r\n  text-transform: uppercase;\r\n  text-underline-position: under;\r\n\r\n  &[data-size='small'] {\r\n    font-size: ${fluid(14, 18)};\r\n  }\r\n\r\n  &[data-variant='white'] {\r\n    color: ${brand.white};\r\n    text-decoration-color: ${brand.white};\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration-color: ${brand.black};\r\n  }\r\n`;\r\nconst Container = styled.a `\r\n  ${LinkStyles};\r\n`;\r\nconst CtaLinkStyles = {\r\n    Container,\r\n};\r\nexport default CtaLinkStyles;\r\n","import * as React from 'react';\r\nimport CtaLink from '../CtaLink/CtaLink';\r\nimport LinkButton from '../LinkButton/LinkButton';\r\nimport S from './SectionHeader.styles';\r\nconst SectionHeader = ({ title, subtitle, content, sectionCta }) => {\r\n    if (!title && !subtitle && !content) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, null,\r\n        title && React.createElement(S.Title, null, title),\r\n        subtitle && React.createElement(S.Subtitle, null, subtitle),\r\n        content && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: content } }),\r\n        sectionCta && (React.createElement(React.Fragment, null, sectionCta.style && sectionCta.style === 'link' ? (React.createElement(CtaLink, { href: sectionCta.url, target: sectionCta.target }, sectionCta.text)) : (React.createElement(LinkButton, { buttonType: \"default\", href: sectionCta.url, target: sectionCta.target }, sectionCta.text))))));\r\n};\r\nexport default SectionHeader;\r\n","import { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nconst Connected = ({ children }) => {\r\n    const carousel = useCarouselContext();\r\n    return children(carousel);\r\n};\r\nexport default Connected;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { Device, until } from '@helpers/media';\r\nimport DotPaginationStyles from '@stories/Components/Misc/DotPagination/DotPagination.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  --controlsColour: ${brand.green};\r\n\r\n  display: flex;\r\n  gap: 24px;\r\n  padding: 4px 0;\r\n  place-content: center;\r\n  place-items: center;\r\n\r\n  ${DotPaginationStyles.Container} {\r\n    flex: 1;\r\n  }\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    &[data-hide-pagination-mobile='true'] {\r\n      ${DotPaginationStyles.Container} {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-vertical='true'] {\r\n    ${DotPaginationStyles.Container} {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst ButtonWrapper = styled.div `\r\n  display: flex;\r\n\r\n  [data-vertical='true'] & {\r\n    display: flex;\r\n    height: 100%;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  ${ButtonReset}\r\n  display: flex;\r\n  border-radius: 50%;\r\n  height: 48px;\r\n  place-content: center;\r\n  place-items: center;\r\n  width: 48px;\r\n  color: var(--controlsColour);\r\n  ${transition('transform')};\r\n\r\n  svg {\r\n    display: block;\r\n    height: 28px;\r\n    width: 28px;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: -3px;\r\n    outline-width: 3px;\r\n  }\r\n\r\n  &.focus-ring,\r\n  &:hover {\r\n    transform: scale(1.2);\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n    transform: none;\r\n  }\r\n`;\r\nconst ControlsStyles = {\r\n    ButtonWrapper,\r\n    Button,\r\n    Container,\r\n};\r\nexport default ControlsStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.nav `\r\n  /** value of rgba(brand.green, 0.4), hex needed for hover state */\r\n  --colorInactive: #ced6cb;\r\n  --colorActive: ${brand.green};\r\n  --clickPadding: 24px;\r\n  --height: 2px;\r\n  --width: 20px;\r\n  --fill: 0;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n  place-content: center;\r\n  place-items: center;\r\n  user-select: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 0;\r\n    height: var(--height);\r\n    width: 100%;\r\n    background-color: var(--colorInactive);\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --width: 100px;\r\n    --height: 4px;\r\n  }\r\n\r\n  &[data-exclude-fill='true'] {\r\n    --colorInactive: none;\r\n  }\r\n`;\r\nconst Fill = styled.div `\r\n  position: absolute;\r\n  z-index: 1;\r\n  top: 24px;\r\n  left: 0;\r\n  height: var(--height);\r\n  width: 100%;\r\n  background-color: var(--colorActive);\r\n  transform: scaleX(var(--fill));\r\n  transform-origin: left;\r\n  ${transition('transform')};\r\n\r\n  [data-exclude-fill='true'] & {\r\n    display: none;\r\n  }\r\n`;\r\nconst Item = styled.button `\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  background: none;\r\n  border: 0;\r\n  color: transparent;\r\n  margin: 0;\r\n  padding: var(--clickPadding) 0;\r\n  place-content: center;\r\n  place-items: center;\r\n  ${transition('color')};\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n  -webkit-tap-highlight-color: transparent;\r\n\r\n  &::before {\r\n    content: '';\r\n    display: block;\r\n    background-color: var(--colorInactive);\r\n    border: 0;\r\n    height: 0;\r\n    width: 100%;\r\n    ${transition('transform')};\r\n    position: absolute;\r\n    top: 50%;\r\n  }\r\n\r\n  &[data-passed='true']::before {\r\n    background-color: var(--colorActive);\r\n  }\r\n\r\n  &:hover::before {\r\n    height: var(--height);\r\n    transform: scaleY(3);\r\n  }\r\n`;\r\nconst DotPaginationStyles = {\r\n    Container,\r\n    Fill,\r\n    Item,\r\n};\r\nexport default DotPaginationStyles;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { contentStyles, h1, tag } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nimport ButtonStyles from '../Button/Button.styles';\r\nimport CtaLinkStyles from '../CtaLink/CtaLink.styles';\r\nconst Container = styled.div `\r\n  margin: 0 auto ${fluid(30, 48)};\r\n  max-width: 1366px;\r\n  text-align: center;\r\n\r\n  ${ButtonStyles.Container},\r\n  ${CtaLinkStyles.Container} {\r\n    margin-top: ${fluid(18, 24)};\r\n  }\r\n`;\r\nconst Title = styled.h2 `\r\n  ${h1};\r\n`;\r\nconst Subtitle = styled.span `\r\n  ${tag};\r\n\r\n  margin: 0 0 ${fluid(6, 8)};\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n`;\r\nconst SectionHeaderStyles = {\r\n    Container,\r\n    Title,\r\n    Subtitle,\r\n    Content,\r\n};\r\nexport default SectionHeaderStyles;\r\n"],"sourceRoot":""}