{"version":3,"file":"6965-8c115daa35c91b983163.js","mappings":"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","sources":["webpack://eploy/./src/helpers/grid.ts","webpack://eploy/./src/helpers/scrollbars.ts","webpack://eploy/./src/helpers/srOnly.ts","webpack://eploy/./src/helpers/typography.ts","webpack://eploy/./src/helpers/utils.ts","webpack://eploy/./src/hoc/withMotion.tsx","webpack://eploy/./src/stories/Components/Misc/FloatingBackgroundElements/FloatingBackgroundElements.styles.ts","webpack://eploy/./src/stories/Components/Misc/FloatingBackgroundElements/FloatingBackgroundElements.tsx","webpack://eploy/./src/stories/Components/Misc/SectionWrapper/SectionWrapper.styles.ts","webpack://eploy/./src/stories/Components/Misc/SectionWrapper/SectionWrapper.tsx","webpack://eploy/./src/stories/Widgets/Global/Breadcrumbs/Breadcrumbs.styles.ts","webpack://eploy/./src/stories/Widgets/Global/Breadcrumbs/Breadcrumbs.tsx","webpack://eploy/./src/stories/Widgets/PremiumResourceBanner/PremiumResourceBanner.styles.ts","webpack://eploy/./src/stories/Widgets/PremiumResourceBanner/PremiumResourceBanner.tsx","webpack://eploy/./node_modules/react-spinners/esm/helpers/unitConverter.js","webpack://eploy/./node_modules/react-spinners/esm/helpers/animation.js","webpack://eploy/./node_modules/react-spinners/esm/PuffLoader.js"],"sourcesContent":["import { css } from 'styled-components';\r\nexport const siteWide = css `\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\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(12, 1fr);\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 { css } from 'styled-components';\r\n/**\r\n * Show only for screen readers.\r\n * @description Sourced from https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034\r\n */\r\nconst srOnly = css `\r\n  border: 0 !important;\r\n  clip: rect(1px, 1px, 1px, 1px) !important;\r\n  -webkit-clip-path: inset(50%) !important;\r\n  clip-path: inset(50%) !important;\r\n  height: 1px !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  padding: 0 !important;\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  white-space: nowrap !important;\r\n`;\r\nexport default srOnly;\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","export function sleep(ms) {\r\n    return new Promise((resolve) => setTimeout(resolve, ms));\r\n}\r\nexport function formatNumberValue(value, maximumDecimals, minimumDigits) {\r\n    const formatter = new Intl.NumberFormat(undefined, {\r\n        maximumFractionDigits: maximumDecimals ?? 0,\r\n        minimumIntegerDigits: minimumDigits ?? 1,\r\n    });\r\n    return formatter.format(value);\r\n}\r\n/** Clamp index to be within the min/max index range. */\r\nexport function clamp(value, max) {\r\n    return Math.max(Math.min(value, max), 0);\r\n}\r\n/**\r\n * Rule structure for react-hook-form\r\n */\r\nexport const EMAIL_RULE = {\r\n    message: `Please enter a valid email address`,\r\n    value: /^[\\w\\-.\\d*]+@[\\w\\-\\d.]+(\\.\\w*)$/,\r\n};\r\nexport const highlightTitleWords = (title) => title.replaceAll(/\\*(.*?)\\*/g, '<span data-highlight>$1</span>');\r\n/**\r\n * Rule structure for react-hook-form\r\n * Pattern based on https://regexr.com/39nr7\r\n */\r\nexport const URL_RULE = {\r\n    message: `Please enter a valid URL`,\r\n    value: /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/,\r\n};\r\n","import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst BackgroundElement = styled.span `\r\n  width: ${fluid(156, 596)};\r\n  position: absolute;\r\n  opacity: 0.12;\r\n  animation: var(--animation) var(--speed) infinite linear alternate;\r\n  transform: none;\r\n  mix-blend-mode: screen;\r\n  pointer-events: none;\r\n  user-select: none;\r\n\r\n  &:nth-of-type(1) {\r\n    --speed: 12s;\r\n    --animation: movement;\r\n\r\n    top: var(--y, 0%);\r\n    left: var(--x, 0%);\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --speed: 18s;\r\n    }\r\n\r\n    @media ${from(Device.Desktop)} {\r\n      --speed: 24s;\r\n    }\r\n\r\n    @keyframes movement {\r\n      0% {\r\n        transform: none;\r\n      }\r\n\r\n      25% {\r\n        transform: translate(72%, -40%) rotate(40deg);\r\n      }\r\n\r\n      50% {\r\n        transform: translate(133%, -20%) scale(0.66) rotate(20deg);\r\n      }\r\n\r\n      100% {\r\n        transform: translate(50%, -60%) rotate(40deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  &:nth-of-type(2) {\r\n    --speed: 9s;\r\n    --animation: movement2;\r\n\r\n    top: var(--y, 50%);\r\n    left: var(--x, 50%);\r\n    transform: scale(0.8) rotate(-24deg);\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --speed: 13s;\r\n    }\r\n\r\n    @media ${from(Device.Desktop)} {\r\n      --speed: 20s;\r\n    }\r\n\r\n    @keyframes movement2 {\r\n      0% {\r\n        transform: scale(0.8) rotate(-24deg);\r\n      }\r\n\r\n      25% {\r\n        transform: translate(32%, -33%) scale(1) rotate(-33deg);\r\n      }\r\n\r\n      50% {\r\n        transform: translate(-12%, -60%) scale(0.8) rotate(20deg);\r\n      }\r\n\r\n      100% {\r\n        transform: translate(64%, -20%) scale(0.5) rotate(-16deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  &:nth-of-type(3) {\r\n    --speed: 14s;\r\n    --animation: movement3;\r\n\r\n    top: var(--y, 75%);\r\n    left: var(--x, 75%);\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --speed: 20s;\r\n    }\r\n\r\n    @media ${from(Device.Desktop)} {\r\n      --speed: 29s;\r\n    }\r\n\r\n    @keyframes movement3 {\r\n      0% {\r\n        transform: none;\r\n      }\r\n\r\n      25% {\r\n        transform: translate(12%, 44%) scale(1.2) rotate(-12deg);\r\n      }\r\n\r\n      50% {\r\n        transform: translate(-100%, -32%) scale(0.8) rotate(20deg);\r\n      }\r\n\r\n      100% {\r\n        transform: translate(56%, -90%) scale(1) rotate(60deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst FloatingBackgroundElementsStyles = {\r\n    BackgroundElement,\r\n};\r\nexport default FloatingBackgroundElementsStyles;\r\n","import { Icon, getSvgIcon } from '@helpers/icons';\r\nimport * as React from 'react';\r\nimport S from './FloatingBackgroundElements.styles';\r\nconst FloatingBackgroundElements = (props) => {\r\n    return (React.createElement(React.Fragment, null, props.startPositions.map((pos, i) => (React.createElement(S.BackgroundElement, { key: `${props.keyFix}-${i}`, style: { '--x': pos.x, '--y': pos.y } }, getSvgIcon(Icon.BulletFill))))));\r\n};\r\nexport default FloatingBackgroundElements;\r\n","import brand from '@helpers/brand';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { m } from 'framer-motion';\r\nimport styled, { css } from 'styled-components';\r\nexport const SectionWrapperCSS = css `\r\n  color: var(--sectionColour, ${brand.primary.black});\r\n  background: var(--sectionBackground, transparent);\r\n  scroll-margin: var(--headerHeight, 0px) 0 0;\r\n\r\n  &[data-flush='top'] {\r\n    --sectionSpacingTop: 0;\r\n  }\r\n\r\n  &[data-flush='bottom'] {\r\n    --sectionSpacingBottom: 0;\r\n  }\r\n\r\n  &[data-flush='both'] {\r\n    --sectionSpacingTop: 0;\r\n    --sectionSpacingBottom: 0;\r\n  }\r\n\r\n  /* Variant text colours */\r\n  &[data-variant='blue'],\r\n  &[data-variant='charcoal'],\r\n  &[data-variant='orange'],\r\n  &[data-variant='pink'] {\r\n    --sectionColour: ${brand.primary.white};\r\n  }\r\n\r\n  &[data-variant='stone'],\r\n  &[data-variant='white'] {\r\n    --sectionColour: ${brand.primary.black};\r\n  }\r\n\r\n  /* Variant background colours */\r\n  &[data-variant='pink'] {\r\n    --bgAngle: 90deg;\r\n  }\r\n\r\n  &[data-variant='blue'],\r\n  &[data-variant='charcoal'] {\r\n    --bgAngle: 105deg;\r\n  }\r\n\r\n  &[data-variant='orange'] {\r\n    --bgAngle: 0deg;\r\n  }\r\n\r\n  &[data-variant='blue'] {\r\n    --sectionBackground: linear-gradient(var(--bgAngle), #3372aa 0%, #1e2f6d 100%);\r\n  }\r\n\r\n  &[data-variant='charcoal'] {\r\n    --sectionBackground: linear-gradient(var(--bgAngle), #2b2b2b 0%, #505050 100%);\r\n  }\r\n\r\n  &[data-variant='orange'] {\r\n    --sectionBackground: linear-gradient(var(--bgAngle), #f47929 0%, #f17028 58.6%, #e24321 98.36%);\r\n  }\r\n\r\n  &[data-variant='pink'] {\r\n    --sectionBackground: linear-gradient(var(--bgAngle), #9f4a92 0%, #cc709c 53%, #f491a4 100%);\r\n  }\r\n\r\n  &[data-variant='stone'] {\r\n    --sectionBackground: ${brand.primary.stone};\r\n  }\r\n\r\n  &[data-variant='white'] {\r\n    --sectionBackground: ${brand.primary.white};\r\n  }\r\n`;\r\nconst Container = styled(m.section) `\r\n  ${SectionWrapperCSS};\r\n`;\r\nexport const SectionWrapperInnerCSS = css `\r\n  ${siteWide};\r\n\r\n  padding-top: var(--sectionSpacingTop);\r\n  padding-bottom: var(--sectionSpacingBottom);\r\n`;\r\nconst Inner = styled.div `\r\n  ${SectionWrapperInnerCSS};\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { id, children, layout = 'default', flush = 'none', variant, ...otherProps } = props;\r\n    return (React.createElement(S.Container, { ref: ref, id: id, \"data-flush\": flush, \"data-variant\": variant, ...otherProps }, renderLayout()));\r\n    function renderLayout() {\r\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n        //@ts-ignore\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.Inner, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport srOnly from '@helpers/srOnly';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  --sectionColour: ${brand.primary.white};\r\n\r\n  width: 100%;\r\n\r\n  &[data-variant='default'] {\r\n    --sectionBackground: ${brand.primary.orange};\r\n    --sectionSpacingTop: 10px;\r\n    --sectionSpacingBottom: 10px;\r\n  }\r\n\r\n  &[data-variant='embedded'] {\r\n    --sectionBackground: transparent;\r\n  }\r\n`;\r\nconst List = styled.ul `\r\n  ${fonts.poppins.regular};\r\n\r\n  color: var(--sectionColour);\r\n  font-size: ${fluid(14, 22)};\r\n  line-height: ${fluid(16, 36)};\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  width: 100%;\r\n  margin: 0;\r\n`;\r\nconst Item = styled.li `\r\n  display: inline;\r\n  margin: 0 ${fluid(10, 12)} 0 0;\r\n\r\n  svg {\r\n    width: ${fluid(7, 10)};\r\n    margin-left: ${fluid(10, 12)};\r\n    transform: translateY(-25%) rotate(-90deg);\r\n  }\r\n\r\n  &[data-hidden='true'] {\r\n    ${srOnly};\r\n  }\r\n\r\n  &:last-child {\r\n    margin: 0;\r\n  }\r\n`;\r\nconst ItemLink = styled.a `\r\n  ${transition('text-decoration-color')};\r\n\r\n  text-decoration: underline;\r\n  text-decoration-color: transparent;\r\n  text-underline-offset: 3px;\r\n  white-space: nowrap;\r\n  color: currentColor;\r\n\r\n  &[aria-current='location'] {\r\n    font-weight: 600;\r\n  }\r\n\r\n  &:not([aria-current='location']).focus-ring,\r\n  &:not([aria-current='location']):hover {\r\n    text-decoration-color: currentColor;\r\n  }\r\n`;\r\nconst BreadcrumbsStyles = {\r\n    Container,\r\n    List,\r\n    Item,\r\n    ItemLink,\r\n};\r\nexport default BreadcrumbsStyles;\r\n","import { Icon, getSvgIcon } from '@helpers/icons';\r\nimport * as React from 'react';\r\nimport S from './Breadcrumbs.styles';\r\nconst Breadcrumbs = (props) => {\r\n    if (!props.items || props.items.length === 0) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container\r\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n    //@ts-ignore\r\n    , { \r\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n        //@ts-ignore\r\n        layout: props.layout === 'embedded' ? 'fullWidth' : 'default', \"data-variant\": props.layout ?? 'default' },\r\n        React.createElement(S.List, { \"aria-label\": \"breadcrumb\" }, props.items.map((item, i) => (React.createElement(React.Fragment, { key: `breadcrumb-${i}` },\r\n            i === 1 && props.items.length > 3 && (React.createElement(S.Item, { key: `breadcrumb-${i}-ellip`, \"aria-hidden\": true },\r\n                \"\\u2026\",\r\n                getSvgIcon(Icon.Chevron))),\r\n            React.createElement(S.Item, { key: `breadcrumb-${i}`, \"data-hidden\": i > 0 && !(i === props.items.length - 1 || i === props.items.length - 2) },\r\n                React.createElement(S.ItemLink, { href: item.url, title: item.text, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, item.text),\r\n                i !== props.items.length - 1 && getSvgIcon(Icon.Chevron))))))));\r\n};\r\nexport default Breadcrumbs;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h3, paragraphRegular } from '@helpers/typography';\r\nimport { SectionWrapperCSS, SectionWrapperInnerCSS, } from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport BreadcrumbsStyles from '@stories/Widgets/Global/Breadcrumbs/Breadcrumbs.styles';\r\nimport styled, { createGlobalStyle } from 'styled-components';\r\nconst WrapperStyles = createGlobalStyle `\r\n  :root {\r\n    .resource-banner-wrapper {\r\n      ${SectionWrapperCSS};\r\n\r\n      --bgAngle: 180deg !important;\r\n      --titleHighlight: ${brand.secondary.ice};\r\n\r\n      margin-top: calc(var(--headerHeight, 0px) * -1);\r\n      padding-top: var(--headerHeight, 0px);\r\n      overflow: clip;\r\n      position: relative;\r\n    }\r\n\r\n    .resource-banner-inner {\r\n      ${SectionWrapperInnerCSS};\r\n      ${baseGrid};\r\n\r\n      row-gap: 40px;\r\n\r\n      div[id^='react_Components'] {\r\n        grid-column: 1 / -1;\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          grid-column: 1 / span 6;\r\n        }\r\n\r\n        @media ${from(Device.DesktopLarge)} {\r\n          grid-column: 1 / span 5;\r\n        }\r\n      }\r\n    }\r\n\r\n    .resource-banner-form-container {\r\n      border-radius: 24px;\r\n      padding: ${fluid(40, 48)} ${fluid(16, 48)};\r\n    \r\n      @media ${from(Device.TabletLarge)} {\r\n        grid-column: 7 / span 6;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst LeftContent = styled.div `\r\n  grid-column: 1 / -1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 1 / span 5;\r\n\r\n    [data-no-media='true'] & {\r\n      grid-column: 3 / span 8;\r\n    }\r\n  }\r\n\r\n  ${BreadcrumbsStyles.Container} {\r\n    margin-bottom: ${fluid(16, 22)};\r\n  }\r\n`;\r\nconst FloatingElements = styled.div `\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  overflow: hidden;\r\n`;\r\nconst Title = styled.h1 `\r\n  ${h3};\r\n\r\n  margin-bottom: ${fluid(16, 24)};\r\n  color: ${brand.primary.white};\r\n  line-height: 1.25;\r\n\r\n  span {\r\n    background: var(--titleHighlight, currentColor);\r\n    background-clip: text;\r\n    color: transparent;\r\n    display: inline;\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${paragraphRegular};\r\n  color: ${brand.primary.white};\r\n  margin-bottom: ${fluid(40, 45)};\r\n`;\r\nexport const PremiumResourceBannerStyles = {\r\n    Content,\r\n    FloatingElements,\r\n    LeftContent,\r\n    Title,\r\n    WrapperStyles,\r\n};\r\n","import { highlightTitleWords } from '@helpers/utils';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport FloatingBackgroundElements from '@stories/Components/Misc/FloatingBackgroundElements/FloatingBackgroundElements';\r\nimport React from 'react';\r\nimport Breadcrumbs from '../Global/Breadcrumbs/Breadcrumbs';\r\nimport { PremiumResourceBannerStyles as S } from './PremiumResourceBanner.styles';\r\nconst PremiumResourceBanner = ({ title, breadcrumbs, introduction, }) => {\r\n    return (React.createElement(React.Fragment, null,\r\n        React.createElement(S.WrapperStyles, null),\r\n        React.createElement(FloatingBackgroundElements, { keyFix: \"inner-page-banner\", startPositions: [\r\n                { x: `-20%`, y: `40%` },\r\n                { x: `15%`, y: `-30%` },\r\n                { x: `50%`, y: `-30%` },\r\n            ] }),\r\n        React.createElement(S.LeftContent, null,\r\n            breadcrumbs && React.createElement(Breadcrumbs, { items: breadcrumbs, layout: \"embedded\" }),\r\n            React.createElement(S.Title, { dangerouslySetInnerHTML: { __html: highlightTitleWords(title) } }),\r\n            introduction && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: introduction } }))));\r\n};\r\nexport default withMotion(PremiumResourceBanner);\r\n","var cssUnit = {\n    cm: true,\n    mm: true,\n    in: true,\n    px: true,\n    pt: true,\n    pc: true,\n    em: true,\n    ex: true,\n    ch: true,\n    rem: true,\n    vw: true,\n    vh: true,\n    vmin: true,\n    vmax: true,\n    \"%\": true,\n};\n/**\n * If size is a number, append px to the value as default unit.\n * If size is a string, validate against list of valid units.\n * If unit is valid, return size as is.\n * If unit is invalid, console warn issue, replace with px as the unit.\n *\n * @param {(number | string)} size\n * @return {LengthObject} LengthObject\n */\nexport function parseLengthAndUnit(size) {\n    if (typeof size === \"number\") {\n        return {\n            value: size,\n            unit: \"px\",\n        };\n    }\n    var value;\n    var valueString = (size.match(/^[0-9.]*/) || \"\").toString();\n    if (valueString.includes(\".\")) {\n        value = parseFloat(valueString);\n    }\n    else {\n        value = parseInt(valueString, 10);\n    }\n    var unit = (size.match(/[^0-9]*$/) || \"\").toString();\n    if (cssUnit[unit]) {\n        return {\n            value: value,\n            unit: unit,\n        };\n    }\n    console.warn(\"React Spinners: \".concat(size, \" is not a valid css value. Defaulting to \").concat(value, \"px.\"));\n    return {\n        value: value,\n        unit: \"px\",\n    };\n}\n/**\n * Take value as an input and return valid css value\n *\n * @param {(number | string)} value\n * @return {string} valid css value\n */\nexport function cssValue(value) {\n    var lengthWithunit = parseLengthAndUnit(value);\n    return \"\".concat(lengthWithunit.value).concat(lengthWithunit.unit);\n}\n","export var createAnimation = function (loaderName, frames, suffix) {\n    var animationName = \"react-spinners-\".concat(loaderName, \"-\").concat(suffix);\n    if (typeof window == \"undefined\" || !window.document) {\n        return animationName;\n    }\n    var styleEl = document.createElement(\"style\");\n    document.head.appendChild(styleEl);\n    var styleSheet = styleEl.sheet;\n    var keyFrames = \"\\n    @keyframes \".concat(animationName, \" {\\n      \").concat(frames, \"\\n    }\\n  \");\n    if (styleSheet) {\n        styleSheet.insertRule(keyFrames, 0);\n    }\n    return animationName;\n};\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport * as React from \"react\";\nimport { cssValue } from \"./helpers/unitConverter\";\nimport { createAnimation } from \"./helpers/animation\";\nvar puff = [\n    createAnimation(\"PuffLoader\", \"0% {transform: scale(0)} 100% {transform: scale(1.0)}\", \"puff-1\"),\n    createAnimation(\"PuffLoader\", \"0% {opacity: 1} 100% {opacity: 0}\", \"puff-2\"),\n];\nfunction PuffLoader(_a) {\n    var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? \"#000000\" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, [\"loading\", \"color\", \"speedMultiplier\", \"cssOverride\", \"size\"]);\n    var wrapper = __assign({ display: \"inherit\", position: \"relative\", width: cssValue(size), height: cssValue(size) }, cssOverride);\n    var style = function (i) {\n        return {\n            position: \"absolute\",\n            height: cssValue(size),\n            width: cssValue(size),\n            border: \"thick solid \".concat(color),\n            borderRadius: \"50%\",\n            opacity: \"1\",\n            top: \"0\",\n            left: \"0\",\n            animationFillMode: \"both\",\n            animation: \"\".concat(puff[0], \", \").concat(puff[1]),\n            animationDuration: \"\".concat(2 / speedMultiplier, \"s\"),\n            animationIterationCount: \"infinite\",\n            animationTimingFunction: \"cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.3, 0.61, 0.355, 1)\",\n            animationDelay: i === 1 ? \"-1s\" : \"0s\",\n        };\n    };\n    if (!loading) {\n        return null;\n    }\n    return (React.createElement(\"span\", __assign({ style: wrapper }, additionalprops),\n        React.createElement(\"span\", { style: style(1) }),\n        React.createElement(\"span\", { style: style(2) })));\n}\nexport default PuffLoader;\n"],"names":["siteWide","css","baseGrid","brand","grey","dark","primary","orange","headingStyles","fonts","poppins","extraBold","fluid","h1","h2","h3","h4","h5","h6","paragraphStyles","regular","paragraphExtraLarge","paragraphLarge","paragraphRegular","paragraphSmall","tag","bold","authorName","caveat","link","transition","blockquote","secondary","orangeDark","svgQuote","table","white","black","contentStyles","svgBullet","scrollbars","sleep","ms","Promise","resolve","setTimeout","formatNumberValue","value","maximumDecimals","minimumDigits","Intl","NumberFormat","undefined","maximumFractionDigits","minimumIntegerDigits","format","clamp","max","Math","min","EMAIL_RULE","message","highlightTitleWords","title","replaceAll","URL_RULE","withMotion","WrappedComponent","displayName","name","ComponentWithMotion","props","React","LazyMotion","features","domAnimation","strict","BackgroundElement","styled","span","withConfig","componentId","from","Device","Tablet","Desktop","startPositions","map","pos","i","S","key","keyFix","style","x","y","getSvgIcon","Icon","BulletFill","SectionWrapperCSS","stone","Container","m","section","SectionWrapperInnerCSS","Inner","div","SectionWrapper","ref","id","children","layout","flush","variant","otherProps","List","ul","Item","li","srOnly","ItemLink","a","_props$layout","items","length","item","Chevron","href","url","text","WrapperStyles","createGlobalStyle","ice","TabletLarge","DesktopLarge","LeftContent","BreadcrumbsStyles","FloatingElements","Title","PremiumResourceBannerStyles","Content","_ref","breadcrumbs","introduction","FloatingBackgroundElements","Breadcrumbs","dangerouslySetInnerHTML","__html","cssUnit","cm","mm","in","px","pt","pc","em","ex","ch","rem","vw","vh","vmin","vmax","cssValue","lengthWithunit","size","unit","valueString","match","toString","includes","parseFloat","parseInt","console","warn","concat","parseLengthAndUnit","createAnimation","loaderName","frames","suffix","animationName","window","document","styleEl","createElement","head","appendChild","styleSheet","sheet","keyFrames","insertRule","__assign","Object","assign","t","s","n","arguments","p","prototype","hasOwnProperty","call","apply","this","puff","_a","_b","loading","_c","color","_d","speedMultiplier","_e","cssOverride","_f","additionalprops","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","wrapper","display","position","width","height","border","borderRadius","opacity","top","left","animationFillMode","animation","animationDuration","animationIterationCount","animationTimingFunction","animationDelay"],"sourceRoot":""}