{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/stories/Widgets/RichText/RichText.styles.ts","webpack:///./src/stories/Components/Global/SiteWide/SiteWide.tsx","webpack:///./src/stories/Components/Global/Typography/Heading.styles.ts","webpack:///./src/stories/Widgets/RichText/RichText.tsx","webpack:///./src/helpers/cssVar.ts","webpack:///./src/helpers/brand.ts","webpack:///./src/helpers/grey.ts","webpack:///./src/helpers/animation.ts","webpack:///./src/stories/Components/Global/Typography/Paragraph.styles.ts","webpack:///./src/stories/Components/Global/SiteWide/SiteWide.styles.ts","webpack:///./src/helpers/fonts.ts","webpack:///./src/stories/Components/SectionWrapper/SectionWrapper.styles.ts","webpack:///./src/stories/Components/SectionWrapper/SectionWrapper.tsx"],"names":["Device","from","size","until","linkStyles","css","brand","gold","cssVar","fonts","workSans","regular","tableStyles","ParagraphStyles","RegularStyles","contentStyles","HeadingStyles","H1Styles","H2Styles","H3Styles","H4Styles","H5Styles","H6Styles","bold","Container","styled","SectionWrapper","TabletLarge","isActive","fadeIn","animation","easeInOutCubic","Content","div","leadParagraph","LargeStyles","SiteWide","children","className","width","React","createElement","S","crimsonText","Tablet","Desktop","DesktopLarge","Heading","h1","visual","RichText","content","innerWidth","dangerouslySetInnerHTML","__html","name","setCssVar","value","black","blueGrey","grey","reduce","previous","current","hsl","magenta","purple","white","validation","invalid","valid","lightTheme","themes","dark","light","pattern","inView","threshold","rootMargin","slideInUpInitial","slideInUp","animate","duration","delay","easingFunc","fadeInUp","amount","SmallStyles","Paragraph","p","SitePadding","SiteWidth","regularItalic","semiBold","semiBoldItalic","boldItalic","thin","thinItalic","extraLight","extraLightItalic","lightItalic","medium","mediumItalic","extraBold","extraBoldItalic","blackItalic","section","spacing","flush","themeOption","fullWidth","spacingOverride","otherProps","ref","displayName"],"mappings":"qFAAO,IAAIA,EAaJ,SAASC,EAAKC,GACjB,MAAQ,eAAcA,OAEnB,SAASC,EAAMD,GAClB,MAAQ,eAAcA,EAAO,OAjBjC,sGACA,SAAWF,GACPA,EAAOA,EAAM,YAAkB,KAAO,cACtCA,EAAOA,EAAM,OAAa,KAAO,SACjCA,EAAOA,EAAM,YAAkB,KAAO,cACtCA,EAAOA,EAAM,OAAa,KAAO,SACjCA,EAAOA,EAAM,YAAkB,MAAQ,cACvCA,EAAOA,EAAM,aAAmB,MAAQ,eACxCA,EAAOA,EAAM,QAAc,MAAQ,UACnCA,EAAOA,EAAM,aAAmB,MAAQ,eACxCA,EAAOA,EAAM,cAAoB,MAAQ,gBACzCA,EAAOA,EAAM,UAAgB,MAAQ,YAVzC,CAWGA,IAAWA,EAAS,M,gCCZvB,qEASA,MAAMI,EAAaC,YAAH,+WAEgCC,IAAMC,KAAYD,IAAMC,KAG7DC,YAAO,WACdC,IAAMC,SAASC,SAgBbC,EAAcP,YAAH,gHAKOG,YAAO,WAClBA,YAAO,WACdK,IAAgBC,eAMhBC,EAAgBV,YAAH,4XACRG,YAAO,WACdC,IAAMC,SAASC,QAGbK,IAAcC,SAIdD,IAAcE,SAIdF,IAAcG,SAIdH,IAAcI,SAIdJ,IAAcK,SAIdL,IAAcM,SAIdT,IAAgBC,cAIhBL,IAAMC,SAASa,KAMfV,IAAgBC,cAqBhBV,EAQAQ,GAmBAY,EAAYC,YAAOC,KAAV,gFAAGD,CAAH,8BACJxB,YAAKD,IAAO2B,aAGjB,EAAGC,cAAeA,GACpBvB,YAD4B,SAEtBwB,YAAOD,EAAU,IAAK,EAAGE,IAAUC,kBAIvCC,EAAUP,IAAOQ,IAAV,8EAAGR,CAAH,qCAITV,EAEA,EAAGmB,mBAAoBA,GACvB7B,YADoC,wBAG9BQ,IAAgBsB,cAIX,KACXX,YACAQ,UACAjB,gBACAX,e,gCC9JJ,4BAKegC,IAHE,EAAGC,WAAUC,YAAWC,QAAQ,aACrCC,IAAMC,cAAcC,IAAElB,UAAW,CAAEc,UAAWA,EAAWC,MAAOA,GAASF,I,gCCHrF,gCAIA,MAAMpB,EAAWZ,YAAH,6NACHG,YAAO,WACdC,IAAMkC,YAAYhC,QAMXV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAKjB5B,EAAWb,YAAH,6NACHG,YAAO,WACdC,IAAMkC,YAAYhC,QAMXV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAKjB3B,EAAWd,YAAH,iOACHG,YAAO,WACdC,IAAMkC,YAAYhC,QAMXV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SACjBpC,IAAMkC,YAAYhC,QAKbV,YAAKD,IAAO8C,eAKjB1B,EAAWf,YAAH,6NACHG,YAAO,WACdC,IAAMkC,YAAYhC,QAMXV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAKjBzB,EAAWhB,YAAH,6NACHG,YAAO,WACdC,IAAMkC,YAAYpB,KAMXtB,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAKjBxB,EAAWjB,YAAH,6NACHG,YAAO,WACdC,IAAMkC,YAAYpB,KAMXtB,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAKjBC,EAAUtB,IAAOuB,GAAV,6EAAGvB,CAAH,QACT,EAAGwB,aACH,OAAQA,GACJ,IAAK,KACD,OAAOhC,EACX,IAAK,KACD,OAAOC,EACX,IAAK,KACD,OAAOC,EACX,IAAK,KACD,OAAOC,EACX,IAAK,KACD,OAAOC,EACX,IAAK,KACD,OAAOC,KAMJ,KACXL,WACAC,WACAC,WACAC,WACAC,WACAC,WACAyB,Y,iCC1KJ,mCAMeG,UAJE,EAAGC,UAASjB,iBAAgB,KACjCM,IAAMC,cAAcC,IAAElB,UAAW,CAAEI,UAAU,EAAMwB,WAAY,UACnEZ,IAAMC,cAAcC,IAAEV,QAAS,CAAEqB,wBAAyB,CAAEC,OAAQH,GAAWjB,cAAeA,M,+BCJtG,oEAUA,SAAS1B,EAAO+C,GACZ,MAAQ,SAAQA,KAEpB,SAASC,EAAUD,EAAME,GACrB,MAAQ,KAAIF,MAASE,M,2FCXzB,MAAMnD,EAAQ,CACVoD,MAAO,UACPC,SAAU,UACVpD,KAAM,UACNqD,KCNoB,CAAC,GAAI,GAAI,GAAI,GAAI,IACPC,OAAO,CAACC,EAAUC,KAAX,UAClCD,EACH,CAAE,OAAMC,IAEEN,EAFeM,EAGlBC,YAAI,EAAG,EAAGP,EAAQ,OAD7B,IAAcA,GADV,IDGAQ,QAAS,UACTC,OAAQ,UACRC,MAAO,OACPC,WAAY,CACRC,QAAS,UACTC,MAAO,YAGFC,EAAalE,YAAH,yBACnBmD,YAAU,UAAWlD,EAAMoD,OAC3BF,YAAU,UAAWlD,EAAM6D,OAC3BX,YAAU,aAAclD,EAAM2D,SAC9BT,YAAU,cAAelD,EAAM2D,SAC/BT,YAAU,iBAAkBlD,EAAM4D,SA0BzBM,EAAS,CAClBC,KAzBqBpE,YAAH,qBAClBmD,YAAU,UAAWlD,EAAM6D,OAC3BX,YAAU,UAAWlD,EAAMoD,OAC3BF,YAAU,cAAelD,EAAM2D,SAC/BT,YAAU,iBAAkBlD,EAAM4D,SAsBlCQ,MAAOH,EACPN,QArBwB5D,YAAH,qBACrBmD,YAAU,UAAWlD,EAAM6D,OAC3BX,YAAU,UAAWlD,EAAM2D,SAC3BT,YAAU,cAAelD,EAAM2D,SAC/BT,YAAU,iBAAkBlD,EAAM4D,SAkBlCS,QAhBwBtE,YAAH,qBACrBmD,YAAU,UAAWlD,EAAMoD,OAC3BF,YAAU,UAAWlD,EAAM6D,OAC3BX,YAAU,cAAelD,EAAM2D,SAC/BT,YAAU,iBAAkBlD,EAAM4D,SAalCA,OAXuB7D,YAAH,qBACpBmD,YAAU,UAAWlD,EAAM6D,OAC3BX,YAAU,UAAWlD,EAAM4D,QAC3BV,YAAU,cAAelD,EAAM2D,SAC/BT,YAAU,iBAAkBlD,EAAM4D,UASvB5D,O,+BEtDf,mJACe,KACXsE,OAAQ,CACJC,UAAW,IACXC,WAAY,oBAEhB/C,eAAgB,wCAEb,MAAMgD,EAAmB1E,YAAH,mDAMtB,SAAS2E,EAAUC,EAASC,EAAUC,EAAOC,GAChD,OAAO/E,YAAP,kHAK0B6E,EAAcC,EAAWC,EACrCF,EAAcC,EAAWC,EAGrCH,EACI5E,YADG,kDAOHA,YAPG,SAQD0E,IAIL,SAASM,EAASJ,EAASK,EAAQJ,EAAUC,EAAOC,GACvD,OAAO/E,YAAP,qEACwB6E,EAAcC,EAAWC,EACrCF,EAAcC,EAAWC,EAEnCH,EACI5E,YADG,0CAKHA,YALG,2CAOqBiF,IAI3B,SAASzD,EAAOoD,EAASC,EAAUC,EAAOC,GAC7C,OAAO/E,YAAP,2CACsB6E,EAAcC,EAAWC,EAE7CH,EACI5E,YADG,gBAIHA,YAJG,mB,gCCxDb,yBAMA,MAAM8B,EAAc9B,YAAH,mNACbI,IAAMC,SAASC,QAMRV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAQjBhC,EAAgBT,YAAH,mNACfI,IAAMC,SAASC,QAMRV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SAKZ5C,YAAKD,IAAO8C,eAQjByC,EAAclF,YAAH,uNACbI,IAAMC,SAASC,QAMRV,YAAKD,IAAO4C,QAKZ3C,YAAKD,IAAO6C,SACjBpC,IAAMkC,YAAYpB,KAKbtB,YAAKD,IAAO8C,eAKjB0C,EAAY/D,IAAOgE,EAAV,iFAAGhE,CAAH,QACX,EAAGvB,WACH,OAAQA,GACJ,IAAK,QACD,OAAOiC,EACX,IAAK,UACD,OAAOrB,EACX,IAAK,QACD,OAAOyE,KAMJ,KACXC,YACAD,cACAzE,gBACAqB,gB,gCCjGJ,6FAGO,MAAMuD,EAAc,GACdC,EAAY,KAEnBnE,EAAYC,IAAOQ,IAAV,+EAAGR,CAAH,iIACX+B,YAAU,cAAkBkC,EAAF,MAC1BlC,YAAU,YAAgBmC,EAAF,MAIRnF,YAAO,aAAmBA,YAAO,eACnCA,YAAO,eACNA,YAAO,eAGtB,EAAG+B,YACH,OAAQA,GACJ,IAAK,UACD,OAAOlC,YAAP,iBACOJ,YAAKD,IAAO8C,eAGvB,IAAK,SACD,OAAOzC,YAAP,qBACOJ,YAAKD,IAAO2B,aACjB6B,YAAU,YAAc,aAMvB,KACXhC,c,+BClCJ,WACe,KACXmB,YAAa,CACThC,QAASN,YAAF,8EAKPuF,cAAevF,YAAF,8EAKbwF,SAAUxF,YAAF,8EAKRyF,eAAgBzF,YAAF,8EAKdkB,KAAMlB,YAAF,8EAKJ0F,WAAY1F,YAAF,+EAMdK,SAAU,CACNsF,KAAM3F,YAAF,2EAKJ4F,WAAY5F,YAAF,2EAKV6F,WAAY7F,YAAF,2EAKV8F,iBAAkB9F,YAAF,2EAKhBqE,MAAOrE,YAAF,2EAKL+F,YAAa/F,YAAF,2EAKXM,QAASN,YAAF,2EAKPuF,cAAevF,YAAF,2EAKbgG,OAAQhG,YAAF,2EAKNiG,aAAcjG,YAAF,2EAKZwF,SAAUxF,YAAF,2EAKRyF,eAAgBzF,YAAF,2EAKdkB,KAAMlB,YAAF,2EAKJ0F,WAAY1F,YAAF,2EAKVkG,UAAWlG,YAAF,2EAKTmG,gBAAiBnG,YAAF,2EAKfqD,MAAOrD,YAAF,2EAKLoG,YAAapG,YAAF,8E,8ECpDJ,OACXmB,UAhEcC,IAAOiF,QAAV,sFAAGjF,CAAH,0MACJjB,YAAO,WASPL,YAAMH,IAAO2B,aAClB6B,YAAU,gBAAiB,QAItBvD,YAAKD,IAAO2B,aACjB6B,YAAU,gBAAiB,QAI7B,EAAGmD,aAA0B,WAAZA,GACjBtG,YADiB,0CAECG,YAAO,iBACJA,YAAO,kBAI5B,EAAGmG,aAA0B,YAAZA,GACjBtG,YADiB,4CAEEG,YAAO,iBACJA,YAAO,kBAI7B,EAAGoG,WAAsB,QAAVA,GACfvG,YADe,qCAOf,EAAGuG,WAAsB,WAAVA,GACfvG,YADe,2CAOf,EAAGuG,WAAsB,SAAVA,GACfvG,YADe,0EASf,EAAGwG,iBAAkBA,GACrBxG,YADgC,QAE5BmE,IAAOqC,KAMXzE,SAHmBX,YAAOW,KAAV,2FAAGX,CAAH,OCjEpB,MAAMC,EAAiBc,aAAiB,EAAGH,WAAUC,YAAWsE,QAAOE,aAAY,EAAO1D,aAAa,UAAWuD,QAASI,EAAiBF,cAAc,WAAYG,GAAcC,KAChL,MAAMN,EAAUI,UAAoC,UAAhBF,EAA0B,SAAW,UACzE,OAAQrE,gBAAoBE,EAAElB,UAAW,CAAEyF,IAAKA,EAAK3E,UAAWA,EAAWsE,MAAOA,EAAOD,QAASA,EAASE,YAAaA,KAAgBG,GAAcF,EAAYzE,EAAWG,gBAAoBE,EAAEN,SAAU,CAAEG,MAAOa,GAAcf,MAExOX,EAAewF,YAAc,iBACdxF","file":"41-39dcb64db232c2ec93de.js","sourcesContent":["export var Device;\r\n(function (Device) {\r\n    Device[Device[\"MobileSmall\"] = 320] = \"MobileSmall\";\r\n    Device[Device[\"Mobile\"] = 375] = \"Mobile\";\r\n    Device[Device[\"MobileLarge\"] = 480] = \"MobileLarge\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n    Device[Device[\"DesktopSmall\"] = 1280] = \"DesktopSmall\";\r\n    Device[Device[\"Desktop\"] = 1366] = \"Desktop\";\r\n    Device[Device[\"DesktopLarge\"] = 1600] = \"DesktopLarge\";\r\n    Device[Device[\"ActualDesktop\"] = 1920] = \"ActualDesktop\";\r\n    Device[Device[\"DesktopXL\"] = 2560] = \"DesktopXL\";\r\n})(Device || (Device = {}));\r\nexport function from(size) {\r\n    return `(min-width: ${size}px)`;\r\n}\r\nexport function until(size) {\r\n    return `(max-width: ${size - 1}px)`;\r\n}\r\n","import animation, { fadeIn } from '@helpers/animation';\r\nimport brand from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport HeadingStyles from '@stories/Components/Global/Typography/Heading.styles';\r\nimport ParagraphStyles from '@stories/Components/Global/Typography/Paragraph.styles';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport styled, { css } from 'styled-components';\r\nconst linkStyles = css `\r\n  background-color: transparent;\r\n  background-image: linear-gradient(to right, ${brand.gold} 0%, ${brand.gold} 100%);\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.workSans.regular};\r\n  margin: -3px;\r\n  padding: 3px;\r\n  text-decoration: underline;\r\n  text-underline-position: under;\r\n  transition: background-size 0.15s ease-out, color 0.15s ease-out;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n  }\r\n`;\r\nconst tableStyles = css `\r\n  margin: 0 0 16px;\r\n\r\n  th,\r\n  td {\r\n    border: 1px solid ${cssVar('fgColor')};\r\n    color: ${cssVar('fgColor')};\r\n    ${ParagraphStyles.RegularStyles};\r\n    height: auto !important; // override inline height - no point this being content editable.\r\n    margin: 0;\r\n    padding: 8px 16px;\r\n  }\r\n`;\r\nconst contentStyles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.workSans.regular};\r\n\r\n  h1 {\r\n    ${HeadingStyles.H1Styles};\r\n  }\r\n\r\n  h2 {\r\n    ${HeadingStyles.H2Styles};\r\n  }\r\n\r\n  h3 {\r\n    ${HeadingStyles.H3Styles};\r\n  }\r\n\r\n  h4 {\r\n    ${HeadingStyles.H4Styles};\r\n  }\r\n\r\n  h5 {\r\n    ${HeadingStyles.H5Styles};\r\n  }\r\n\r\n  h6 {\r\n    ${HeadingStyles.H6Styles};\r\n  }\r\n\r\n  p {\r\n    ${ParagraphStyles.RegularStyles};\r\n  }\r\n\r\n  strong {\r\n    ${fonts.workSans.bold};\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    display: block;\r\n    ${ParagraphStyles.RegularStyles};\r\n    padding: 0 0 0 40px;\r\n  }\r\n\r\n  ol {\r\n    list-style: decimal;\r\n\r\n    li {\r\n      display: list-item;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    list-style: disc;\r\n\r\n    li {\r\n      display: list-item;\r\n    }\r\n  }\r\n\r\n  a {\r\n    ${linkStyles};\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  table {\r\n    ${tableStyles};\r\n  }\r\n\r\n  hr {\r\n    margin: 16px 0;\r\n  }\r\n\r\n  sup {\r\n    position: relative;\r\n    top: -0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  sub {\r\n    position: relative;\r\n    top: 0.5em;\r\n    font-size: 80%;\r\n  }\r\n`;\r\nconst Container = styled(SectionWrapper) `\r\n  @media ${from(Device.TabletLarge)} {\r\n    opacity: 0;\r\n\r\n    ${({ isActive }) => isActive &&\r\n    css `\r\n        ${fadeIn(isActive, 375, 0, animation.easeInOutCubic)};\r\n      `}\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  margin: 0 auto;\r\n  width: 100%;\r\n\r\n  ${contentStyles}\r\n\r\n  ${({ leadParagraph }) => leadParagraph &&\r\n    css `\r\n      p:first-child {\r\n        ${ParagraphStyles.LargeStyles};\r\n      }\r\n    `}\r\n`;\r\nexport default {\r\n    Container,\r\n    Content,\r\n    contentStyles,\r\n    linkStyles,\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 } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nconst H1Styles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.crimsonText.regular};\r\n  font-size: 35px;\r\n  letter-spacing: normal;\r\n  line-height: 45px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 35px;\r\n    line-height: 45px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 70px;\r\n    line-height: 70px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 70px;\r\n    line-height: 70px;\r\n  }\r\n`;\r\nconst H2Styles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.crimsonText.regular};\r\n  font-size: 28px;\r\n  letter-spacing: normal;\r\n  line-height: 28px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 32px;\r\n    line-height: 34px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 50px;\r\n    line-height: 54px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 60px;\r\n    line-height: 64px;\r\n  }\r\n`;\r\nconst H3Styles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.crimsonText.regular};\r\n  font-size: 24px;\r\n  letter-spacing: normal;\r\n  line-height: 26px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 26px;\r\n    line-height: 28px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    ${fonts.crimsonText.regular};\r\n    font-size: 40px;\r\n    line-height: 44px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 50px;\r\n    line-height: 60px;\r\n  }\r\n`;\r\nconst H4Styles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.crimsonText.regular};\r\n  font-size: 21px;\r\n  letter-spacing: normal;\r\n  line-height: 28px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 21px;\r\n    line-height: 28px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n`;\r\nconst H5Styles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.crimsonText.bold};\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  line-height: 18px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 16px;\r\n    line-height: 18px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 20px;\r\n    line-height: 28px;\r\n  }\r\n`;\r\nconst H6Styles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.crimsonText.bold};\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  line-height: 18px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 16px;\r\n    line-height: 18px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 20px;\r\n    line-height: 28px;\r\n  }\r\n`;\r\nconst Heading = styled.h1 `\r\n  ${({ visual }) => {\r\n    switch (visual) {\r\n        case 'h1':\r\n            return H1Styles;\r\n        case 'h2':\r\n            return H2Styles;\r\n        case 'h3':\r\n            return H3Styles;\r\n        case 'h4':\r\n            return H4Styles;\r\n        case 'h5':\r\n            return H5Styles;\r\n        case 'h6':\r\n            return H6Styles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n`;\r\nexport default {\r\n    H1Styles,\r\n    H2Styles,\r\n    H3Styles,\r\n    H4Styles,\r\n    H5Styles,\r\n    H6Styles,\r\n    Heading,\r\n};\r\n","import React from 'react';\r\nimport S from './RichText.styles';\r\nconst RichText = ({ content, leadParagraph = false }) => {\r\n    return (React.createElement(S.Container, { isActive: true, innerWidth: \"narrow\" },\r\n        React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: content }, leadParagraph: leadParagraph })));\r\n};\r\nexport default RichText;\r\n","const variables = [\r\n    'fgColor',\r\n    'bgColor',\r\n    'bgColorAlt',\r\n    'accentColor',\r\n    'accentColorAlt',\r\n    'siteWidth',\r\n    'sitePadding',\r\n    'sectionMargin',\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\nimport { setCssVar } from './cssVar';\r\nimport greyscale from './grey';\r\nconst brand = {\r\n    black: '#231f20',\r\n    blueGrey: '#eff1f1',\r\n    gold: '#a29161',\r\n    grey: greyscale,\r\n    magenta: '#89166e',\r\n    purple: '#57154a',\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.magenta)};\r\n  ${setCssVar('accentColor', brand.magenta)};\r\n  ${setCssVar('accentColorAlt', brand.purple)};\r\n`;\r\nexport const darkTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.black)};\r\n  ${setCssVar('accentColor', brand.magenta)};\r\n  ${setCssVar('accentColorAlt', brand.purple)};\r\n`;\r\nexport const magentaTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.magenta)};\r\n  ${setCssVar('accentColor', brand.magenta)};\r\n  ${setCssVar('accentColorAlt', brand.purple)};\r\n`;\r\nexport const patternTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.white)};\r\n  ${setCssVar('accentColor', brand.magenta)};\r\n  ${setCssVar('accentColorAlt', brand.purple)};\r\n`;\r\nexport const purpleTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.purple)};\r\n  ${setCssVar('accentColor', brand.magenta)};\r\n  ${setCssVar('accentColorAlt', brand.purple)};\r\n`;\r\nexport const themes = {\r\n    dark: darkTheme,\r\n    light: lightTheme,\r\n    magenta: magentaTheme,\r\n    pattern: patternTheme,\r\n    purple: purpleTheme,\r\n};\r\nexport default brand;\r\n","import { hsl } from 'polished';\r\nconst greyscaleValues = [18, 46, 70, 73, 87];\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","import { css } from 'styled-components';\r\nexport default {\r\n    inView: {\r\n        threshold: 0.25,\r\n        rootMargin: '0px 0px -40% 0px',\r\n    },\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\n","import fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\n/**\r\n * 20px / 28px\r\n */\r\nconst LargeStyles = css `\r\n  ${fonts.workSans.regular};\r\n  font-size: 18px;\r\n  letter-spacing: normal;\r\n  line-height: 26px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 18px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 21px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 24px;\r\n    line-height: 36px;\r\n  }\r\n`;\r\n/**\r\n * 18px / 28px\r\n */\r\nconst RegularStyles = css `\r\n  ${fonts.workSans.regular};\r\n  font-size: 16px;\r\n  letter-spacing: normal;\r\n  line-height: 26px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    font-size: 18px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 20px;\r\n    line-height: 32px;\r\n  }\r\n`;\r\n/**\r\n * 16px / 26px\r\n */\r\nconst SmallStyles = css `\r\n  ${fonts.workSans.regular};\r\n  font-size: 14px;\r\n  letter-spacing: normal;\r\n  line-height: 20px;\r\n  margin: 0 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    ${fonts.crimsonText.bold};\r\n    font-size: 14px;\r\n    line-height: 22px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 16px;\r\n    line-height: 22px;\r\n  }\r\n`;\r\nconst Paragraph = styled.p `\r\n  ${({ size }) => {\r\n    switch (size) {\r\n        case 'large':\r\n            return LargeStyles;\r\n        case 'regular':\r\n            return RegularStyles;\r\n        case 'small':\r\n            return SmallStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n`;\r\nexport default {\r\n    Paragraph,\r\n    SmallStyles,\r\n    RegularStyles,\r\n    LargeStyles,\r\n};\r\n","import { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nexport const SitePadding = 18;\r\nexport const SiteWidth = 1640;\r\nexport const SiteWidthNarrow = 804;\r\nconst Container = styled.div `\r\n  ${setCssVar('sitePadding', `${SitePadding}px`)};\r\n  ${setCssVar('siteWidth', `${SiteWidth}px`)};\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          }\r\n        `;\r\n        case 'narrow':\r\n            return css `\r\n          @media ${from(Device.TabletLarge)} {\r\n            ${setCssVar('siteWidth', `${SiteWidthNarrow}px`)};\r\n          }\r\n        `;\r\n    }\r\n}}\r\n`;\r\nexport default {\r\n    Container,\r\n};\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    crimsonText: {\r\n        regular: css `\r\n      font-family: 'Crimson Text', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Crimson Text', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        semiBold: css `\r\n      font-family: 'Crimson Text', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        semiBoldItalic: css `\r\n      font-family: 'Crimson Text', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 600;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Crimson Text', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Crimson Text', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n    },\r\n    workSans: {\r\n        thin: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 100;\r\n    `,\r\n        thinItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 100;\r\n    `,\r\n        extraLight: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 200;\r\n    `,\r\n        extraLightItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 200;\r\n    `,\r\n        light: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 300;\r\n    `,\r\n        lightItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 300;\r\n    `,\r\n        regular: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        mediumItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 500;\r\n    `,\r\n        semiBold: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        semiBoldItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 600;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n        extraBold: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 800;\r\n    `,\r\n        extraBoldItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 800;\r\n    `,\r\n        black: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 900;\r\n    `,\r\n        blackItalic: css `\r\n      font-family: 'Work Sans', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 900;\r\n    `,\r\n    },\r\n};\r\n","import { themes } from '@helpers/brand';\r\nimport { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nimport SiteWide from '../Global/SiteWide/SiteWide';\r\nconst Container = styled.section `\r\n  color: ${cssVar('fgColor')};\r\n\r\n  /* Apply the spacing values. */\r\n  margin-top: var(--margin-top);\r\n  margin-bottom: var(--margin-bottom);\r\n  padding-top: var(--padding-top);\r\n  padding-bottom: var(--padding-bottom);\r\n\r\n  /* Set the spacing value for each breakpoint. */\r\n  @media ${until(Device.TabletLarge)} {\r\n    ${setCssVar('sectionMargin', '48px')};\r\n  }\r\n\r\n  /* Set the spacing value for each breakpoint. */\r\n  @media ${from(Device.TabletLarge)} {\r\n    ${setCssVar('sectionMargin', '96px')};\r\n  }\r\n\r\n  /* Set the margin values if margin spacing is used. */\r\n  ${({ spacing }) => spacing === 'margin' &&\r\n    css `\r\n      --margin-top: ${cssVar('sectionMargin')};\r\n      --margin-bottom: ${cssVar('sectionMargin')};\r\n    `}\r\n\r\n  /* Set the padding values if padding spacing is used. */\r\n  ${({ spacing }) => spacing === 'padding' &&\r\n    css `\r\n      --padding-top: ${cssVar('sectionMargin')};\r\n      --padding-bottom: ${cssVar('sectionMargin')};\r\n    `}\r\n\r\n  /* Adjust the margin/padding values based on the flush setting. */\r\n  ${({ flush }) => flush === 'top' &&\r\n    css `\r\n      --margin-top: 0;\r\n      --padding-top: 0;\r\n    `}\r\n\r\n  /* Adjust the margin/padding values based on the flush setting. */\r\n  ${({ flush }) => flush === 'bottom' &&\r\n    css `\r\n      --margin-bottom: 0;\r\n      --padding-bottom: 0;\r\n    `}\r\n\r\n  /* Adjust the margin/padding values based on the flush setting. */\r\n  ${({ flush }) => flush === 'both' &&\r\n    css `\r\n      --margin-top: 0;\r\n      --margin-bottom: 0;\r\n      --padding-top: 0;\r\n      --padding-bottom: 0;\r\n    `}\r\n\r\n  /* Apply the specified theme configuration. */\r\n  ${({ themeOption }) => themeOption &&\r\n    css `\r\n      ${themes[themeOption]}\r\n    `}\r\n`;\r\nconst StyledSiteWide = styled(SiteWide) ``;\r\nexport default {\r\n    Container,\r\n    SiteWide: StyledSiteWide,\r\n};\r\n","import * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef(({ children, className, flush, fullWidth = false, innerWidth = 'default', spacing: spacingOverride, themeOption = 'light', ...otherProps }, ref) => {\r\n    const spacing = spacingOverride ?? (themeOption === 'light' ? 'margin' : 'padding');\r\n    return (React.createElement(S.Container, { ref: ref, className: className, flush: flush, spacing: spacing, themeOption: themeOption, ...otherProps }, fullWidth ? children : React.createElement(S.SiteWide, { width: innerWidth }, children)));\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n"],"sourceRoot":""}