{"version":3,"file":"3753-3889bcc7a847df7fcc2e.js","mappings":"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","sources":["webpack://eploy/./src/helpers/animate.ts","webpack://eploy/./src/helpers/brand.ts","webpack://eploy/./src/helpers/fluid.ts","webpack://eploy/./src/helpers/fonts.ts","webpack://eploy/./src/helpers/media.ts","webpack://eploy/./src/helpers/scrollbars.ts","webpack://eploy/./src/helpers/typography.ts","webpack://eploy/./src/stories/Widgets/Global/GlobalStyles/caveat.ts","webpack://eploy/./src/stories/Widgets/Global/GlobalStyles/poppins.ts","webpack://eploy/./src/stories/Widgets/Global/GlobalStyles/GlobalStyles.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\nexport const fadeIn = () => {\r\n    return {\r\n        hidden: {\r\n            opacity: 0,\r\n            pointerEvents: 'none',\r\n        },\r\n        visible: {\r\n            opacity: 1,\r\n            transitionEnd: { pointerEvents: 'auto' },\r\n        },\r\n    };\r\n};\r\nexport const horizontalFadeIn = (amount, duration) => {\r\n    return {\r\n        hidden: {\r\n            opacity: 0,\r\n            x: amount ?? 20,\r\n        },\r\n        visible: {\r\n            opacity: 1,\r\n            x: 0,\r\n            transition: {\r\n                duration: duration ?? 0.35,\r\n            },\r\n        },\r\n    };\r\n};\r\nexport const verticalFadeIn = (amount, duration) => {\r\n    return {\r\n        hidden: {\r\n            opacity: 0,\r\n            y: amount ?? 20,\r\n        },\r\n        visible: {\r\n            opacity: 1,\r\n            y: 0,\r\n            transition: {\r\n                duration: duration ?? 0.35,\r\n            },\r\n        },\r\n    };\r\n};\r\n","export default {\r\n    primary: {\r\n        black: '#454547',\r\n        white: '#fff',\r\n        orange: '#F16521',\r\n        orangeDark: '#E45620',\r\n        stone: '#F4F2F1',\r\n        darkStone: '#C3C1C3',\r\n    },\r\n    secondary: {\r\n        ice: '#5FCCF5',\r\n        lime: '#95C93D',\r\n        midnight: '#034784',\r\n        orangeDark: '#c7482e',\r\n    },\r\n    tertiary: {\r\n        berry: '#995199',\r\n        coffee: '#C7835E',\r\n        pink: '#F491A4',\r\n        red: '#DB3E3A',\r\n        sun: '#FFD520',\r\n        teal: '#28BAA5',\r\n    },\r\n    product: {\r\n        ats: '#28BAA5',\r\n        engagement: '#B945B9',\r\n        marketing: '#6B9B1B',\r\n        onboarding: '#378DB1',\r\n        recruitment: '#B34E4B',\r\n        referrals: '#D37184',\r\n    },\r\n    overlays: {\r\n        // 16% opacity of primary.black\r\n        black: 'rgba(69, 69, 71, 0.16)',\r\n        // 24% opacity of primary.white\r\n        white: 'rgba(255, 255, 255, 0.24)',\r\n    },\r\n    grey: {\r\n        black: '#000',\r\n        light: '#D2D2D3',\r\n        lightish: '#D9d9d9',\r\n        medium: '#595959',\r\n        dark: '#303030',\r\n        g100: '#D6D6D6',\r\n        g200: '#ADADAD',\r\n        g300: '#858585',\r\n        g400: '#5C5C5C',\r\n        g500: '#292929',\r\n    },\r\n    validation: {\r\n        /** Hex: #28a745 */\r\n        valid: '#28a745',\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.TabletLarge;\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, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE, unit) {\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    poppins: {\r\n        regular: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 400;\r\n      font-style: italic;\r\n    `,\r\n        semiBold: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        semiBoldItalic: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 600;\r\n      font-style: italic;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 700;\r\n      font-style: italic;\r\n    `,\r\n        extraBold: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 800;\r\n    `,\r\n        extraBoldItalic: css `\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 800;\r\n      font-style: italic;\r\n    `,\r\n    },\r\n    caveat: css `\r\n    font-family: 'Caveat', 'Segoe script', cursive;\r\n    font-style: normal;\r\n    font-weight: 700;\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 brand from './brand';\r\nexport default css `\r\n  &::-webkit-scrollbar-track {\r\n    background-color: ${brand.grey.dark};\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    background-color: ${brand.grey.dark};\r\n    height: 6px;\r\n    width: 6px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background-color: ${brand.primary.orange};\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n  }\r\n`;\r\n","import svgBullet from '@img/icons/bullet-fill.svg?url';\r\nimport svgQuote from '@img/icons/quote-testimonials.svg?url';\r\nimport { 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\nimport scrollbars from './scrollbars';\r\nexport const headingStyles = css `\r\n  ${fonts.poppins.extraBold};\r\n\r\n  color: currentColor;\r\n  margin: 0 0 ${fluid(30, 42)};\r\n  text-wrap: pretty;\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(38, 72)};\r\n  line-height: ${fluid(46, 88)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(32, 58)};\r\n  line-height: ${fluid(38, 66)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(26, 42)};\r\n  line-height: ${fluid(34, 48)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(22, 32)};\r\n  line-height: ${fluid(30, 38)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(16, 24)};\r\n  line-height: ${fluid(22, 30)};\r\n  font-weight: 700;\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: 20px;\r\n  font-weight: 700;\r\n`;\r\nexport const paragraphStyles = css `\r\n  ${fonts.poppins.regular};\r\n\r\n  color: currentColor;\r\n  margin: 0 0 ${fluid(12, 14)};\r\n  text-wrap: pretty;\r\n`;\r\nexport const paragraphExtraLarge = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(22, 32)};\r\n  line-height: ${fluid(30, 42)};\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(17, 22)};\r\n  line-height: ${fluid(25, 36)};\r\n`;\r\nexport const paragraphRegular = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(17, 20)};\r\n  line-height: ${fluid(25, 36)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n\r\n  font-size: ${fluid(14, 18)};\r\n  line-height: ${fluid(22, 28)};\r\n`;\r\nexport const tag = css `\r\n  ${fonts.poppins.bold};\r\n\r\n  font-size: ${fluid(11, 14)};\r\n  line-height: ${fluid(12, 16)};\r\n  margin: 0 0 ${fluid(12, 20)};\r\n`;\r\nexport const authorName = css `\r\n  ${fonts.caveat};\r\n\r\n  font-size: ${fluid(20, 28)};\r\n  line-height: ${fluid(26, 38)};\r\n`;\r\nexport const link = css `\r\n  ${transition('text-decoration-color')};\r\n\r\n  --textDecorationColour: ${brand.primary.orange};\r\n\r\n  display: inline;\r\n  color: currentColor;\r\n  text-decoration: underline;\r\n  text-decoration-color: var(--textDecorationColour);\r\n  text-decoration-thickness: 1px;\r\n  text-underline-offset: ${fluid(3, 4)};\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: auto;\r\n    outline-offset: 2px;\r\n    outline-width: 1px;\r\n    outline-style: solid;\r\n    outline-color: ${brand.primary.orange};\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  ${paragraphRegular};\r\n\r\n  --quoteWidth: ${fluid(56, 106)};\r\n  --quoteColour: linear-gradient(\r\n    180deg,\r\n    ${brand.primary.orange} 63.63%,\r\n    ${brand.secondary.orangeDark} 100%\r\n  );\r\n  --quoteGap: ${fluid(8, 24)};\r\n  --lineWidth: ${fluid(4, 8)};\r\n\r\n  position: relative;\r\n  color: currentColor;\r\n  text-align: left;\r\n  font-style: italic;\r\n  padding-left: calc((var(--quoteGap) * 2) + var(--quoteWidth) + var(--lineWidth));\r\n\r\n  &::before,\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    background: var(--quoteColour);\r\n  }\r\n\r\n  &::before {\r\n    top: 50%;\r\n    left: 0;\r\n    width: var(--quoteWidth);\r\n    aspect-ratio: 106 / 82;\r\n    -webkit-mask-image: url(${svgQuote});\r\n    mask-image: url(${svgQuote});\r\n    mask-repeat: no-repeat;\r\n    background-size: contain;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  &::after {\r\n    left: calc(var(--quoteGap) + var(--quoteWidth));\r\n    top: 0;\r\n    width: var(--lineWidth);\r\n    height: 100%;\r\n    border-radius: 100px;\r\n  }\r\n\r\n  p {\r\n    color: currentColor;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    font-style: inherit;\r\n    margin-bottom: ${fluid(8, 16)};\r\n  }\r\n\r\n  footer {\r\n    ${authorName};\r\n\r\n    cite {\r\n      ${paragraphRegular};\r\n\r\n      margin: 0;\r\n    }\r\n  }\r\n`;\r\nexport const table = css `\r\n  ${paragraphSmall};\r\n\r\n  --borderRadius: 6px;\r\n\r\n  background: ${brand.primary.white};\r\n  border-spacing: 0;\r\n  border-collapse: separate;\r\n  color: currentColor;\r\n  width: 100% !important;\r\n  border-radius: var(--borderRadius);\r\n\r\n  td,\r\n  th {\r\n    border: 1px solid ${brand.primary.black};\r\n    padding: 10px 12px;\r\n    text-align: left;\r\n\r\n    &:not(:last-child) {\r\n      border-right: 0;\r\n    }\r\n  }\r\n\r\n  thead {\r\n    tr {\r\n      background: transparent;\r\n\r\n      td,\r\n      th {\r\n        font-weight: 700;\r\n        color: ${brand.primary.orange};\r\n        border-bottom: 0;\r\n\r\n        &:first-child {\r\n          border-top-left-radius: var(--borderRadius);\r\n        }\r\n\r\n        &:last-child {\r\n          border-top-right-radius: var(--borderRadius);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      &:last-child {\r\n        td:first-child {\r\n          border-bottom-left-radius: var(--borderRadius);\r\n        }\r\n\r\n        td:last-child {\r\n          border-bottom-right-radius: var(--borderRadius);\r\n        }\r\n      }\r\n\r\n      &:not(:last-child) {\r\n        td {\r\n          border-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const contentStyles = css `\r\n  --bulletColour: ${brand.primary.orange};\r\n\r\n  h1,\r\n  .h1-styles {\r\n    ${h2};\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h3};\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h4};\r\n  }\r\n\r\n  h4,\r\n  .h4-styles {\r\n    ${h5}\r\n  }\r\n\r\n  h5,\r\n  .h5-styles {\r\n    ${h6}\r\n  }\r\n\r\n  h6,\r\n  .h6-styles {\r\n    ${h6}\r\n  }\r\n\r\n  h1,\r\n  .h1-styles,\r\n  h2,\r\n  .h2-styles,\r\n  h3,\r\n  .h3-styles,\r\n  h4,\r\n  .h4-styles,\r\n  h5,\r\n  .h5-styles,\r\n  h6,\r\n  .h6-styles {\r\n    margin: ${fluid(18, 32)} 0 0.48em;\r\n  }\r\n\r\n  p {\r\n    ${paragraphRegular};\r\n\r\n    a {\r\n      ${link};\r\n    }\r\n  }\r\n\r\n  strong {\r\n    font-weight: 700;\r\n  }\r\n\r\n  .extra-large {\r\n    ${paragraphExtraLarge};\r\n\r\n    strong {\r\n      font-weight: 800;\r\n    }\r\n  }\r\n\r\n  .large {\r\n    ${paragraphLarge}\r\n  }\r\n\r\n  .small {\r\n    ${paragraphSmall}\r\n  }\r\n\r\n  .tag {\r\n    ${tag}\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    ${paragraphRegular};\r\n\r\n    margin-top: ${fluid(12, 14)};\r\n\r\n    li {\r\n      color: currentColor;\r\n      margin: 0 0 ${fluid(10, 12)};\r\n    }\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    list-style: none;\r\n    padding-left: 26px;\r\n  }\r\n\r\n  ol {\r\n    counter-reset: li;\r\n\r\n    li {\r\n      display: block;\r\n      counter-increment: li;\r\n      margin-left: -26px;\r\n\r\n      &::before {\r\n        color: ${brand.primary.orange};\r\n        content: counter(li) '.';\r\n        margin-right: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Ensure that inline styling hasn't been applied\r\n  ul:not([style*='list-style-type']) li {\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: ${fluid(5.5, 12)};\r\n      left: -26px;\r\n      height: 13px;\r\n      width: 12px;\r\n      -webkit-mask-image: url(${svgBullet});\r\n      mask-image: url(${svgBullet});\r\n      mask-repeat: no-repeat;\r\n      background-color: var(--bulletColour);\r\n    }\r\n  }\r\n\r\n  blockquote {\r\n    ${blockquote};\r\n  }\r\n\r\n  hr {\r\n    display: block;\r\n    background: var(--titleHighlight);\r\n    border: 0;\r\n    height: 2px;\r\n    margin: ${fluid(30, 42)} 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    border-radius: 100px;\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  .responsive-table {\r\n    ${scrollbars};\r\n\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 !important;\r\n  }\r\n`;\r\n","import { css } from 'styled-components';\r\n// Bold\r\nimport caveat700woff from '../../../../client/fonts/caveat/Caveat-Bold.woff';\r\nimport caveat700woff2 from '../../../../client/fonts/caveat/Caveat-Bold.woff2';\r\nconst caveat = css `\r\n  @font-face {\r\n    font-family: 'Caveat';\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n    src: url(${caveat700woff2}) format('woff2'), url(${caveat700woff});\r\n  }\r\n`;\r\nexport default caveat;\r\n","import { css } from 'styled-components';\r\n// Regular\r\nimport poppins400woff from '../../../../client/fonts/poppins/Poppins-Regular.woff';\r\nimport poppins400woff2 from '../../../../client/fonts/poppins/Poppins-Regular.woff2';\r\nimport poppinsItalic400woff from '../../../../client/fonts/poppins/Poppins-Italic.woff';\r\nimport poppinsItalic400woff2 from '../../../../client/fonts/poppins/Poppins-Italic.woff2';\r\n// Semi-Bold\r\nimport poppins600woff from '../../../../client/fonts/poppins/Poppins-SemiBold.woff';\r\nimport poppins600woff2 from '../../../../client/fonts/poppins/Poppins-SemiBold.woff2';\r\nimport poppinsItalic600woff from '../../../../client/fonts/poppins/Poppins-SemiBoldItalic.woff';\r\nimport poppinsItalic600woff2 from '../../../../client/fonts/poppins/Poppins-SemiBoldItalic.woff2';\r\n// Bold\r\nimport poppins700woff from '../../../../client/fonts/poppins/Poppins-Bold.woff';\r\nimport poppins700woff2 from '../../../../client/fonts/poppins/Poppins-Bold.woff2';\r\nimport poppinsItalic700woff from '../../../../client/fonts/poppins/Poppins-BoldItalic.woff';\r\nimport poppinsItalic700woff2 from '../../../../client/fonts/poppins/Poppins-BoldItalic.woff2';\r\n// Extra Bold\r\nimport poppins800woff from '../../../../client/fonts/poppins/Poppins-ExtraBold.woff';\r\nimport poppins800woff2 from '../../../../client/fonts/poppins/Poppins-ExtraBold.woff2';\r\nimport poppinsItalic800woff from '../../../../client/fonts/poppins/Poppins-ExtraBoldItalic.woff';\r\nimport poppinsItalic800woff2 from '../../../../client/fonts/poppins/Poppins-ExtraBoldItalic.woff2';\r\nconst poppins = css `\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n    src: url(${poppins400woff2}) format('woff2'), url(${poppins400woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-display: swap;\r\n    src: url(${poppinsItalic400woff2}) format('woff2'), url(${poppinsItalic400woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 600;\r\n    font-style: normal;\r\n    font-display: swap;\r\n    src: url(${poppins600woff2}) format('woff2'), url(${poppins600woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 600;\r\n    font-style: italic;\r\n    font-display: swap;\r\n    src: url(${poppinsItalic600woff2}) format('woff2'), url(${poppinsItalic600woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-display: swap;\r\n    src: url(${poppins700woff2}) format('woff2'), url(${poppins700woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    font-display: swap;\r\n    src: url(${poppinsItalic700woff2}) format('woff2'), url(${poppinsItalic700woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 800;\r\n    font-style: normal;\r\n    font-display: swap;\r\n    src: url(${poppins800woff2}) format('woff2'), url(${poppins800woff});\r\n  }\r\n  @font-face {\r\n    font-family: 'Poppins';\r\n    font-weight: 800;\r\n    font-style: italic;\r\n    font-display: swap;\r\n    src: url(${poppinsItalic800woff2}) format('woff2'), url(${poppinsItalic800woff});\r\n  }\r\n`;\r\nexport default poppins;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { h5, paragraphStyles } from '@helpers/typography';\r\nimport { createGlobalStyle } from 'styled-components';\r\nimport resetCss from '../../../../client/reset.css?raw';\r\nimport caveat from './caveat';\r\nimport poppins from './poppins';\r\n// TODO: import font\r\nconst GlobalStyles = createGlobalStyle `\r\n  ${poppins}\r\n  ${caveat}\r\n  ${resetCss}\r\n\r\n  :root {\r\n    --gutterWidth: ${fluid(16, 24)};\r\n    --sectionSpacing: ${fluid(32, 64)};\r\n    --sectionSpacingBottom: var(--sectionSpacing);\r\n    --sectionSpacingTop: var(--sectionSpacing);\r\n    --sitePadding: ${fluid(16, 32)};\r\n    --siteWidth: 1558px;\r\n    --siteGutter:  calc((1920px - (var(--siteWidth) + (var(--sitePadding) * 2))) / 2);\r\n    --gridColumnWidth: calc((var(--siteWidth) + (var(--sitePadding)  * 2) - (var(--gutterWidth) * 11)) / 12);\r\n    --titleHighlight: linear-gradient(\r\n      90deg,\r\n      ${brand.primary.orange} 63.63%,\r\n      ${brand.secondary.orangeDark} 100%\r\n    );\r\n    \r\n    --announcementBarHeight: 0px;\r\n    \r\n    &:has([data-has-announcement-bar='true']) {\r\n      --announcementBarHeight: 40px;\r\n    }\r\n  }\r\n\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n  // TODO: font and colour styles\r\n    overscroll-behavior-x: none;\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  .hidden {\r\n    display: none;\r\n    visibility: none;\r\n  }\r\n\r\n  #main {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding-top: var(--headerHeight);\r\n  }\r\n\r\n  .embedded-form-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    grid-column: 1 / -1;\r\n    background-color: ${brand.primary.white};\r\n    color: ${brand.primary.black};\r\n\r\n    > div {\r\n      flex: 1;\r\n    }\r\n\r\n    .kentico-form-widget {\r\n      padding: 0;\r\n      margin: 0;\r\n      height: 100%;\r\n\r\n      > div:not(.ktc-dropdown-editor),\r\n      form {\r\n        height: 100%;\r\n      }\r\n\r\n      .ktc-dropdown-editor{\r\n        display: none;\r\n      }\r\n\r\n      @media ${from(Device.TabletLarge)} {\r\n        .ktc-default-section--two-column {\r\n          display: flex !important;\r\n          flex-direction: column;\r\n        }\r\n\r\n        button[type='submit'],\r\n        input[type='submit'] {\r\n          width: 50%;\r\n          margin-top: auto;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Ensure that the reCAPTCHA doesn't overflow the form container on mobile\r\n    @media ${until(Device.MobileLarge)} {\r\n      div[id^='google-recaptcha'] {\r\n        width: 280px;\r\n        transform: scale(0.92);\r\n        transform-origin: left;\r\n      }\r\n    }\r\n  }\r\n\r\n  .embedded-form-header {\r\n    ${h5};\r\n\r\n    margin-bottom: ${fluid(16, 24)};\r\n  }\r\n\r\n  .embedded-form-disclaimer {      \r\n    ${paragraphStyles};\r\n\r\n    color: ${brand.grey.dark};\r\n    font-size: ${fluid(11, 12)};\r\n    line-height: ${fluid(17, 20)};\r\n    margin: 8px 0 0;\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      width: 50%;\r\n      margin-left: auto;\r\n    }\r\n  }\r\n`;\r\nexport default GlobalStyles;\r\n"],"names":["rootMargin","transition","properties","duration","arguments","length","undefined","timing","innerCss","css","fadeIn","hidden","opacity","pointerEvents","visible","transitionEnd","horizontalFadeIn","amount","x","verticalFadeIn","y","primary","black","white","orange","orangeDark","stone","darkStone","secondary","ice","lime","midnight","tertiary","berry","coffee","pink","red","sun","teal","product","ats","engagement","marketing","onboarding","recruitment","referrals","overlays","grey","light","lightish","medium","dark","g100","g200","g300","g400","g500","validation","valid","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","TabletLarge","DEFAULT_MAX_VALUE","ActualDesktop","fluid","min","max","minRem","maxRem","minWidthRem","slope","yAxisIntersection","round","num","Math","poppins","regular","regularItalic","semiBold","semiBoldItalic","bold","boldItalic","extraBold","extraBoldItalic","caveat","from","size","until","between","start","end","brand","headingStyles","fonts","h1","h2","h3","h4","h5","h6","paragraphStyles","paragraphExtraLarge","paragraphLarge","paragraphRegular","paragraphSmall","tag","authorName","link","blockquote","svgQuote","table","contentStyles","svgBullet","scrollbars","caveat700woff2","caveat700woff","poppins400woff2","poppins400woff","poppinsItalic400woff2","poppinsItalic400woff","poppins600woff2","poppins600woff","poppinsItalic600woff2","poppinsItalic600woff","poppins700woff2","poppins700woff","poppinsItalic700woff2","poppinsItalic700woff","poppins800woff2","poppins800woff","poppinsItalic800woff2","poppinsItalic800woff","createGlobalStyle","MobileLarge"],"sourceRoot":""}