{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/stories/Components/Buttons/GeneralButton/Button.styles.tsx","webpack:///./src/img/icons/external-rounded.svg","webpack:///./src/img/icons/external.svg","webpack:///./src/stories/Components/Buttons/GeneralButton/Button.tsx","webpack:///./src/stories/Components/Link/Link.tsx","webpack:///./src/stories/Components/Global/SiteWide/SiteWide.tsx","webpack:///./src/stories/Components/Global/SiteWide/SiteWide.styles.ts","webpack:///./src/helpers/fluid.ts","webpack:///./src/helpers/animation.ts","webpack:///./src/img/icons/chevron-right.svg","webpack:///./src/helpers/brand.ts","webpack:///./src/helpers/grey.ts","webpack:///./src/img/icons/arrow-right.svg","webpack:///./src/helpers/cssVar.ts","webpack:///./src/helpers/fonts.ts"],"names":["Device","from","size","until","between","start","end","ExternalStyles","css","cssVar","Text","fonts","brown","regular","Icon","OrangeStyles","Inner","brand","black","TextWrapper","orange","IconWrapper","white","Tablet","OrangeSimpleStyles","OrangeArrowStyles","fluid","OrangeExternalStyles","OutlineStyles","TextOnlyStyles","light","TextAfterStyles","TabletLarge","UnderlineStyles","Button","styled","button","buttonType","span","ButtonStyles","_path","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgExternalRounded","props","viewBox","fill","xmlns","d","SvgExternal","stroke","strokeWidth","fillRule","ButtonInner","title","React","S","as","SvgArrowRight","SvgChevronRight","className","type","otherProps","LinkButton","href","disableNofollow","Link","FakeButton","children","rel","initialRel","ref","getRel","replace","includes","startsWith","trim","displayName","SiteWide","width","createElement","Container","div","setCssVar","DesktopLarge","DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","ActualDesktop","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","slope","yAxisIntersection","round","fluidUnit","unit","num","Math","inView","threshold","rootMargin","earlyRootMargin","globalThreshold","easeInOutCubic","slideInUpInitial","slideInUp","animate","duration","delay","easingFunc","fadeInUp","amount","fadeIn","backgroundAnimation","textClip","multicolouredBackground","multicolouredAnimatedText","multicolouredBackgroundBright","multicolouredTextBright","choirInTheSpireBackground","choirInTheSpireText","transition","properties","timing","innerCss","blue","blueGrey","blueTint","grey","reduce","previous","current","value","hsl","validation","invalid","valid","lightTheme","grey90","grey96","darkTheme","grey10","themes","dark","name","thin","thinItalic","lightItalic","regularItalic","bold","boldItalic"],"mappings":"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","file":"6-0048e3c0f63534b10e16.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[\"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","import brand from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nconst ExternalStyles = css `\r\n  background: none;\r\n  color: ${cssVar('fgColor')};\r\n  height: 52px;\r\n  padding: 0;\r\n\r\n  ${() => Text} {\r\n    ${fonts.brown.regular};\r\n    font-size: 18px;\r\n    letter-spacing: normal;\r\n    line-height: 24px;\r\n    text-transform: none;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    display: inline-block;\r\n    height: 14px;\r\n    margin: 0 0 0 4px;\r\n    width: 14px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${cssVar('fgColor')};\r\n\r\n    ${() => Text} {\r\n      text-decoration: underline;\r\n      text-underline-offset: 2px;\r\n    }\r\n  }\r\n`;\r\nconst OrangeStyles = css `\r\n  ${() => Inner} {\r\n    position: relative;\r\n    display: flex;\r\n    color: ${brand.black};\r\n    height: 40px;\r\n    transition: filter 0.15s ease-out;\r\n  }\r\n\r\n  ${() => TextWrapper} {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: ${brand.orange};\r\n    clip-path: polygon(0% 0%, calc(100% - 15px) 0%, calc(100% - 15px) 100%, 0% 100%);\r\n    justify-content: flex-start;\r\n    padding: 0 27px 0 12px;\r\n    transition: clip-path 0.15s ease-out, transform 0.15s ease-out;\r\n    z-index: 2;\r\n  }\r\n\r\n  ${() => Text} {\r\n    ${fonts.brown.regular};\r\n    font-size: 16px;\r\n    letter-spacing: 0.02em;\r\n    line-height: 22px;\r\n  }\r\n\r\n  ${() => IconWrapper} {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: ${brand.white};\r\n    clip-path: polygon(15px 0%, 100% 0%, 100% 100%, 0% 100%);\r\n    height: 100%;\r\n    justify-content: flex-end;\r\n    padding: 0 16px 0 24px;\r\n    transform: translateX(-15px) translateX(0) translateZ(0); // translateZ fixes 1px render issue\r\n    transition: clip-path 0.15s ease-out, transform 0.15s ease-out;\r\n    z-index: 1;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    display: inline-block;\r\n    height: 22px;\r\n    width: 22px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    ${() => Inner} {\r\n      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));\r\n    }\r\n\r\n    ${() => TextWrapper} {\r\n      clip-path: polygon(0% 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);\r\n    }\r\n\r\n    ${() => IconWrapper} {\r\n      transform: translateX(-16px) translateX(100%);\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    ${() => Inner} {\r\n      height: 56px;\r\n    }\r\n\r\n    ${() => Text} {\r\n      ${fonts.brown.regular};\r\n      font-size: 20px;\r\n      letter-spacing: 0.02em;\r\n      line-height: 28px;\r\n    }\r\n  }\r\n`;\r\nconst OrangeSimpleStyles = css `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background-color: ${brand.orange};\r\n  background-image: linear-gradient(to right, ${brand.black}, ${brand.black});\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  border: 0;\r\n  color: ${brand.black};\r\n  ${fonts.brown.regular};\r\n  font-size: 20px;\r\n  min-height: 56px;\r\n  justify-content: center;\r\n  line-height: 28px;\r\n  padding: 8px 24px;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst OrangeArrowStyles = css `\r\n  background-color: ${brand.orange};\r\n  background-image: linear-gradient(to right, ${brand.black}, ${brand.black});\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  min-height: ${fluid(56, 87)};\r\n\r\n  ${() => Inner} {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 ${fluid(20, 40)};\r\n    gap: 16px;\r\n  }\r\n\r\n  ${() => TextWrapper} {\r\n    font-size: ${fluid(14, 20)};\r\n    line-height: ${fluid(13, 19)};\r\n    letter-spacing: ${fluid(4, 6)};\r\n    text-transform: uppercase;\r\n    ${fonts.brown.regular};\r\n  }\r\n\r\n  ${() => Icon} {\r\n    display: inline-block;\r\n    height: 18px;\r\n    width: 18px;\r\n    position: relative;\r\n    top: 2px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst OrangeExternalStyles = css `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background-color: ${brand.orange};\r\n  background-image: linear-gradient(to right, ${brand.black}, ${brand.black});\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  border: 0;\r\n  color: ${brand.black};\r\n  ${fonts.brown.regular};\r\n  font-size: 20px;\r\n  min-height: 56px;\r\n  justify-content: center;\r\n  line-height: 28px;\r\n  padding: 8px 24px;\r\n\r\n  ${() => TextWrapper} {\r\n    display: inline-flex;\r\n    align-items: center;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    display: inline-block !important; // Always visible.\r\n    height: 14px;\r\n    margin: 0 0 0 6px;\r\n    width: 14px;\r\n    transition: transform 0.15s ease-out;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    ${() => Text} {\r\n      text-decoration: underline;\r\n    }\r\n\r\n    ${() => Icon} {\r\n      transform: translate(2px, -2px);\r\n    }\r\n  }\r\n`;\r\nconst OutlineStyles = css `\r\n  background-image: linear-gradient(to bottom, ${cssVar('fgColor')}, ${cssVar('fgColor')});\r\n  background-position: left bottom;\r\n  background-size: 0% 100%;\r\n  border: 1px solid ${cssVar('fgColor')};\r\n  color: ${cssVar('fgColor')};\r\n  height: 52px;\r\n  padding: 0 24px;\r\n\r\n  ${() => Text} {\r\n    ${fonts.brown.regular};\r\n    font-size: 20px;\r\n    letter-spacing: 0.02em;\r\n    line-height: 28px;\r\n    text-transform: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n    color: ${cssVar('bgColor')};\r\n  }\r\n`;\r\nconst TextOnlyStyles = css `\r\n  background: none;\r\n  color: ${cssVar('fgColor')};\r\n  height: 52px;\r\n  padding: 0;\r\n\r\n  ${() => Text} {\r\n    ${fonts.brown.light};\r\n    font-size: 18px;\r\n    letter-spacing: normal;\r\n    line-height: 24px;\r\n    text-transform: none;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    display: inline-block;\r\n    height: 14px;\r\n    margin: 0 10px 0 4px;\r\n    width: 9px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${cssVar('fgColor')};\r\n\r\n    /*\r\n     * @note: This needs to change, the font weight changing on hover is bad.\r\n     * Leaving it in to demonstrate before we change it. */\r\n    ${() => Text} {\r\n      ${fonts.brown.regular};\r\n      letter-spacing: -0.024em;\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    ${() => Text} {\r\n      ${fonts.brown.light};\r\n      font-size: 24px;\r\n      letter-spacing: normal;\r\n      line-height: 32px;\r\n      text-transform: none;\r\n    }\r\n  }\r\n`;\r\nconst TextAfterStyles = css `\r\n  background: none;\r\n  color: ${cssVar('fgColor')};\r\n  padding: 0;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n\r\n  ${() => Text} {\r\n    ${fonts.brown.light};\r\n    font-size: 18px;\r\n    letter-spacing: normal;\r\n    line-height: 18px;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    background-color: ${brand.orange};\r\n    color: ${brand.black};\r\n    border-radius: 50%;\r\n    padding: 12px;\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${cssVar('fgColor')};\r\n\r\n    /*\r\n     * @note: This needs to change, the font weight changing on hover is bad.\r\n     * Leaving it in to demonstrate before we change it. */\r\n    ${() => Text} {\r\n      ${fonts.brown.regular};\r\n      letter-spacing: -0.024em;\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    ${() => Text} {\r\n      font-size: 16px;\r\n    }\r\n\r\n    ${() => Icon} {\r\n      padding: 18px;\r\n      width: 64px;\r\n      height: 64px;\r\n    }\r\n  }\r\n`;\r\nconst UnderlineStyles = css `\r\n  background: none;\r\n  color: ${cssVar('fgColor')};\r\n  height: 30px;\r\n  padding: 0;\r\n\r\n  ${() => Text} {\r\n    ${fonts.brown.regular};\r\n    font-size: 22px;\r\n    letter-spacing: normal;\r\n    line-height: 30px;\r\n    text-decoration: underline;\r\n    text-transform: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${cssVar('accentColor')};\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border: 0;\r\n  background: none;\r\n  background-repeat: no-repeat;\r\n  justify-content: flex-start;\r\n  margin: 0;\r\n  outline: none;\r\n  padding: 0;\r\n  text-decoration: none;\r\n  transition: background-color 0.15s ease-out, background-size 0.15s ease-out,\r\n    border-color 0.15s ease-out, color 0.15s ease-out, transform 0.15s ease-out;\r\n  user-select: none;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n    pointer-events: none;\r\n  }\r\n\r\n  ${({ buttonType }) => {\r\n    switch (buttonType) {\r\n        case 'external':\r\n        case 'externalRounded':\r\n            return ExternalStyles;\r\n        case 'orange':\r\n            return OrangeStyles;\r\n        case 'orangeArrow':\r\n            return OrangeArrowStyles;\r\n        case 'orangeSimple':\r\n            return OrangeSimpleStyles;\r\n        case 'orangeExternal':\r\n            return OrangeExternalStyles;\r\n        case 'outline':\r\n            return OutlineStyles;\r\n        case 'textOnly':\r\n            return TextOnlyStyles;\r\n        case 'underline':\r\n            return UnderlineStyles;\r\n        case 'textAfter':\r\n            return TextAfterStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n`;\r\nconst TextWrapper = styled.span ``;\r\nconst Text = styled.span `\r\n  display: inline-block;\r\n  color: currentColor;\r\n  text-decoration: none;\r\n  vertical-align: middle;\r\n`;\r\nconst Inner = styled.span ``;\r\nconst IconWrapper = styled.span ``;\r\nconst Icon = styled.span ``;\r\nexport const ButtonStyles = {\r\n    Button,\r\n    Icon,\r\n    IconWrapper,\r\n    Inner,\r\n    Text,\r\n    TextWrapper,\r\n};\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || 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 SvgExternalRounded(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1.778 16c-.49 0-.908-.174-1.256-.522A1.712 1.712 0 010 14.222V1.778C0 1.288.174.87.522.522A1.712 1.712 0 011.778 0H8v1.778H1.778v12.444h12.444V8H16v6.222c0 .49-.174.908-.522 1.256a1.712 1.712 0 01-1.256.522H1.778zm4.178-4.711L4.71 10.044l8.267-8.266h-3.2V0H16v6.222h-1.778v-3.2L5.956 11.29z\",\n    fill: \"currentColor\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"external-rounded-dee67f69b511bd1bf9dea9cb35f29ab4.svg\";\nexport { SvgExternalRounded as ReactComponent };","var _path;\n\nfunction _extends() { _extends = Object.assign || 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 SvgExternal(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 14.455 13.292\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M8.39 1.994H.831V12.46H12.46v-6.4h.581v6.977H.25V1.413h8.14zm5.814 2.907h-.581V1.243L6.85 8.015l-.41-.412L13.212.832H9.55V.25h4.652z\",\n    stroke: \"currentColor\",\n    strokeWidth: 0.5,\n    fillRule: \"evenodd\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"external-5413b72310ce8cfd69cb7570f55d81af.svg\";\nexport { SvgExternal as ReactComponent };","import { ReactComponent as SvgArrowRight } from '@img/icons/arrow-right.svg';\r\nimport { ReactComponent as SvgChevronRight } from '@img/icons/chevron-right.svg';\r\nimport { ReactComponent as SvgExternalRounded } from '@img/icons/external-rounded.svg';\r\nimport { ReactComponent as SvgExternal } from '@img/icons/external.svg';\r\nimport Link from '@stories/Components/Link/Link';\r\nimport * as React from 'react';\r\nimport { ButtonStyles as S } from './Button.styles';\r\nconst ButtonInner = ({ buttonType, title }) => {\r\n    switch (buttonType) {\r\n        case 'external':\r\n            return (React.createElement(React.Fragment, null,\r\n                React.createElement(S.Text, null, title),\r\n                React.createElement(S.Icon, { as: SvgExternal })));\r\n        case 'externalRounded':\r\n            return (React.createElement(React.Fragment, null,\r\n                React.createElement(S.Text, null, title),\r\n                React.createElement(S.Icon, { as: SvgExternalRounded })));\r\n        case 'orange':\r\n            return (React.createElement(S.Inner, null,\r\n                React.createElement(S.TextWrapper, null,\r\n                    React.createElement(S.Text, null, title)),\r\n                React.createElement(S.IconWrapper, null,\r\n                    React.createElement(S.Icon, { as: SvgArrowRight }))));\r\n        case 'orangeSimple':\r\n            return React.createElement(S.Text, null, title);\r\n        case 'orangeExternal':\r\n            return (React.createElement(S.Inner, null,\r\n                React.createElement(S.TextWrapper, null,\r\n                    React.createElement(S.Text, null, title),\r\n                    React.createElement(S.Icon, { as: SvgExternal }))));\r\n        case 'orangeArrow':\r\n            return (React.createElement(S.Inner, null,\r\n                React.createElement(S.TextWrapper, null,\r\n                    React.createElement(S.Text, null, title)),\r\n                React.createElement(S.IconWrapper, null,\r\n                    React.createElement(S.Icon, { as: SvgArrowRight }))));\r\n        case 'outline':\r\n            return React.createElement(S.Text, null, title);\r\n        case 'textOnly':\r\n            return (React.createElement(React.Fragment, null,\r\n                React.createElement(S.Icon, { as: SvgChevronRight }),\r\n                React.createElement(S.Text, null, title)));\r\n        case 'underline':\r\n            return React.createElement(S.Text, null, title);\r\n        case 'textAfter':\r\n            return (React.createElement(React.Fragment, null,\r\n                React.createElement(S.Icon, { as: SvgArrowRight }),\r\n                React.createElement(S.Text, null, title)));\r\n    }\r\n};\r\nconst Button = (props) => {\r\n    const { buttonType, className, type = 'button', ...otherProps } = props;\r\n    return (React.createElement(S.Button, { className: className, buttonType: buttonType, type: type, \"data-type\": buttonType, ...otherProps },\r\n        React.createElement(ButtonInner, { ...props })));\r\n};\r\nconst LinkButton = (props) => {\r\n    const { buttonType, className, href, target = '_self', disableNofollow, ...otherProps } = props;\r\n    return (React.createElement(React.Fragment, null,\r\n        React.createElement(S.Button, { className: className, as: Link, buttonType: buttonType, href: href, target: target, disableNofollow: disableNofollow, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(ButtonInner, { ...props }))));\r\n};\r\nconst FakeButton = (props) => {\r\n    const { buttonType, className, ...otherProps } = props;\r\n    return (React.createElement(React.Fragment, null,\r\n        React.createElement(S.Button, { className: className, as: 'span', buttonType: buttonType, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(ButtonInner, { ...props }))));\r\n};\r\nexport { Button, FakeButton, LinkButton };\r\n","import * as React from 'react';\r\nconst Link = React.forwardRef(({ children, href, rel: initialRel, disableNofollow = false, ...otherProps }, ref) => {\r\n    return (React.createElement(\"a\", { ref: ref, href: href, rel: getRel(href, initialRel, disableNofollow), ...otherProps }, children));\r\n});\r\nLink.displayName = 'Link';\r\nexport default Link;\r\n/**\r\n * Get the rel value for the href, handle nofollow on external links unless noFollowDisabled is true.\r\n */\r\nfunction getRel(href = '', initialRel = '', disableNofollow) {\r\n    // If disableNofollow is true, remove 'nofollow' from initialRel\r\n    if (disableNofollow) {\r\n        return initialRel.replace('nofollow', '');\r\n    }\r\n    // Skip if rel already includes 'nofollow' or href is a relative URL\r\n    if (initialRel.includes('nofollow') || href.startsWith('/')) {\r\n        return initialRel;\r\n    }\r\n    // Otherwise, append 'nofollow' to existing rel value\r\n    return `${initialRel} nofollow`.trim();\r\n}\r\n","import React from 'react';\r\nimport S from './SiteWide.styles';\r\nconst SiteWide = ({ children, className, width = 'default' }) => {\r\n    return (React.createElement(S.Container, { className: className, width: width }, children));\r\n};\r\nexport default SiteWide;\r\n","import { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled.div `\r\n  ${setCssVar('sitePadding', '18px')};\r\n  ${setCssVar('siteWidth', '100%')};\r\n\r\n  --siteGutter: calc((1926px - (var(--siteWidth) + (var(--sitePadding) * 2))) / 2);\r\n\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  max-width: calc(${cssVar('siteWidth')} + (${cssVar('sitePadding')} * 2));\r\n  padding-left: ${cssVar('sitePadding')};\r\n  padding-right: ${cssVar('sitePadding')};\r\n  width: 100%;\r\n\r\n  ${({ width }) => {\r\n    switch (width) {\r\n        case 'default':\r\n            return css `\r\n          @media ${from(Device.DesktopLarge)} {\r\n            ${setCssVar('sitePadding', '18px')};\r\n            ${setCssVar('siteWidth', '1312px')};\r\n          }\r\n        `;\r\n        case 'narrow':\r\n            return css `\r\n          @media ${from(Device.TabletLarge)} {\r\n            ${setCssVar('sitePadding', '18px')};\r\n            ${setCssVar('siteWidth', '804px')};\r\n          }\r\n        `;\r\n        case 'wide':\r\n            return css `\r\n          @media ${from(Device.TabletLarge)} {\r\n            ${setCssVar('sitePadding', '18px')};\r\n            ${setCssVar('siteWidth', '1640px')};\r\n          }\r\n        `;\r\n    }\r\n}}\r\n`;\r\nexport default {\r\n    Container,\r\n};\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.Tablet;\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 * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluidUnit(min, max, unit = '', minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const slope = (max - min) / (maxWidth - minWidth);\r\n    const yAxisIntersection = -minWidth * slope + min;\r\n    const clampMin = `${round(min)}`;\r\n    const clampVal = `${round(yAxisIntersection)}${unit} + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(max)}`;\r\n    return `clamp(${clampMin}${unit}, ${clampVal}, ${clampMax}${unit})`;\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","import { css } from 'styled-components';\r\nimport fonts from './fonts';\r\nexport default {\r\n    inView: {\r\n        threshold: 0.25,\r\n        rootMargin: '0px 0px -25% 0px',\r\n        earlyRootMargin: '0px 0px -10% 0px',\r\n    },\r\n    globalThreshold: 0.25,\r\n    easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\r\n};\r\nexport const slideInUpInitial = css `\r\n  > span {\r\n    opacity: 0;\r\n    transform: translateY(100%);\r\n  }\r\n`;\r\nexport function slideInUp(animate, duration, delay, easingFunc) {\r\n    return css `\r\n    overflow: hidden;\r\n\r\n    > span {\r\n      display: inline-block;\r\n      transition: transform ${duration}ms ${delay}ms ${easingFunc},\r\n        opacity ${duration}ms ${delay}ms ${easingFunc};\r\n    }\r\n\r\n    ${animate\r\n        ? css `\r\n          > span {\r\n            opacity: 1;\r\n            transform: translateY(0px);\r\n          }\r\n        `\r\n        : css `\r\n          ${slideInUpInitial};\r\n        `}\r\n  `;\r\n}\r\nexport function fadeInUp(animate, amount, duration, delay, easingFunc) {\r\n    return css `\r\n    transition: transform ${duration}ms ${delay}ms ${easingFunc},\r\n      opacity ${duration}ms ${delay}ms ${easingFunc};\r\n\r\n    ${animate\r\n        ? css `\r\n          opacity: 1;\r\n          transform: translateY(0px);\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n          transform: translateY(${amount}px);\r\n        `}\r\n  `;\r\n}\r\nexport function fadeIn(animate, duration, delay, easingFunc) {\r\n    return css `\r\n    transition: opacity ${duration}ms ${delay}ms ${easingFunc};\r\n\r\n    ${animate\r\n        ? css `\r\n          opacity: 1;\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n        `}\r\n  `;\r\n}\r\nconst backgroundAnimation = css `\r\n  background-size: 200% auto;\r\n  animation: multicoloured 5s linear infinite;\r\n\r\n  @keyframes multicoloured {\r\n    to {\r\n      background-position: 200% center;\r\n    }\r\n  }\r\n`;\r\nconst textClip = css `\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  width: fit-content;\r\n`;\r\nexport const multicolouredBackground = css `\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(213, 149, 91, 1) 0%,\r\n    rgba(213, 118, 86, 1) 20%,\r\n    rgba(100, 202, 185, 1) 40%,\r\n    rgba(150, 145, 204, 1) 60%,\r\n    rgba(182, 103, 202, 1) 80%,\r\n    rgba(174, 90, 188, 1) 100%\r\n  );\r\n\r\n  ${backgroundAnimation}\r\n`;\r\nexport const multicolouredAnimatedText = css `\r\n  ${fonts.brown.light}\r\n  ${multicolouredBackground};\r\n  ${textClip};\r\n`;\r\nexport const multicolouredBackgroundBright = css `\r\n  background: linear-gradient(\r\n    90deg,\r\n    #ed4141,\r\n    #ef523d,\r\n    #f0623a,\r\n    #f17138,\r\n    #f07e37,\r\n    #f08b39,\r\n    #ef983c,\r\n    #eda441,\r\n    #d8a936,\r\n    #c2ae30,\r\n    #aab231,\r\n    #90b439,\r\n    #73b645,\r\n    #50b754,\r\n    #08b766,\r\n    #50b754,\r\n    #73b645,\r\n    #90b439,\r\n    #aab231,\r\n    #c2ae30,\r\n    #d8a936,\r\n    #eda441,\r\n    #ef983c,\r\n    #f08b39,\r\n    #f07e37,\r\n    #f17138,\r\n    #f0623a,\r\n    #ef523d,\r\n    #ed4141\r\n  );\r\n\r\n  ${backgroundAnimation}\r\n`;\r\nexport const multicolouredTextBright = css `\r\n  ${fonts.brown.light}\r\n  ${multicolouredBackgroundBright};\r\n  ${textClip};\r\n`;\r\nexport const choirInTheSpireBackground = css `\r\n  background: linear-gradient(\r\n    90deg,\r\n    #f1563c 9%,\r\n    #e65352 10%,\r\n    #d34e79 11%,\r\n    #c74c92 12%,\r\n    #c34b9b 13%,\r\n    #00b3c1 40%,\r\n    #c34b9b 45%,\r\n    #f1563c 50%,\r\n    #f1563c 59%,\r\n    #e65352 60%,\r\n    #d34e79 61%,\r\n    #d34e79 62%,\r\n    #c74c92 63%,\r\n    #00b3c1 90%,\r\n    #c34b9b 95%,\r\n    #f1563c 100%\r\n  );\r\n\r\n  ${backgroundAnimation}\r\n`;\r\nexport const choirInTheSpireText = css `\r\n  ${choirInTheSpireBackground};\r\n  ${textClip};\r\n`;\r\nexport const cubicEaseOut = `cubic-bezier(0.33, 1, 0.68, 1)`;\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-duration: ${typeof duration === 'string' ? duration : `${duration}s`};\r\n    transition-property: ${properties};\r\n    transition-timing-function: ${timing};\r\n    will-change: ${properties};\r\n  `);\r\n};\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || 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 SvgChevronRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 8.645 14\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M0 1.645L5.343 7 0 12.355 1.645 14l7-7-7-7z\",\n    fill: \"currentColor\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"chevron-right-07c634cda3d4efe11cdbaf3aa05807ac.svg\";\nexport { SvgChevronRight as ReactComponent };","import { css } from 'styled-components';\r\nimport { setCssVar } from './cssVar';\r\nimport greyscale from './grey';\r\nconst brand = {\r\n    black: '#000000',\r\n    blue: '#b7cbeb',\r\n    blueGrey: '#eff1f1',\r\n    blueTint: '#eef1f8',\r\n    grey: greyscale,\r\n    orange: '#f96a1d',\r\n    white: '#fff',\r\n    validation: {\r\n        invalid: '#da291c',\r\n        valid: '#008c15',\r\n    },\r\n};\r\nexport const lightTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.white)};\r\n  ${setCssVar('bgColorAlt', brand.grey.grey90)};\r\n  ${setCssVar('bgColorAlt2', brand.grey.grey96)};\r\n  ${setCssVar('accentColor', brand.orange)};\r\n  ${setCssVar('colorScheme', 'light')};\r\n`;\r\nexport const darkTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.black)};\r\n  ${setCssVar('bgColorAlt', brand.grey.grey10)};\r\n  ${setCssVar('bgColorAlt2', brand.black)};\r\n  ${setCssVar('accentColor', brand.orange)};\r\n  ${setCssVar('colorScheme', 'dark')};\r\n`;\r\nexport const themes = {\r\n    dark: darkTheme,\r\n    light: lightTheme,\r\n};\r\nexport default brand;\r\n","import { hsl } from 'polished';\r\nconst greyscaleValues = [10, 18, 46, 73, 90, 96];\r\nconst greyscale = greyscaleValues.reduce((previous, current) => ({\r\n    ...previous,\r\n    [`grey${current}`]: grey(current),\r\n}), {});\r\nfunction grey(value) {\r\n    return hsl(0, 0, value / 100);\r\n}\r\nexport { greyscale as default, grey };\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || 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 SvgArrowRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 22.978 21\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M12.979 0l-1.4 1.383 8.061 8.135H0v1.965h19.64l-8.057 8.135 1.4 1.383 9.715-9.809a.982.982 0 000-1.383z\",\n    fill: \"currentColor\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"arrow-right-d2d7fb764805703c368bc5d862bb2608.svg\";\nexport { SvgArrowRight as ReactComponent };","const variables = [\r\n    'fgColor',\r\n    'bgColor',\r\n    'bgColorAlt',\r\n    'bgColorAlt2',\r\n    'accentColor',\r\n    'siteWidth',\r\n    'sitePadding',\r\n    'sectionMargin',\r\n    'colorScheme',\r\n];\r\nfunction cssVar(name) {\r\n    return `var(--${name})`;\r\n}\r\nfunction setCssVar(name, value) {\r\n    return `--${name}: ${value}`;\r\n}\r\nexport { cssVar, setCssVar };\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    brown: {\r\n        thin: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 100;\r\n    `,\r\n        thinItalic: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-weight: 100;\r\n      font-style: italic;\r\n    `,\r\n        light: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 300;\r\n    `,\r\n        lightItalic: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-weight: 300;\r\n      font-style: italic;\r\n    `,\r\n        regular: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-weight: 400;\r\n      font-style: italic;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Brown', sans-serif;\r\n      font-weight: 700;\r\n      font-style: italic;\r\n    `,\r\n    },\r\n};\r\n"],"sourceRoot":""}