{"version":3,"file":"9873-9abbd37cfa13ac0e0524.js","mappings":"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","sources":["webpack://adler-and-allan/./src/helpers/brand.ts","webpack://adler-and-allan/./src/helpers/fluid.ts","webpack://adler-and-allan/./src/helpers/grid.ts","webpack://adler-and-allan/./src/helpers/media.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/cabin.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/lato.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/noto-sans.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/poppins.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/roboto.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/source-serif.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/work-sans.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/GlobalStyles/GlobalStyles.tsx"],"sourcesContent":["export default {\r\n    global: {\r\n        /** Hex: #000000 */\r\n        black: '#000000',\r\n        /** Hex: #ffffff */\r\n        white: '#ffffff',\r\n        /** Hex: #E7E6E7 */\r\n        separator: '#E7E6E7'\r\n    },\r\n    accent: {\r\n        /** Hex: #939596 */\r\n        primary: '#939596',\r\n        /** Hex: #747371 */\r\n        secondary: '#747371',\r\n    },\r\n    highlight: {\r\n        /** Hex: #E7E6E7 */\r\n        primary: '#E7E6E7',\r\n        /** Hex: #F9F9F9 */\r\n        secondary: '#F9F9F9',\r\n        menu: '#E3EFDE',\r\n        topLink: '#939596',\r\n    },\r\n    validation: {\r\n        /** Hex: #7BBA5C */\r\n        valid: '#7BBA5C',\r\n        /** Hex: #D02D2D */\r\n        invalid: '#D02D2D',\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.SiteWidth;\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 { Device, from } from './media';\r\nexport const SitePadding = 20;\r\nexport const SiteWidth = 1240;\r\nexport const siteWide = css `\r\n  margin: 0 auto;\r\n  max-width: var(--siteWidth);\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(4, 1fr);\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-template-columns: repeat(8, 1fr);\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\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[\"SiteWidth\"] = 1240] = \"SiteWidth\";\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 cabinBoldWoff from '../../../../client/fonts/cabin/Cabin-Bold.woff';\r\nimport cabinBoldWoff2 from '../../../../client/fonts/cabin/Cabin-Bold.woff2';\r\nimport cabinBoldItalicWoff from '../../../../client/fonts/cabin/Cabin-BoldItalic.woff';\r\nimport cabinBoldItalicWoff2 from '../../../../client/fonts/cabin/Cabin-BoldItalic.woff2';\r\nimport cabinRegularItalicWoff from '../../../../client/fonts/cabin/Cabin-Italic.woff';\r\nimport cabinRegularItalicWoff2 from '../../../../client/fonts/cabin/Cabin-Italic.woff2';\r\nimport cabinRegularWoff from '../../../../client/fonts/cabin/Cabin-Regular.woff';\r\nimport cabinRegularWoff2 from '../../../../client/fonts/cabin/Cabin-Regular.woff2';\r\nconst cabin = css `\r\n  /* Cabin Regular */\r\n  @font-face {\r\n    font-family: 'Cabin';\r\n    src: url(${cabinRegularWoff2}) format('woff2'), url(${cabinRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Cabin';\r\n    src: url(${cabinRegularItalicWoff2}) format('woff2'),\r\n      url(${cabinRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* Cabin Bold */\r\n  @font-face {\r\n    font-family: 'Cabin';\r\n    src: url(${cabinBoldWoff2}) format('woff2'), url(${cabinBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Cabin';\r\n    src: url(${cabinBoldItalicWoff2}) format('woff2'), url(${cabinBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default cabin;\r\n","import { css } from 'styled-components';\r\nimport latoBoldWoff from '../../../../client/fonts/lato/Lato-Bold.woff';\r\nimport latoBoldWoff2 from '../../../../client/fonts/lato/Lato-Bold.woff2';\r\nimport latoBoldItalicWoff from '../../../../client/fonts/lato/Lato-BoldItalic.woff';\r\nimport latoBoldItalicWoff2 from '../../../../client/fonts/lato/Lato-BoldItalic.woff2';\r\nimport latoRegularItalicWoff from '../../../../client/fonts/lato/Lato-Italic.woff';\r\nimport latoRegularItalicWoff2 from '../../../../client/fonts/lato/Lato-Italic.woff2';\r\nimport latoRegularWoff from '../../../../client/fonts/lato/Lato-Regular.woff';\r\nimport latoRegularWoff2 from '../../../../client/fonts/lato/Lato-Regular.woff2';\r\nconst lato = css `\r\n  /* Lato Regular */\r\n  @font-face {\r\n    font-family: 'Lato';\r\n    src: url(${latoRegularWoff2}) format('woff2'), url(${latoRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Lato';\r\n    src: url(${latoRegularItalicWoff2}) format('woff2'),\r\n      url(${latoRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* Lato Bold */\r\n  @font-face {\r\n    font-family: 'Lato';\r\n    src: url(${latoBoldWoff2}) format('woff2'), url(${latoBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Lato';\r\n    src: url(${latoBoldItalicWoff2}) format('woff2'), url(${latoBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default lato;\r\n","import { css } from 'styled-components';\r\nimport notoSansBoldWoff from '../../../../client/fonts/noto-sans/NotoSans-Bold.woff';\r\nimport notoSansBoldWoff2 from '../../../../client/fonts/noto-sans/NotoSans-Bold.woff2';\r\nimport notoSansBoldItalicWoff from '../../../../client/fonts/noto-sans/NotoSans-BoldItalic.woff';\r\nimport notoSansBoldItalicWoff2 from '../../../../client/fonts/noto-sans/NotoSans-BoldItalic.woff2';\r\nimport notoSansRegularItalicWoff from '../../../../client/fonts/noto-sans/NotoSans-Italic.woff';\r\nimport notoSansRegularItalicWoff2 from '../../../../client/fonts/noto-sans/NotoSans-Italic.woff2';\r\nimport notoSansRegularWoff from '../../../../client/fonts/noto-sans/NotoSans-Regular.woff';\r\nimport notoSansRegularWoff2 from '../../../../client/fonts/noto-sans/NotoSans-Regular.woff2';\r\nconst notoSans = css `\r\n  /* NotoSans Regular */\r\n  @font-face {\r\n    font-family: 'NotoSans';\r\n    src: url(${notoSansRegularWoff2}) format('woff2'), url(${notoSansRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'NotoSans';\r\n    src: url(${notoSansRegularItalicWoff2}) format('woff2'),\r\n      url(${notoSansRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* NotoSans Bold */\r\n  @font-face {\r\n    font-family: 'NotoSans';\r\n    src: url(${notoSansBoldWoff2}) format('woff2'), url(${notoSansBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'NotoSans';\r\n    src: url(${notoSansBoldItalicWoff2}) format('woff2'),\r\n      url(${notoSansBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default notoSans;\r\n","import { css } from 'styled-components';\r\nimport poppinsBoldWoff from '../../../../client/fonts/poppins/Poppins-Bold.woff';\r\nimport poppinsBoldWoff2 from '../../../../client/fonts/poppins/Poppins-Bold.woff2';\r\nimport poppinsBoldItalicWoff from '../../../../client/fonts/poppins/Poppins-BoldItalic.woff';\r\nimport poppinsBoldItalicWoff2 from '../../../../client/fonts/poppins/Poppins-BoldItalic.woff2';\r\nimport poppinsRegularItalicWoff from '../../../../client/fonts/poppins/Poppins-Italic.woff';\r\nimport poppinsRegularItalicWoff2 from '../../../../client/fonts/poppins/Poppins-Italic.woff2';\r\nimport poppinsRegularWoff from '../../../../client/fonts/poppins/Poppins-Regular.woff';\r\nimport poppinsRegularWoff2 from '../../../../client/fonts/poppins/Poppins-Regular.woff2';\r\nconst poppins = css `\r\n  /* Poppins Regular */\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    src: url(${poppinsRegularWoff2}) format('woff2'), url(${poppinsRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    src: url(${poppinsRegularItalicWoff2}) format('woff2'),\r\n      url(${poppinsRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* Poppins Bold */\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    src: url(${poppinsBoldWoff2}) format('woff2'), url(${poppinsBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    src: url(${poppinsBoldItalicWoff2}) format('woff2'),\r\n      url(${poppinsBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default poppins;\r\n","import { css } from 'styled-components';\r\nimport robotoBoldWoff from '../../../../client/fonts/roboto/Roboto-Bold.woff';\r\nimport robotoBoldWoff2 from '../../../../client/fonts/roboto/Roboto-Bold.woff2';\r\nimport robotoBoldItalicWoff from '../../../../client/fonts/roboto/Roboto-BoldItalic.woff';\r\nimport robotoBoldItalicWoff2 from '../../../../client/fonts/roboto/Roboto-BoldItalic.woff2';\r\nimport robotoRegularItalicWoff from '../../../../client/fonts/roboto/Roboto-Italic.woff';\r\nimport robotoRegularItalicWoff2 from '../../../../client/fonts/roboto/Roboto-Italic.woff2';\r\nimport robotoRegularWoff from '../../../../client/fonts/roboto/Roboto-Regular.woff';\r\nimport robotoRegularWoff2 from '../../../../client/fonts/roboto/Roboto-Regular.woff2';\r\nconst roboto = css `\r\n  /* Roboto Regular */\r\n  @font-face {\r\n    font-family: 'Roboto';\r\n    src: url(${robotoRegularWoff2}) format('woff2'), url(${robotoRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Roboto';\r\n    src: url(${robotoRegularItalicWoff2}) format('woff2'),\r\n      url(${robotoRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* Roboto Bold */\r\n  @font-face {\r\n    font-family: 'Roboto';\r\n    src: url(${robotoBoldWoff2}) format('woff2'), url(${robotoBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Roboto';\r\n    src: url(${robotoBoldItalicWoff2}) format('woff2'), url(${robotoBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default roboto;\r\n","import { css } from 'styled-components';\r\nimport sourceSerifBoldWoff from '../../../../client/fonts/source-serif/SourceSerifPro-Bold.woff';\r\nimport sourceSerifBoldWoff2 from '../../../../client/fonts/source-serif/SourceSerifPro-Bold.woff2';\r\nimport sourceSerifBoldItalicWoff from '../../../../client/fonts/source-serif/SourceSerifPro-BoldItalic.woff';\r\nimport sourceSerifBoldItalicWoff2 from '../../../../client/fonts/source-serif/SourceSerifPro-BoldItalic.woff2';\r\nimport sourceSerifRegularItalicWoff from '../../../../client/fonts/source-serif/SourceSerifPro-Italic.woff';\r\nimport sourceSerifRegularItalicWoff2 from '../../../../client/fonts/source-serif/SourceSerifPro-Italic.woff2';\r\nimport sourceSerifRegularWoff from '../../../../client/fonts/source-serif/SourceSerifPro-Regular.woff';\r\nimport sourceSerifRegularWoff2 from '../../../../client/fonts/source-serif/SourceSerifPro-Regular.woff2';\r\nconst sourceSerif = css `\r\n  /* SourceSerif Regular */\r\n  @font-face {\r\n    font-family: 'SourceSerif';\r\n    src: url(${sourceSerifRegularWoff2}) format('woff2'),\r\n      url(${sourceSerifRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'SourceSerif';\r\n    src: url(${sourceSerifRegularItalicWoff2}) format('woff2'),\r\n      url(${sourceSerifRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* SourceSerif Bold */\r\n  @font-face {\r\n    font-family: 'SourceSerif';\r\n    src: url(${sourceSerifBoldWoff2}) format('woff2'), url(${sourceSerifBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'SourceSerif';\r\n    src: url(${sourceSerifBoldItalicWoff2}) format('woff2'),\r\n      url(${sourceSerifBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default sourceSerif;\r\n","import { css } from 'styled-components';\r\nimport workSansBoldWoff from '../../../../client/fonts/work-sans/WorkSans-Bold.woff';\r\nimport workSansBoldWoff2 from '../../../../client/fonts/work-sans/WorkSans-Bold.woff2';\r\nimport workSansBoldItalicWoff from '../../../../client/fonts/work-sans/WorkSans-BoldItalic.woff';\r\nimport workSansBoldItalicWoff2 from '../../../../client/fonts/work-sans/WorkSans-BoldItalic.woff2';\r\nimport workSansRegularItalicWoff from '../../../../client/fonts/work-sans/WorkSans-Italic.woff';\r\nimport workSansRegularItalicWoff2 from '../../../../client/fonts/work-sans/WorkSans-Italic.woff2';\r\nimport workSansRegularWoff from '../../../../client/fonts/work-sans/WorkSans-Regular.woff';\r\nimport workSansRegularWoff2 from '../../../../client/fonts/work-sans/WorkSans-Regular.woff2';\r\nconst workSans = css `\r\n  /* WorkSans Regular */\r\n  @font-face {\r\n    font-family: 'WorkSans';\r\n    src: url(${workSansRegularWoff2}) format('woff2'), url(${workSansRegularWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'WorkSans';\r\n    src: url(${workSansRegularItalicWoff2}) format('woff2'),\r\n      url(${workSansRegularItalicWoff}) format('woff');\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n\r\n  /* WorkSans Bold */\r\n  @font-face {\r\n    font-family: 'WorkSans';\r\n    src: url(${workSansBoldWoff2}) format('woff2'), url(${workSansBoldWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'WorkSans';\r\n    src: url(${workSansBoldItalicWoff2}) format('woff2'),\r\n      url(${workSansBoldItalicWoff}) format('woff');\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n  }\r\n`;\r\nexport default workSans;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { SitePadding, SiteWidth } from '@helpers/grid';\r\nimport { Device } from '@helpers/media';\r\nimport { parseToHsl } from 'polished';\r\nimport { createGlobalStyle, css } from 'styled-components';\r\nimport resetCss from '../../../../client/reset.css?raw';\r\n/* Font imports */\r\nimport cabin from './cabin';\r\nimport lato from './lato';\r\nimport notoSans from './noto-sans';\r\nimport poppins from './poppins';\r\nimport roboto from './roboto';\r\nimport sourceSerif from './source-serif';\r\nimport workSans from './work-sans';\r\nexport var GlobalFontsModel;\r\n(function (GlobalFontsModel) {\r\n    GlobalFontsModel[\"default\"] = \"Cabin\";\r\n    GlobalFontsModel[\"area\"] = \"Area\";\r\n    GlobalFontsModel[\"bookmania\"] = \"Bookmania\";\r\n    GlobalFontsModel[\"lato\"] = \"Lato\";\r\n    GlobalFontsModel[\"nimbusSans\"] = \"Numbus Sans\";\r\n    GlobalFontsModel[\"notoSans\"] = \"Noto Sans\";\r\n    GlobalFontsModel[\"poppins\"] = \"Poppins\";\r\n    GlobalFontsModel[\"roboto\"] = \"Roboto\";\r\n    GlobalFontsModel[\"sourceSerif\"] = \"Source Serif\";\r\n    GlobalFontsModel[\"workSans\"] = \"Work Sans\";\r\n})(GlobalFontsModel || (GlobalFontsModel = {}));\r\nconst DEFAULT = {\r\n    accentPrimary: brand.accent.primary,\r\n    accentSecondary: brand.accent.secondary,\r\n    background: brand.global.white,\r\n    highlightPrimary: brand.highlight.primary,\r\n    highlightSecondary: brand.highlight.secondary,\r\n    hyperlink: brand.accent.primary,\r\n    invalid: brand.validation.invalid,\r\n    primary: brand.global.black,\r\n    primaryAlt: brand.accent.secondary,\r\n    valid: brand.validation.valid,\r\n    topLinkText: brand.highlight.topLink,\r\n    menuHover: brand.highlight.menu,\r\n};\r\n/**\r\n * creates two variables from a hex code, the colour variable and a string version\r\n * which can be used anywhere a colour needs opacity applying\r\n *\r\n * eg. hsl(var(--colourVarString) / 0.5))\r\n */\r\nconst toHslVars = (hex, name) => {\r\n    const hsl = parseToHsl(hex);\r\n    const hslString = `${hsl.hue} ${hsl.saturation * 100}% ${hsl.lightness * 100}%`;\r\n    return `--${name}: hsl(${hslString}); --${name}String: ${hslString};`;\r\n};\r\nconst handleFontDefinition = (font) => {\r\n    switch (font) {\r\n        case GlobalFontsModel.area:\r\n            return css `\r\n        --fontFamily: 'area-normal', sans-serif;\r\n\r\n        font-family: 'area-normal', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.bookmania:\r\n            return css `\r\n        --fontFamily: 'bookmania', serif;\r\n\r\n        font-family: 'bookmania', serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.lato:\r\n            return css `\r\n        ${lato};\r\n\r\n        --fontFamily: 'Lato', sans-serif;\r\n\r\n        font-family: 'Lato', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.nimbusSans:\r\n            return css `\r\n        --fontFamily: 'nimbus-sans', sans-serif;\r\n\r\n        font-family: 'nimbus-sans', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.notoSans:\r\n            return css `\r\n        ${notoSans};\r\n\r\n        --fontFamily: 'NotoSans', sans-serif;\r\n\r\n        font-family: 'NotoSans', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.poppins:\r\n            return css `\r\n        ${poppins};\r\n\r\n        --fontFamily: 'Poppins', sans-serif;\r\n\r\n        font-family: 'Poppins', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.roboto:\r\n            return css `\r\n        ${roboto};\r\n\r\n        --fontFamily: 'Roboto', sans-serif;\r\n\r\n        font-family: 'Roboto', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.sourceSerif:\r\n            return css `\r\n        ${sourceSerif};\r\n\r\n        --fontFamily: 'SourceSerif', serif;\r\n\r\n        font-family: 'SourceSerif', serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.workSans:\r\n            return css `\r\n        ${workSans};\r\n\r\n        --fontFamily: 'WorkSans', sans-serif;\r\n\r\n        font-family: 'WorkSans', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n        case GlobalFontsModel.default:\r\n        default:\r\n            return css `\r\n        ${cabin};\r\n\r\n        --fontFamily: 'Cabin', sans-serif;\r\n\r\n        font-family: 'Cabin', sans-serif;\r\n        font-weight: 400;\r\n        font-style: normal;\r\n        font-display: swap;\r\n      `;\r\n    }\r\n};\r\nconst GlobalStyles = createGlobalStyle `\r\n  ${resetCss};\r\n\r\n  :root {\r\n    ${({ theme }) => theme\r\n    ? css `\r\n            /* Font family definitions */\r\n            ${handleFontDefinition(theme.font)}\r\n\r\n            /* Colour var definitions */\r\n            ${toHslVars(theme.accentPrimary, 'accentColorPrimary')}\r\n            ${toHslVars(theme.accentSecondary, 'accentColorSecondary')}\r\n            ${toHslVars(theme.highlightPrimary, 'highlightColorPrimary')}\r\n            ${toHslVars(theme.highlightSecondary, 'highlightColorSecondary')}\r\n            ${toHslVars(theme.hyperlink, 'hyperlink')}\r\n            ${toHslVars(theme.background, 'bgColor')}\r\n            ${toHslVars(theme.primary, 'fgColor')}\r\n            ${toHslVars(theme.primaryAlt, 'primaryAltColor')}\r\n            ${toHslVars(theme.menuHover, 'menuHoverColor')}\r\n            ${toHslVars(theme.topLinkText, 'topLinkText')}\r\n            ${toHslVars(theme.valid, 'validColor')}\r\n            ${toHslVars(theme.invalid, 'invalidColor')}\r\n          `\r\n    : css `\r\n            /* Font family definitions */\r\n            ${handleFontDefinition(GlobalFontsModel.default)}\r\n\r\n            /* Colour var definitions */\r\n            ${toHslVars(DEFAULT.accentPrimary, 'accentColorPrimary')}\r\n            ${toHslVars(DEFAULT.accentSecondary, 'accentColorSecondary')}\r\n            ${toHslVars(DEFAULT.highlightPrimary, 'highlightColorPrimary')}\r\n            ${toHslVars(DEFAULT.highlightSecondary, 'highlightColorSecondary')}\r\n            ${toHslVars(DEFAULT.hyperlink, 'hyperlink')}\r\n            ${toHslVars(DEFAULT.background, 'bgColor')}\r\n            ${toHslVars(DEFAULT.primary, 'fgColor')}\r\n            ${toHslVars(DEFAULT.primaryAlt, 'primaryAltColor')}\r\n            ${toHslVars(DEFAULT.menuHover, 'menuHoverColor')}\r\n            ${toHslVars(DEFAULT.topLinkText, 'topLinkText')}\r\n            ${toHslVars(DEFAULT.valid, 'validColor')}\r\n            ${toHslVars(DEFAULT.invalid, 'invalidColor')}\r\n          `}\r\n\r\n    --borderRadius: 6px;\r\n    --gutterWidth: ${fluid(16, 32, Device.Tablet)};\r\n    --headerHeight: initial;\r\n    --scrollMargin: calc(var(--headerHeight) + 16px);\r\n    --sectionSpacing: ${fluid(34, 68)};\r\n    --sitePadding: ${SitePadding}px;\r\n    --siteWidth: ${SiteWidth}px;\r\n\r\n    background-color: var(--bgColor);\r\n  }\r\n\r\n  html {\r\n    height: 100%;\r\n    scroll-behavior: smooth;\r\n    padding-top: var(--headerHeight);\r\n  }\r\n\r\n  html > .sb-show-main, \r\n  body {\r\n    background: var(--bgColor) !important;\r\n  }\r\n\r\n  body {\r\n    color: var(--fgColor);\r\n    overscroll-behavior-x: none;\r\n    height: 100%;\r\n    /** \r\n    Ensure that main can flex to fill entire space between\r\n    header and footer even when it would naturally be smaller \r\n    */\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  main {\r\n    /** \r\n    Ensure that main div fills entire space between\r\n    header and footer at all times\r\n    */\r\n    flex: 1;\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  span {\r\n    display: inline-block;\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.4em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  \r\n  input, select {\r\n    font-family: var(--fontFamily);\r\n  }\r\n\r\n  .hidden {\r\n    display: none;\r\n    visibility: none;\r\n  }\r\n`;\r\nexport default GlobalStyles;\r\n"],"names":["global","black","white","separator","accent","primary","secondary","highlight","menu","topLink","validation","valid","invalid","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","DEFAULT_MAX_VALUE","fluid","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","maxWidthRem","slope","yAxisIntersection","clampMin","round","clampVal","clampMax","fluidUnit","unit","num","Math","SitePadding","SiteWidth","siteWide","css","baseGrid","from","size","until","between","start","end","cabinRegularWoff2","cabinRegularWoff","cabinRegularItalicWoff2","cabinRegularItalicWoff","cabinBoldWoff2","cabinBoldWoff","cabinBoldItalicWoff2","cabinBoldItalicWoff","latoRegularWoff2","latoRegularWoff","latoRegularItalicWoff2","latoRegularItalicWoff","latoBoldWoff2","latoBoldWoff","latoBoldItalicWoff2","latoBoldItalicWoff","notoSansRegularWoff2","notoSansRegularWoff","notoSansRegularItalicWoff2","notoSansRegularItalicWoff","notoSansBoldWoff2","notoSansBoldWoff","notoSansBoldItalicWoff2","notoSansBoldItalicWoff","poppinsRegularWoff2","poppinsRegularWoff","poppinsRegularItalicWoff2","poppinsRegularItalicWoff","poppinsBoldWoff2","poppinsBoldWoff","poppinsBoldItalicWoff2","poppinsBoldItalicWoff","robotoRegularWoff2","robotoRegularWoff","robotoRegularItalicWoff2","robotoRegularItalicWoff","robotoBoldWoff2","robotoBoldWoff","robotoBoldItalicWoff2","robotoBoldItalicWoff","sourceSerifRegularWoff2","sourceSerifRegularWoff","sourceSerifRegularItalicWoff2","sourceSerifRegularItalicWoff","sourceSerifBoldWoff2","sourceSerifBoldWoff","sourceSerifBoldItalicWoff2","sourceSerifBoldItalicWoff","workSansRegularWoff2","workSansRegularWoff","workSansRegularItalicWoff2","workSansRegularItalicWoff","workSansBoldWoff2","workSansBoldWoff","workSansBoldItalicWoff2","workSansBoldItalicWoff","GlobalFontsModel","DEFAULT","accentPrimary","brand","accentSecondary","background","highlightPrimary","highlightSecondary","hyperlink","primaryAlt","topLinkText","menuHover","toHslVars","hex","name","hsl","parseToHsl","hslString","hue","saturation","lightness","handleFontDefinition","font","area","bookmania","lato","nimbusSans","notoSans","poppins","roboto","sourceSerif","workSans","default","cabin","createGlobalStyle","theme"],"sourceRoot":""}