{"version":3,"file":"857-daed82414cea3a808ee9.js","mappings":"yJACO,MAAMA,EAAa,mBACbC,EAAgB,iCAQhBC,EAAa,SAACC,GAAuD,IAA3CC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAMG,EAAMH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGJ,EAC7D,OAR0BQ,GAQLC,EAAAA,EAAAA,IAAG,oGACmB,iBAAbN,EAAwBA,EAAY,GAAEA,KAC7CD,EACOK,EACfL,IAXRO,EAAAA,EAAAA,IAAG,uDAEND,GAHsBA,KAc9B,C,gDChBA,SAEIE,MAAO,UAEPC,MAAO,OACPC,QAAS,CAELC,WAAY,UAEZC,MAAO,UAEPC,UAAW,UAEXC,SAAU,WAEdC,UAAW,CAEPC,IAAK,WAETC,KAAM,CAEFC,QAAQC,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBC,QAAQD,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBE,QAAQF,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBG,QAAQH,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBI,QAAQJ,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBK,QAAQL,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBM,QAAQN,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBO,QAAQP,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBQ,QAAQR,EAAAA,EAAAA,IAAI,EAAG,EAAG,M,0DClCnB,MAAMS,EAAiB,GAIjBC,EAAoBC,EAAAA,GAAOC,YAI3BC,EAAoBF,EAAAA,GAAOG,aAIjC,SAASC,EAAMC,EAAKC,GACvB,MAAMC,EAASF,EAAMP,EACfU,EAASF,EAAMR,EACfW,GAH8BrC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG2B,GAGRD,EAEzBY,GAASF,EAASD,KAL0CnC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG8B,GAItCJ,EACkBW,GAC3CE,GAAqBF,EAAcC,EAAQH,EAIjD,MAAQ,SAHYK,EAAML,UACNK,EAAMD,WAA2BC,EAAc,IAARF,SACvCE,EAAMJ,QAE9B,CAIO,SAASK,EAAUR,EAAKC,EAAKQ,GAAkE,IAA5DC,EAAQ3C,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG2B,EACjD,MAAMW,GAASJ,EAAMD,KADuDjC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG8B,GACvCa,GAClCJ,GAAqBI,EAAWL,EAAQL,EAI9C,MAAQ,SAHYO,EAAMP,KAGCS,MAFPF,EAAMD,KAAqBG,OAAUF,EAAc,IAARF,SAC3CE,EAAMN,KACkCQ,IAChE,CAIA,SAASF,EAAMI,GACX,OAAOC,KAAKL,MAAY,IAANI,GAAa,GACnC,C,gDC3CA,SACIE,OAAQ,CACJC,OAAO1C,EAAAA,EAAAA,IAAG,wEAKV2C,SAAS3C,EAAAA,EAAAA,IAAG,wEAKZ4C,QAAQ5C,EAAAA,EAAAA,IAAG,wEAKX6C,UAAU7C,EAAAA,EAAAA,IAAG,wEAKb8C,MAAM9C,EAAAA,EAAAA,IAAG,yE,6ECrBV,MACM+C,EAAoB,GAGpBC,GAAWhD,EAAAA,EAAAA,IAAG,kPACR+C,EAHM,MAWdE,EAAAA,EAAAA,IAAK1B,EAAAA,GAAO2B,aAbI,IAkBdC,GAAWnD,EAAAA,EAAAA,IAAG,sIAKhBiD,EAAAA,EAAAA,IAAK1B,EAAAA,GAAO2B,a,iBCzBhB,IAAI3B,EAcJ,SAAS0B,EAAKG,GACjB,MAAQ,eAAcA,MAC1B,CACO,SAASC,EAAMD,GAClB,MAAQ,eAAcA,EAAO,MACjC,CACO,SAASE,EAAQC,EAAOC,GAC3B,MAAQ,GAAEP,EAAKM,UAAcF,EAAMG,IACvC,C,6CArBA,SAAWjC,GACPA,EAAOA,EAAoB,YAAI,KAAO,cACtCA,EAAOA,EAAe,OAAI,KAAO,SACjCA,EAAOA,EAAoB,YAAI,KAAO,cACtCA,EAAOA,EAAoB,YAAI,KAAO,cACtCA,EAAOA,EAAe,OAAI,KAAO,SACjCA,EAAOA,EAAoB,YAAI,MAAQ,cACvCA,EAAOA,EAAqB,aAAI,MAAQ,eACxCA,EAAOA,EAAgB,QAAI,MAAQ,UACnCA,EAAOA,EAAqB,aAAI,MAAQ,eACxCA,EAAOA,EAAsB,cAAI,MAAQ,gBACzCA,EAAOA,EAAkB,UAAI,MAAQ,WACxC,CAZD,CAYGA,IAAWA,EAAS,CAAC,G,wJCRjB,MAAMkC,GAAgBzD,EAAAA,EAAAA,IAAG,yGAC5B0D,EAAAA,EAAMjB,OAAOG,QAIDjB,EAAAA,EAAAA,IAAM,GAAI,KAGbgC,GAAK3D,EAAAA,EAAAA,IAAG,uBACjByD,GACW9B,EAAAA,EAAAA,IAAM,GAAI,KAEZiC,GAAK5D,EAAAA,EAAAA,IAAG,uBACjByD,GACW9B,EAAAA,EAAAA,IAAM,GAAI,KAEZkC,GAAK7D,EAAAA,EAAAA,IAAG,uBACjByD,GACW9B,EAAAA,EAAAA,IAAM,GAAI,KAEnBmC,GAAkB9D,EAAAA,EAAAA,IAAG,iGACvB0D,EAAAA,EAAMjB,OAAOE,SAKDhB,EAAAA,EAAAA,IAAM,GAAI,KAEboC,GAAmB/D,EAAAA,EAAAA,IAAG,SAC/B8D,GAESE,GAAgBhE,EAAAA,EAAAA,IAAG,aAC5B8D,EACAJ,EAAAA,EAAMjB,OAAOI,UAEJoB,GAAgBjE,EAAAA,EAAAA,IAAG,yBAC5B8D,GAGSI,GAAoBlE,EAAAA,EAAAA,IAAG,6BAChC8D,EACAJ,EAAAA,EAAMjB,OAAOI,UAGJsB,GAAiBnE,EAAAA,EAAAA,IAAG,uCAC7B8D,GACWnC,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAKdyC,IAHQpE,EAAAA,EAAAA,IAAG,SACpBiE,IAEgBjE,EAAAA,EAAAA,IAAG,6NACnBR,EAAAA,EAAAA,IAAW,2BAiBF6E,GAAarE,EAAAA,EAAAA,IAAG,yLACzB8D,GAgBSQ,GAAiBtE,EAAAA,EAAAA,IAAG,mEAC7BgE,GAQSO,GAAQvE,EAAAA,EAAAA,IAAG,2SASd6D,GACWlC,EAAAA,EAAAA,IAAM,GAAI,IAEH6C,EAAAA,EAAMrE,QAAQE,MACzBmE,EAAAA,EAAMvE,MASUuE,EAAAA,EAAMrE,QAAQE,MAErC6D,EAMAD,GAOGQ,GAAgBzE,EAAAA,EAAAA,IAAG,mlBAG1B2D,EAKAC,EAKAC,EAIAE,EAGEE,EAYAD,EAGEE,EAKFE,EAKFA,GAKQzC,EAAAA,EAAAA,IAAM,EAAG,KAASA,EAAAA,EAAAA,IAAM,GAAI,IAGlCmC,EACAC,EAwBFM,EAIAC,GAQQ3C,EAAAA,EAAAA,IAAM,GAAI,IAMlB4C,E,wFCrON,MAAMG,EAAOC,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,eAAVJ,CAAU,MACjBK,GAAgBhF,EAAAA,EAAAA,IAAG,mSACHwE,EAAAA,EAAMrE,QAAQE,MACdmE,EAAAA,EAAMrE,QAAQE,MACzBmE,EAAAA,EAAMvE,MAIGuE,EAAAA,EAAMrE,QAAQE,MAErBmE,EAAAA,EAAMrE,QAAQE,MAIPmE,EAAAA,EAAMtE,MACFsE,EAAAA,EAAMtE,MACjBsE,EAAAA,EAAMvE,OAUbgF,GAAgBjF,EAAAA,EAAAA,IAAG,mSACHwE,EAAAA,EAAMrE,QAAQE,MAEzBmE,EAAAA,EAAMrE,QAAQE,MAILmE,EAAAA,EAAMrE,QAAQE,MACVmE,EAAAA,EAAMrE,QAAQE,MACzBmE,EAAAA,EAAMvE,MAICuE,EAAAA,EAAMtE,MACFsE,EAAAA,EAAMtE,MACjBsE,EAAAA,EAAMvE,OAUbiF,EAAcP,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAVJ,CAAU,iFA2CjBQ,EAAe,CACxBC,OAnCWT,EAAAA,GAAOU,OAAMR,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAAbJ,CAAa,mQACxBnF,EAAAA,EAAAA,IAAW,yCAQXkF,EACEb,EAAAA,IACWlC,EAAAA,EAAAA,IAAM,GAAI,KAUvB2D,IAAkB,IAAjB,SAAEC,GAAUD,EACb,OAAQC,GACJ,IAAK,QACD,OAAOP,EACX,IAAK,UACD,OAAOC,EAGf,IAOAC,cACAR,O,kECpGJ,MAAMU,EAASE,IAAiG,IAAhG,SAAEC,EAAQ,UAAEC,EAAS,SAAEC,EAAQ,KAAEC,EAAI,MAAEC,EAAK,SAAEC,GAAW,EAAK,KAAEC,EAAO,SAAQ,QAAEC,GAAUR,EACvG,OAAQS,EAAAA,cAAoBZ,EAAAA,EAAaC,OAAQ,CAAEI,UAAWA,EAAWD,SAAUA,EAAUE,SAAUA,EAAUI,KAAMA,EAAMC,QAASA,EAAS,iBAAkBF,EAAU,aAAe,iBAAgBD,KACtMI,EAAAA,cAAoBZ,EAAAA,EAAaT,KAAM,KAAMiB,GAC7CD,GAAQK,EAAAA,cAAoBZ,EAAAA,EAAaD,YAAa,KAAMQ,GAAM,EAEpEM,EAAaC,IAAmE,IAAlE,SAAEV,EAAQ,UAAEC,EAAS,KAAEU,EAAI,KAAER,EAAI,OAAES,EAAS,QAAO,MAAER,GAAQM,EAC7E,OAAQF,EAAAA,cAAoBZ,EAAAA,EAAaC,OAAQ,CAAEI,UAAWA,EAAWY,GAAI,IAAKb,SAAUA,EAAUW,KAAMA,EAAMC,OAAQA,EAAQ,aAAe,sBAAqBR,KAClKI,EAAAA,cAAoBZ,EAAAA,EAAaT,KAAM,KAAMiB,GAC7CD,GAAQK,EAAAA,cAAoBZ,EAAAA,EAAaD,YAAa,KAAMQ,GAAM,C,8ECN1E,MAAMW,EAAY1B,EAAAA,GAAO2B,QAAOzB,WAAA,CAAAC,YAAA,kCAAAC,YAAA,eAAdJ,CAAc,6rBAGhBH,EAAAA,EAAMvE,MAKXuE,EAAAA,EAAMtE,MAGCsE,EAAAA,EAAMrE,QAAQI,UAIrB0C,EAAAA,EAAAA,IAAK1B,EAAAA,GAAOgF,SAYVtD,EAAAA,EAAAA,IAAK1B,EAAAA,GAAOgF,SAQZtD,EAAAA,EAAAA,IAAK1B,EAAAA,GAAOgF,SASZtD,EAAAA,EAAAA,IAAK1B,EAAAA,GAAOgF,SA6BzB,EAL6B,CACzBF,YACAG,MAfU7B,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,eAAVJ,CAAU,2IAMpB0B,GAUAI,SANa9B,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,iCAAAC,YAAA,eAAVJ,CAAU,QACvB3B,EAAAA,I,0DCrEJ,MAAM0D,EAAmBX,EAAAA,cAAoB,CAAC,GCExCY,EAAiBZ,EAAAA,YAAiB,CAACa,EAAOC,KAC5C,MAAM,SAAEC,EAAQ,OAAEC,EAAS,UAAS,MAAEC,EAAQ,OAAM,QAAEC,EAAU,WAAYC,GAAeN,EACrFO,EDMwBpB,EAAAA,WAAiBW,GCL/C,OAAQX,EAAAA,cAAoBqB,EAAAA,EAAEf,UAAW,CAAEQ,IAAKA,EAAKQ,GAAIF,EAAUE,GAAI,6BAA8BF,EAAUE,GAAI,aAAcL,EAAO,eAAgBC,KAAYC,GAChKnB,EAAAA,cAAoBqB,EAAAA,EAAEZ,MAAO,KAEd,cAAXO,EACOD,EAEJf,EAAAA,cAAoBqB,EAAAA,EAAEX,SAAU,KAAMK,IACjD,IAEJH,EAAe7B,YAAc,iBAC7B,S,mICVA,MAAMuB,GAAY1B,EAAAA,EAAAA,IAAOgC,EAAAA,GAAe9B,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAtBJ,CAAsB,8CAGpCQ,EAAAA,EAAaC,QACCzD,EAAAA,EAAAA,IAAM,GAAI,KAGtB6E,EAAQ7B,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAVJ,CAAU,4DAGpB0B,GAIEiB,EAAU3C,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAVJ,CAAU,iKACtBF,EAAAA,GAISD,EAAAA,EAAMtE,MACUsE,EAAAA,EAAMrE,QAAQE,MAWrC8D,EAAAA,IAkBN,EANuB,CACnBoD,cAVkB5C,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAAVJ,CAAU,gGAW5B0B,YACAiB,UACAd,SC3CJ,EAPkBI,GACNb,EAAAA,cAAoBqB,EAAEf,UAAW,CAAEY,QAASL,EAAMK,QAASD,MAAOJ,EAAMI,MAAO,cAAeJ,EAAMG,QACxGhB,EAAAA,cAAoBqB,EAAEZ,MAAO,KACzBI,EAAMY,SAAWzB,EAAAA,cAAoBqB,EAAEE,QAAS,CAAEG,wBAAyB,CAAEC,OAAQd,EAAMY,WAC3FZ,EAAMe,KAAQ5B,EAAAA,cAAoBqB,EAAEG,cAAe,CAAE,iBAAkBX,EAAMgB,UACzE7B,EAAAA,cAAoBC,EAAAA,EAAY,CAAET,SAAU,UAAWW,KAAMU,EAAMe,IAAIE,IAAK1B,OAAQS,EAAMe,IAAIxB,OAAQR,MAAOiB,EAAMe,IAAIG,S","sources":["webpack://waldencast/./src/helpers/animate.ts","webpack://waldencast/./src/helpers/brand.ts","webpack://waldencast/./src/helpers/fluid.ts","webpack://waldencast/./src/helpers/fonts.ts","webpack://waldencast/./src/helpers/grid.ts","webpack://waldencast/./src/helpers/media.ts","webpack://waldencast/./src/helpers/typography.ts","webpack://waldencast/./src/stories/Components/Buttons/GeneralButton/Button.styles.tsx","webpack://waldencast/./src/stories/Components/Buttons/GeneralButton/Button.tsx","webpack://waldencast/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://waldencast/./src/hoc/withBaseProps.tsx","webpack://waldencast/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://waldencast/./src/stories/Widgets/RichText/RichText.styles.ts","webpack://waldencast/./src/stories/Widgets/RichText/RichText.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nexport const rootMargin = '0px 0px -20% 0px';\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","import { hsl } from 'polished';\r\nexport default {\r\n    /** Hex: #000000 */\r\n    black: '#000000',\r\n    /** Hex: #fff */\r\n    white: '#fff',\r\n    primary: {\r\n        /** Hex: #E2DBD4 */\r\n        beigeLight: '#E2DBD4',\r\n        /** Hex: #B4A593 */\r\n        beige: '#B4A593',\r\n        /** Hex: #424449 */\r\n        textLight: '#424449',\r\n        /** Hex: #181818 */\r\n        darkGrey: '#181818',\r\n    },\r\n    secondary: {\r\n        /** Hex: #B12024 */\r\n        red: '#B12024',\r\n    },\r\n    grey: {\r\n        /** Hex: #222222 */\r\n        grey13: hsl(0, 0, 0.13),\r\n        /** Hex: #585858 */\r\n        grey20: hsl(0, 0, 0.2),\r\n        /** Hex: #585858 */\r\n        grey35: hsl(0, 0, 0.35),\r\n        /** Hex: #666666 */\r\n        grey40: hsl(0, 0, 0.4),\r\n        /** Hex: #707070 */\r\n        grey44: hsl(0, 0, 0.44),\r\n        /** Hex: #999999 */\r\n        grey60: hsl(0, 0, 0.6),\r\n        /** Hex: #CCCCCC */\r\n        grey80: hsl(0, 0, 0.8),\r\n        /** Hex: #E5E5E5 */\r\n        grey90: hsl(0, 0, 0.9),\r\n        /** Hex: #F7F7F7 */\r\n        grey97: hsl(0, 0, 0.97),\r\n    },\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.TabletSmall;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.DesktopLarge;\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\nexport default {\r\n    avenir: {\r\n        light: css `\r\n      font-family: 'Avenir', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 300;\r\n    `,\r\n        regular: css `\r\n      font-family: 'Avenir', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Avenir', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        semibold: css `\r\n      font-family: 'Avenir', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Avenir', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n    },\r\n};\r\n","import { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nexport const SitePadding = 32;\r\nexport const SitePaddingMobile = 16;\r\nexport const SiteWidth = 1400;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePadding * 2;\r\nexport const siteWide = css `\r\n  --sitePadding: ${SitePaddingMobile}px;\r\n  --siteWidth: ${SiteWidth}px;\r\n  --gutterWidth: 12px;\r\n  margin: 0 auto;\r\n  max-width: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    --gutterWidth: 16px;\r\n    --sitePadding: ${SitePadding}px;\r\n  }\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(6, 1fr);\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-template-columns: repeat(12, 1fr);\r\n  }\r\n`;\r\n","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 { css } from 'styled-components';\r\nimport { transition } from './animate';\r\nimport brand from './brand';\r\nimport { fluid } from './fluid';\r\nimport fonts from './fonts';\r\nexport const headingStyles = css `\r\n  ${fonts.avenir.medium};\r\n  color: currentColor;\r\n  line-height: 1.2;\r\n  letter-spacing: 0.2em;\r\n  margin: 0 0 ${fluid(16, 24)};\r\n  text-transform: uppercase;\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(36, 48)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(18, 24)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(14, 18)};\r\n`;\r\nconst paragraphStyles = css `\r\n  ${fonts.avenir.regular};\r\n  color: currentColor;\r\n  letter-spacing: 0.032em;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  margin: 0 0 ${fluid(16, 24)};\r\n`;\r\nexport const paragraphRegular = css `\r\n  ${paragraphStyles};\r\n`;\r\nexport const paragraphBold = css `\r\n  ${paragraphStyles};\r\n  ${fonts.avenir.semibold};\r\n`;\r\nexport const paragraphThin = css `\r\n  ${paragraphStyles};\r\n  line-height: 1.2;\r\n`;\r\nexport const paragraphThinBold = css `\r\n  ${paragraphStyles};\r\n  ${fonts.avenir.semibold};\r\n  line-height: 1.2;\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluid(14, 32)};\r\n  line-height: ${fluid(22, 38)};\r\n`;\r\nexport const label = css `\r\n  ${paragraphThin};\r\n`;\r\nexport const link = css `\r\n  ${transition('text-decoration-color')};\r\n\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: currentColor;\r\n  text-decoration-thickness: 1px;\r\n  text-underline-offset: 4px;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration-color: transparent;\r\n  }\r\n`;\r\nexport const blockquote = css `\r\n  ${paragraphStyles};\r\n  color: currentColor;\r\n  padding-left: 28px;\r\n  text-align: left;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: '\\\\201C';\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    font-size: 60px;\r\n    line-height: 60px;\r\n  }\r\n`;\r\nexport const blockquoteName = css `\r\n  ${paragraphBold};\r\n  padding-left: 28px;\r\n  text-align: left;\r\n\r\n  > strong {\r\n    display: block;\r\n  }\r\n`;\r\nexport const table = css `\r\n  border-collapse: collapse;\r\n  margin-bottom: 1em;\r\n  width: 100%;\r\n\r\n  thead {\r\n    tr {\r\n      td,\r\n      th {\r\n        ${h3};\r\n        font-size: ${fluid(14, 14)};\r\n        line-height: 1.5;\r\n        background-color: ${brand.primary.beige};\r\n        color: ${brand.black};\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      border-bottom: 1px solid ${brand.primary.beige};\r\n      th {\r\n        ${paragraphThinBold};\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n\r\n      td {\r\n        ${paragraphThin};\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const contentStyles = css `\r\n  h1,\r\n  .h1-styles {\r\n    ${h1}\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h2}\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h3}\r\n  }\r\n\r\n  p {\r\n    ${paragraphRegular}\r\n\r\n    &.thin {\r\n      ${paragraphThin}\r\n    }\r\n\r\n    &.center {\r\n      text-align: center;\r\n    }\r\n\r\n    &.right {\r\n      text-align: right;\r\n    }\r\n\r\n    strong {\r\n      ${paragraphBold};\r\n\r\n      &.thin {\r\n        ${paragraphThinBold}\r\n      }\r\n    }\r\n\r\n    a {\r\n      ${link};\r\n    }\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    margin: ${fluid(8, 12)} 0 ${fluid(24, 32)};\r\n\r\n    li {\r\n      ${paragraphStyles};\r\n      ${paragraphRegular}\r\n      margin: 0;\r\n\r\n      p {\r\n        display: inline;\r\n\r\n        &:last-child {\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  ol {\r\n    list-style: decimal;\r\n    padding-left: 1.2em;\r\n  }\r\n\r\n  ul {\r\n    list-style: disc;\r\n    padding-left: 1.5em;\r\n  }\r\n\r\n  blockquote {\r\n    ${blockquote};\r\n  }\r\n\r\n  .quote-name {\r\n    ${blockquoteName}\r\n  }\r\n\r\n  hr {\r\n    display: block;\r\n    background: currentColor;\r\n    border: 0;\r\n    height: 2px;\r\n    margin: ${fluid(32, 48)} 0;\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  .responsive-table {\r\n    position: relative;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  > *:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n","import styled, { css } from 'styled-components';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { transition } from '@helpers/animate';\r\nimport { h3 } from '@helpers/typography';\r\nconst Text = styled.div ``;\r\nconst PrimaryStyles = css `\r\n  border: 1px solid ${brand.primary.beige};\r\n  background-color: ${brand.primary.beige};\r\n  color: ${brand.black};\r\n  border-radius: 1000000px;\r\n\r\n  &:hover {\r\n    border-color: ${brand.primary.beige};\r\n    background-color: transparent;\r\n    color: ${brand.primary.beige};\r\n  }\r\n\r\n  &:active {\r\n    border-color: ${brand.white};\r\n    background-color: ${brand.white};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:focus {\r\n    outline: auto;\r\n    outline-color: currentColor;\r\n    outline-offset: 5px;\r\n    outline-width: thin;\r\n  }\r\n`;\r\nconst OutlineStyles = css `\r\n  border: 1px solid ${brand.primary.beige};\r\n  background-color: transparent;\r\n  color: ${brand.primary.beige};\r\n  border-radius: 1000000px;\r\n\r\n  &:hover {\r\n    border-color: ${brand.primary.beige};\r\n    background-color: ${brand.primary.beige};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:active {\r\n    border-color: ${brand.white};\r\n    background-color: ${brand.white};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:focus {\r\n    outline: auto;\r\n    outline-color: currentColor;\r\n    outline-offset: 5px;\r\n    outline-width: thin;\r\n  }\r\n`;\r\nconst IconWrapper = styled.div `\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n\r\n  svg {\r\n    max-height: 24px;\r\n    width: 20px;\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  ${transition('color, background-color, border-color')};\r\n  display: inline-block;\r\n  padding: 11px 25px;\r\n  user-select: none;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  ${Text} {\r\n    ${h3};\r\n    font-size: ${fluid(12, 14)};\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    position: relative;\r\n    text-transform: uppercase;\r\n    z-index: 2;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  ${({ branding }) => {\r\n    switch (branding) {\r\n        case 'solid':\r\n            return PrimaryStyles;\r\n        case 'outline':\r\n            return OutlineStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n\r\n`;\r\nexport const ButtonStyles = {\r\n    Button,\r\n    IconWrapper,\r\n    Text,\r\n};\r\n","import React from 'react';\r\nimport { ButtonStyles } from './Button.styles';\r\nconst Button = ({ branding, className, disabled, icon, title, toggleOn = false, type = 'button', onClick, }) => {\r\n    return (React.createElement(ButtonStyles.Button, { className: className, branding: branding, disabled: disabled, type: type, onClick: onClick, \"data-toggle-on\": toggleOn, \"aria-label\": `click to open ${title}` },\r\n        React.createElement(ButtonStyles.Text, null, title),\r\n        icon && React.createElement(ButtonStyles.IconWrapper, null, icon)));\r\n};\r\nconst LinkButton = ({ branding, className, href, icon, target = '_self', title, }) => {\r\n    return (React.createElement(ButtonStyles.Button, { className: className, as: \"a\", branding: branding, href: href, target: target, \"aria-label\": `a link to the page ${title}` },\r\n        React.createElement(ButtonStyles.Text, null, title),\r\n        icon && React.createElement(ButtonStyles.IconWrapper, null, icon)));\r\n};\r\nexport { Button as default, LinkButton };\r\n","import brand from '@helpers/brand';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacingTop: 40px;\r\n  --sectionSpacingBottom: 40px;\r\n  --bgColour: ${brand.black};\r\n\r\n  position: relative;\r\n  scroll-margin: var(--headerHeight) 0 0;\r\n  background-color: var(--bgColour);\r\n  color: ${brand.white};\r\n\r\n  &[data-variant='grey'] {\r\n    --bgColour: ${brand.primary.darkGrey};\r\n  }\r\n\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --sectionSpacingTop: 80px;\r\n    --sectionSpacingBottom: 80px;\r\n  }\r\n\r\n  &[data-allow-scroll-margin='true'] {\r\n    overflow: clip;\r\n  }\r\n\r\n  &[data-flush='top'] {\r\n    --sectionSpacingTop: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='bottom'] {\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='both'] {\r\n    --sectionSpacingTop: 0;\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  /* Negative margin bottom to force overlap */\r\n  &[data-overlap-bottom='true'] {\r\n    margin-bottom: calc(var(--sectionSpacingBottom) * -1);\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  color: var(--fgColor);\r\n  padding-top: var(--sectionSpacingTop);\r\n  padding-bottom: var(--sectionSpacingBottom);\r\n\r\n  /* Don't apply background color for white backgrounds */\r\n  ${Container} & {\r\n    background: var(--bgColor);\r\n  }\r\n`;\r\nconst SiteWide = styled.div `\r\n  ${siteWide}\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n    SiteWide,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({});\r\nexport function withBaseProps(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithBaseProps = (props) => {\r\n        return (React.createElement(BasePropsContext.Provider, { value: props },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithBaseProps.displayName = `withBaseProps(${displayName})`;\r\n    return ComponentWithBaseProps;\r\n}\r\nexport const useBaseProps = () => React.useContext(BasePropsContext);\r\n","import * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nimport { useBaseProps } from '@hoc/withBaseProps';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, layout = 'default', flush = 'none', variant = 'black', ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-allow-scroll-margin\": !!baseProps.id, \"data-flush\": flush, \"data-variant\": variant, ...otherProps },\r\n        React.createElement(S.Inner, null, renderLayout())));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.SiteWide, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { contentStyles, paragraphLarge } from '@helpers/typography';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/GeneralButton/Button.styles';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  color: var(--fgColor);\r\n\r\n  ${ButtonStyles.Button} {\r\n    margin-top: ${fluid(24, 32)};\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  margin: 0 auto;\r\n\r\n  ${Container}:not([data-layout]) & {\r\n    max-width: 89ch;\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  a,\r\n  p a {\r\n    color: ${brand.white};\r\n    text-decoration-color: ${brand.primary.beige};\r\n\r\n    &:focus {\r\n      outline: auto;\r\n      outline-color: currentColor;\r\n      outline-offset: 5px;\r\n      outline-width: thin;\r\n    }\r\n  }\r\n\r\n  .paragraph-large {\r\n    ${paragraphLarge};\r\n  }\r\n`;\r\nconst ButtonWrapper = styled.div `\r\n  &[data-cta-align='center'] {\r\n    text-align: center;\r\n  }\r\n\r\n  &[data-cta-align='right'] {\r\n    text-align: right;\r\n  }\r\n`;\r\nconst RichTextStyles = {\r\n    ButtonWrapper,\r\n    Container,\r\n    Content,\r\n    Inner,\r\n};\r\nexport default RichTextStyles;\r\n","import { LinkButton } from '@stories/Components/Buttons/GeneralButton/Button';\r\nimport * as React from 'react';\r\nimport S from './RichText.styles';\r\nconst RichText = (props) => {\r\n    return (React.createElement(S.Container, { variant: props.variant, flush: props.flush, \"data-layout\": props.layout },\r\n        React.createElement(S.Inner, null,\r\n            props.content && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }),\r\n            props.cta && (React.createElement(S.ButtonWrapper, { \"data-cta-align\": props.ctaAlign },\r\n                React.createElement(LinkButton, { branding: \"outline\", href: props.cta.url, target: props.cta.target, title: props.cta.text }))))));\r\n};\r\nexport default RichText;\r\n"],"names":["rootMargin","cubicEaseOut","transition","properties","duration","arguments","length","undefined","timing","innerCss","css","black","white","primary","beigeLight","beige","textLight","darkGrey","secondary","red","grey","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey97","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","TabletSmall","DEFAULT_MAX_VALUE","DesktopLarge","fluid","min","max","minRem","maxRem","minWidthRem","slope","yAxisIntersection","round","fluidUnit","unit","minWidth","num","Math","avenir","light","regular","medium","semibold","bold","SitePaddingMobile","siteWide","from","TabletLarge","baseGrid","size","until","between","start","end","headingStyles","fonts","h1","h2","h3","paragraphStyles","paragraphRegular","paragraphBold","paragraphThin","paragraphThinBold","paragraphLarge","link","blockquote","blockquoteName","table","brand","contentStyles","Text","styled","div","withConfig","displayName","componentId","PrimaryStyles","OutlineStyles","IconWrapper","ButtonStyles","Button","button","_ref","branding","className","disabled","icon","title","toggleOn","type","onClick","React","LinkButton","_ref2","href","target","as","Container","section","Tablet","Inner","SiteWide","BasePropsContext","SectionWrapper","props","ref","children","layout","flush","variant","otherProps","baseProps","S","id","Content","ButtonWrapper","content","dangerouslySetInnerHTML","__html","cta","ctaAlign","url","text"],"sourceRoot":""}