{"version":3,"file":"5237-787def7f94b6a6e99d75.js","mappings":"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","sources":["webpack://brc/./src/helpers/scrollbars.ts","webpack://brc/./src/helpers/srOnly.ts","webpack://brc/./src/helpers/typography.ts","webpack://brc/./src/helpers/utils.ts","webpack://brc/./src/hoc/withMotion.tsx","webpack://brc/./src/stories/Components/Buttons/Button/Button.styles.ts","webpack://brc/./src/stories/Components/Buttons/Button/Button.tsx","webpack://brc/./src/stories/Components/Misc/Accordion/Context/Context.tsx","webpack://brc/./src/stories/Components/Misc/Accordion/Accordion.styles.ts","webpack://brc/./src/stories/Components/Misc/Accordion/Accordion.tsx","webpack://brc/./src/stories/Components/Misc/Accordion/Item/Item.tsx","webpack://brc/./src/stories/Widgets/Faqs/Faqs.styles.ts","webpack://brc/./src/stories/Widgets/Faqs/Faqs.tsx","webpack://brc/./node_modules/react-use/esm/useFirstMountState.js","webpack://brc/./node_modules/framer-motion/dist/es/components/MotionConfig/index.mjs"],"sourcesContent":["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.grey40};\r\n }\r\n\r\n &::-webkit-scrollbar {\r\n background-color: ${brand.grey.grey40};\r\n height: 6px;\r\n width: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background-color: ${brand.grey.grey90};\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 svgQuote from '@img/icons/background/quote.svg?url';\r\nimport svgChevron from '@img/icons/interface/chevron-down.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 { Device, from } from './media';\r\nimport scrollbars from './scrollbars';\r\nexport const headingStyles = css `\r\n ${fonts.intro};\r\n\r\n color: currentColor;\r\n margin: 0 0 ${fluid(16, 34)};\r\n`;\r\nexport const h1Sizes = css `\r\n font-size: ${fluid(32, 64)};\r\n line-height: ${fluid(38, 74)};\r\n`;\r\nexport const h1 = css `\r\n ${headingStyles};\r\n ${h1Sizes};\r\n`;\r\nexport const h2 = css `\r\n ${headingStyles};\r\n\r\n font-size: ${fluid(28, 48)};\r\n line-height: ${fluid(36, 56)};\r\n`;\r\nexport const h3 = css `\r\n ${headingStyles};\r\n\r\n font-size: ${fluid(24, 34)};\r\n line-height: ${fluid(32, 40)};\r\n`;\r\nexport const h4 = css `\r\n ${headingStyles};\r\n\r\n font-size: ${fluid(20, 24)};\r\n line-height: ${fluid(26, 28)};\r\n`;\r\nexport const h5 = css `\r\n ${headingStyles};\r\n\r\n font-size: ${fluid(18, 23)};\r\n line-height: ${fluid(24, 27)};\r\n`;\r\nexport const h6 = css `\r\n ${headingStyles};\r\n\r\n font-size: ${fluid(16, 22)};\r\n line-height: ${fluid(20, 30)};\r\n`;\r\nconst paragraphStyles = css `\r\n ${fonts.lato.regular};\r\n\r\n color: currentColor;\r\n margin: 0 0 ${fluid(16, 34)};\r\n`;\r\nexport const paragraphLarge = css `\r\n ${paragraphStyles};\r\n\r\n font-size: ${fluid(18, 20)};\r\n line-height: ${fluid(26, 28)};\r\n`;\r\nexport const paragraphRegular = css `\r\n ${paragraphStyles};\r\n\r\n font-size: ${fluid(16, 18)};\r\n line-height: ${fluid(24, 28)};\r\n`;\r\nexport const paragraphSmall = css `\r\n ${paragraphStyles};\r\n\r\n font-size: ${fluid(14, 16)};\r\n line-height: ${fluid(22, 24)};\r\n`;\r\nexport const paragraphExtraSmall = css `\r\n ${paragraphStyles};\r\n\r\n font-size: 14px;\r\n line-height: ${fluid(22, 24)};\r\n`;\r\nexport const subheading = css `\r\n ${fonts.intro};\r\n\r\n font-size: ${fluid(12, 16)};\r\n line-height: ${fluid(14, 24)};\r\n margin-bottom: 16px;\r\n\r\n strong {\r\n font-family: inherit;\r\n color: currentColor;\r\n font-size: inherit;\r\n line-height: inherit;\r\n font-style: inherit;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-bottom: 12px;\r\n }\r\n`;\r\nexport const link = css `\r\n ${transition('text-decoration-color')};\r\n\r\n display: inline-block;\r\n color: var(--textLinkColour);\r\n text-decoration: underline;\r\n text-decoration-color: var(--textDecorationColour, transparent);\r\n text-decoration-thickness: 1px;\r\n text-underline-offset: 3px;\r\n\r\n &:not(span) {\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 }\r\n\r\n &:focus,\r\n &:hover {\r\n text-decoration-color: var(--textDecorationHoverColour, currentColor);\r\n }\r\n }\r\n\r\n /* Safari only link hover styles */\r\n @supports (hanging-punctuation: first) and (font: -apple-system-body) and\r\n (-webkit-appearance: none) {\r\n text-decoration: none;\r\n\r\n &:not(span) {\r\n &:focus,\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n`;\r\nexport const reverseLinkUnderline = css `\r\n --textDecorationColour: currentColor;\r\n --textDecorationHoverColour: transparent;\r\n\r\n /* Safari only link hover styles */\r\n @supports (hanging-punctuation: first) and (font: -apple-system-body) and\r\n (-webkit-appearance: none) {\r\n text-decoration: underline !important;\r\n\r\n &:not(span) {\r\n &:focus,\r\n &:hover {\r\n text-decoration: none !important;\r\n }\r\n }\r\n }\r\n`;\r\nexport const blockquote = css `\r\n ${paragraphLarge};\r\n\r\n font-weight: 600;\r\n font-style: italic;\r\n color: currentColor;\r\n text-align: left;\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: ${fluid(48, 64)};\r\n aspect-ratio: 1;\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n background-position: top left;\r\n background-image: url(${svgQuote});\r\n margin-bottom: ${fluid(16, 34)};\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 font-family: inherit;\r\n margin: 0 0 ${fluid(16, 34)};\r\n\r\n &:last-child {\r\n margin: 0;\r\n }\r\n }\r\n\r\n footer {\r\n color: ${brand.primary.purple.dark};\r\n font-weight: 700;\r\n margin-top: ${fluid(32, 34)};\r\n\r\n cite {\r\n ${paragraphRegular};\r\n\r\n display: block;\r\n margin: 0;\r\n }\r\n }\r\n`;\r\nexport const table = css `\r\n ${paragraphRegular};\r\n\r\n --borderColour: ${brand.primary.grey};\r\n --borderRadius: ${fluid(10, 20)};\r\n --headerBgColour: ${brand.primary.purple.light};\r\n --headerTextColour: ${brand.global.white};\r\n --paddingX: ${fluid(16, 26)};\r\n\r\n background: ${brand.global.white};\r\n border-collapse: collapse;\r\n color: currentColor;\r\n margin-bottom: ${fluid(16, 34)};\r\n width: 100% !important;\r\n\r\n td,\r\n th {\r\n border-right: 1px solid var(--headerTextColour);\r\n padding: 12px var(--paddingX);\r\n text-align: left;\r\n }\r\n\r\n thead {\r\n tr {\r\n background: var(--headerBgColour);\r\n\r\n td,\r\n th {\r\n ${fonts.intro};\r\n\r\n color: ${brand.global.white};\r\n padding: var(--paddingX);\r\n border-right: 1px solid var(--headerTextColour);\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 &:nth-child(odd) {\r\n background-color: ${brand.global.white};\r\n }\r\n\r\n &:nth-child(even) {\r\n background-color: ${brand.primary.grey};\r\n }\r\n\r\n &:last-child td {\r\n border-bottom: 1px solid var(--borderColour);\r\n }\r\n\r\n td {\r\n &:first-child {\r\n border-left: 1px solid var(--borderColour);\r\n }\r\n\r\n &:last-child {\r\n border-right: 1px solid ${brand.primary.grey};\r\n }\r\n }\r\n }\r\n }\r\n`;\r\nexport const contentStyles = css `\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 ${headingStyles};\r\n\r\n font-size: ${fluid(15, 20)};\r\n line-height: ${fluid(19, 28)};\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 ${fonts.lato.bold};\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 .x-small {\r\n ${paragraphExtraSmall}\r\n }\r\n\r\n .disclaimer {\r\n ${paragraphStyles};\r\n\r\n font-size: 12px;\r\n line-height: 16px;\r\n }\r\n\r\n .subheading {\r\n ${subheading};\r\n }\r\n\r\n /* Brand Colour Classes */\r\n .brand-purple-light {\r\n color: ${brand.primary.purple.light};\r\n }\r\n\r\n .brand-purple-dark {\r\n color: ${brand.primary.purple.dark};\r\n }\r\n\r\n .brand-blue-light {\r\n color: ${brand.primary.blue.light};\r\n }\r\n\r\n .brand-blue-dark {\r\n color: ${brand.primary.blue.dark};\r\n }\r\n\r\n .brand-green-light {\r\n color: ${brand.secondary.green.light};\r\n }\r\n\r\n .brand-green-mid {\r\n color: ${brand.secondary.green.mid};\r\n }\r\n\r\n .brand-green-dark {\r\n color: ${brand.secondary.green.dark};\r\n }\r\n\r\n .brand-orange-light {\r\n color: ${brand.secondary.orange.light};\r\n }\r\n\r\n .brand-orange-mid {\r\n color: ${brand.secondary.orange.mid};\r\n }\r\n\r\n .brand-orange-dark {\r\n color: ${brand.secondary.orange.dark};\r\n }\r\n\r\n .brand-pink-light {\r\n color: ${brand.secondary.pink.light};\r\n }\r\n\r\n .brand-pink-mid {\r\n color: ${brand.secondary.pink.mid};\r\n }\r\n\r\n .brand-pink-dark {\r\n color: ${brand.secondary.pink.dark};\r\n }\r\n\r\n .brand-yellow-light {\r\n color: ${brand.secondary.yellow.light};\r\n }\r\n\r\n .brand-yellow-mid {\r\n color: ${brand.secondary.yellow.mid};\r\n }\r\n\r\n .brand-yellow-dark {\r\n color: ${brand.secondary.yellow.dark};\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 list-style: none;\r\n padding-left: 1.2em;\r\n margin: ${fluid(8, 16)} 0 ${fluid(16, 34)};\r\n\r\n li {\r\n color: currentColor;\r\n margin: 0 0 ${fluid(8, 16)};\r\n\r\n span {\r\n display: inline;\r\n }\r\n\r\n &::before {\r\n color: ${brand.primary.purple.light};\r\n display: inline-block;\r\n width: 1.2em;\r\n margin-left: -1.2em;\r\n }\r\n }\r\n }\r\n\r\n ol {\r\n counter-reset: li;\r\n\r\n li {\r\n counter-increment: li;\r\n\r\n &::before {\r\n content: counter(li) '.';\r\n width: 2.5ch; // Allow space for double digit numbers\r\n margin-left: -2.5ch;\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::before {\r\n content: '\\\\2022';\r\n font-weight: bold;\r\n }\r\n\r\n blockquote {\r\n ${blockquote};\r\n }\r\n\r\n hr {\r\n display: block;\r\n background: ${brand.primary.purple.light};\r\n border: 0;\r\n height: 2px;\r\n margin: ${fluid(16, 34)} 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 ${scrollbars};\r\n\r\n position: relative;\r\n overflow-x: auto;\r\n }\r\n\r\n /* Details/Summary Accordion styles */\r\n details {\r\n display: block;\r\n color: ${brand.primary.blue.dark};\r\n padding: ${fluid(16, 18)};\r\n border-radius: ${fluid(10, 20)};\r\n background-color: ${brand.primary.grey};\r\n margin-bottom: ${fluid(16, 18)};\r\n\r\n summary {\r\n ${fonts.lato.semiBold};\r\n\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n font-size: ${fluid(18, 24)};\r\n line-height: ${fluid(24, 28)};\r\n text-align: left;\r\n width: 100%;\r\n color: currentColor;\r\n cursor: pointer;\r\n margin-bottom: 2px;\r\n\r\n &::after {\r\n ${transition('transform')};\r\n\r\n content: '';\r\n display: block;\r\n width: 40px;\r\n height: 32px;\r\n background: currentColor;\r\n -webkit-mask-image: url(${svgChevron});\r\n mask-image: url(${svgChevron});\r\n mask-repeat: no-repeat;\r\n mask-size: cover;\r\n mask-position: center;\r\n }\r\n }\r\n\r\n &[open] summary::after {\r\n transform: rotate(180deg);\r\n }\r\n\r\n > div {\r\n padding: ${fluid(14, 20)} 0 6px;\r\n\r\n p,\r\n ul,\r\n ol {\r\n margin-bottom: ${fluid(12, 18)};\r\n }\r\n\r\n ul,\r\n ol {\r\n margin-left: ${fluid(4, 8)};\r\n\r\n li {\r\n margin-bottom: ${fluid(6, 10)};\r\n }\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 }\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","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, '$1');\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 { transition } from '@helpers/animate';\r\nimport brand, { BrandColours } from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { InterfaceIcon } from '@helpers/icons';\r\nimport { Device, until } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { BackgroundVariant } from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nexport const CommonButtonTextStyles = css `\r\n ${transition('color', 0.25)};\r\n ${fonts.lato.bold};\r\n\r\n color: currentColor;\r\n font-size: var(--fontSize);\r\n line-height: 1.5;\r\n text-decoration: none;\r\n`;\r\nconst Text = styled.span `\r\n ${CommonButtonTextStyles};\r\n\r\n [data-icon-only='true'] & {\r\n ${srOnly};\r\n }\r\n`;\r\nconst IconWrapper = styled.div `\r\n ${transition('color', 0.25)};\r\n\r\n --iconHeight: 24px;\r\n\r\n display: grid;\r\n place-content: center;\r\n color: currentColor;\r\n height: var(--iconHeight);\r\n aspect-ratio: 1;\r\n margin: 0;\r\n padding: 0;\r\n\r\n > svg {\r\n display: block;\r\n height: var(--iconHeight);\r\n }\r\n\r\n [data-icon-position='left'] & {\r\n order: -1;\r\n }\r\n\r\n [data-icon-position='right'] & {\r\n order: 1;\r\n }\r\n\r\n [data-icon-type=${InterfaceIcon.ArrowRight}] & {\r\n ${transition('transform, color', 0.25)};\r\n }\r\n\r\n [data-icon-type=${InterfaceIcon.Close}] & {\r\n --iconHeight: 12px;\r\n }\r\n\r\n [data-icon-position='left'][data-icon-type=${InterfaceIcon.ArrowRight}] & {\r\n svg {\r\n transform: scale(-1);\r\n }\r\n }\r\n`;\r\nconst IconHoverStyles = css `\r\n &[data-icon-type=${InterfaceIcon.ArrowRight}] {\r\n ${IconWrapper} {\r\n transform: translateX(4px);\r\n }\r\n }\r\n\r\n &[data-icon-position='left'][data-icon-type=${InterfaceIcon.ArrowRight}] {\r\n ${IconWrapper} {\r\n transform: translateX(-4px);\r\n }\r\n }\r\n`;\r\nexport const DefaultButtonStyles = css `\r\n ${ButtonReset};\r\n ${transition('background-color, color', 0.25)};\r\n\r\n --bgColour: ${brand.secondary.yellow.light};\r\n --bgColourActive: var(--bgColourHover);\r\n --bgColourDisabled: ${brand.grey.light};\r\n --bgColourHover: ${brand.secondary.yellow.dark};\r\n --borderColorActive: var(--bgColourActive);\r\n --borderColorHover: var(--bgColourHover);\r\n --borderColour: var(--bgColour);\r\n --borderColourDisabled: var(--bgColourDisabled);\r\n --borderRadius: 50px;\r\n --borderWidth: 1px;\r\n --buttonHeight: ${fluid(44, 64)};\r\n --colourText: ${brand.global.black};\r\n --colourTextDisabled: ${brand.grey.dark};\r\n --colourTextHover: var(--colourText);\r\n --fontSize: ${fluid(15, 16)};\r\n\r\n display: inline-flex;\r\n gap: ${fluid(8, 12)};\r\n align-items: center;\r\n border: var(--borderWidth) solid var(--borderColour);\r\n background: none;\r\n background-color: var(--bgColour);\r\n background-position: top center;\r\n color: var(--colourText);\r\n min-height: var(--buttonHeight);\r\n padding: 8px ${fluid(16, 20)};\r\n text-decoration: none;\r\n user-select: none;\r\n width: auto;\r\n border-radius: var(--borderRadius);\r\n\r\n /* Mobile click styles - button should mimic press */\r\n @media ${until(Device.TabletLarge)} {\r\n ${transition('background-color, color, transform', 0.15)};\r\n\r\n &:active {\r\n transform: translateY(1.5px);\r\n }\r\n }\r\n\r\n span& {\r\n .focus-ring & {\r\n outline: auto;\r\n outline-offset: 3px;\r\n outline-width: 2px;\r\n }\r\n\r\n .focus-ring &,\r\n button:hover &,\r\n a:hover &,\r\n label:hover & {\r\n ${IconHoverStyles};\r\n\r\n color: var(--colourTextHover);\r\n background-color: var(--bgColourHover);\r\n border-color: var(--borderColorHover);\r\n }\r\n\r\n button:active &,\r\n a:active & {\r\n background-color: var(--bgColourActive);\r\n border-color: var(--borderColorActive);\r\n color: var(--colourTextHover);\r\n }\r\n }\r\n\r\n &:not(span) {\r\n cursor: pointer;\r\n\r\n &:focus-visible,\r\n &.focus-ring {\r\n outline: auto;\r\n outline-offset: 3px;\r\n outline-width: 2px;\r\n }\r\n\r\n &:focus-visible,\r\n &.focus-ring,\r\n &:hover {\r\n ${IconHoverStyles};\r\n\r\n color: var(--colourTextHover);\r\n background-color: var(--bgColourHover);\r\n border-color: var(--borderColorHover);\r\n }\r\n\r\n &:active {\r\n background-color: var(--bgColourActive);\r\n border-color: var(--borderColorActive);\r\n color: var(--colourTextHover);\r\n }\r\n }\r\n\r\n /* Increase specificity to override :not(span) style */\r\n &[aria-disabled='true'][aria-disabled='true'][aria-disabled='true'],\r\n &:disabled:disabled:disabled {\r\n color: var(--colourTextDisabled);\r\n background-color: var(--bgColourDisabled);\r\n border-color: var(--borderColourDisabled);\r\n\r\n cursor: not-allowed;\r\n\r\n ${IconWrapper} {\r\n transform: none;\r\n }\r\n }\r\n`;\r\nexport const SecondaryButtonStyles = css `\r\n --bgColour: transparent;\r\n --bgColourActive: ${brand.primary.purple.dark};\r\n --bgColourDisabled: transparent;\r\n --bgColourHover: var(--colourText);\r\n --borderColorActive: var(--bgColourActive);\r\n --borderColorHover: var(--bgColourHover);\r\n --borderColour: var(--colourText);\r\n --borderColourDisabled: var(--colourTextDisabled);\r\n --colourText: ${brand.primary.purple.light};\r\n --colourTextDisabled: ${brand.grey.dark};\r\n --colourTextHover: ${brand.global.white};\r\n\r\n [data-variant=${BrandColours.OrangeMid}] &,\r\n [data-variant=${BrandColours.OrangeDark}] &,\r\n [data-variant=${BrandColours.GreenDark}] &,\r\n [data-variant=${BrandColours.PinkDark}] &,\r\n [data-variant=${BackgroundVariant.Blue}] &,\r\n [data-variant=${BackgroundVariant.Purple}] &,\r\n [data-variant=${BackgroundVariant.PurpleDark}] & {\r\n --bgColourActive: ${brand.primary.grey};\r\n --colourText: ${brand.global.white};\r\n }\r\n\r\n [data-variant=${BrandColours.OrangeDark}] &,\r\n [data-variant=${BrandColours.GreenDark}] &,\r\n [data-variant=${BackgroundVariant.Blue}] &,\r\n [data-variant=${BrandColours.PinkDark}] &,\r\n [data-variant=${BackgroundVariant.PurpleDark}] & {\r\n --colourTextDisabled: ${brand.grey.light};\r\n }\r\n\r\n [data-variant=${BackgroundVariant.Purple}] & {\r\n --colourTextDisabled: ${brand.grey.lightest};\r\n }\r\n\r\n [data-variant=${BackgroundVariant.Purple}] &,\r\n [data-variant=${BackgroundVariant.PurpleDark}] & {\r\n --colourTextHover: ${brand.primary.purple.light};\r\n }\r\n\r\n [data-variant=${BackgroundVariant.Blue}] & {\r\n --colourTextHover: ${brand.primary.blue.dark};\r\n }\r\n\r\n [data-variant=${BrandColours.GreenDark}] & {\r\n --colourTextHover: ${brand.secondary.green.dark};\r\n }\r\n\r\n [data-variant=${BrandColours.OrangeDark}] & {\r\n --colourTextHover: ${brand.secondary.orange.dark};\r\n }\r\n\r\n [data-variant=${BrandColours.OrangeMid}] & {\r\n --colourTextHover: ${brand.secondary.orange.mid};\r\n }\r\n\r\n [data-variant=${BrandColours.PinkDark}] & {\r\n --colourTextHover: ${brand.secondary.pink.mid};\r\n }\r\n\r\n [data-variant=${BrandColours.BlueLight}] &,\r\n [data-variant=${BrandColours.GreenLight}] &,\r\n [data-variant=${BrandColours.OrangeLight}] &,\r\n [data-variant=${BrandColours.PinkLight}] & {\r\n --colourText: ${brand.global.black};\r\n }\r\n\r\n [data-variant=${BrandColours.BlueLight}] & {\r\n --bgColourActive: ${brand.primary.blue.dark};\r\n }\r\n\r\n [data-variant=${BrandColours.GreenLight}] & {\r\n --bgColourActive: ${brand.secondary.green.dark};\r\n }\r\n\r\n [data-variant=${BrandColours.OrangeLight}] & {\r\n --bgColourActive: ${brand.secondary.orange.dark};\r\n }\r\n\r\n [data-variant=${BrandColours.PinkLight}] & {\r\n --bgColourActive: ${brand.secondary.pink.dark};\r\n }\r\n`;\r\nexport const TertiaryButtonStyles = css `\r\n --bgColour: ${brand.primary.purple.light};\r\n --bgColourActive: ${brand.grey.lightest};\r\n --bgColourDisabled: ${brand.grey.grey40};\r\n --bgColourHover: transparent;\r\n --borderColorActive: var(--bgColour);\r\n --borderColorHover: var(--bgColour);\r\n --borderColour: var(--colourText);\r\n --borderColourDisabled: var(--bgColourDisabled);\r\n --colourText: ${brand.global.white};\r\n --colourTextDisabled: ${brand.grey.lightest};\r\n --colourTextHover: var(--bgColour);\r\n\r\n [data-variant=${BackgroundVariant.Blue}] &,\r\n [data-variant=${BackgroundVariant.Purple}] &,\r\n [data-variant=${BackgroundVariant.PurpleDark}] & {\r\n --bgColour: ${brand.global.white};\r\n --colourText: ${brand.primary.purple.light};\r\n --bgColourActive: ${rgba(brand.global.white, 0.2)};\r\n }\r\n\r\n [data-variant=${BackgroundVariant.Grey}] & {\r\n --bgColourActive: ${rgba(brand.global.black, 0.1)};\r\n }\r\n`;\r\nconst Container = styled.button `\r\n ${DefaultButtonStyles};\r\n\r\n &[data-type='secondary'] {\r\n ${SecondaryButtonStyles};\r\n }\r\n\r\n &[data-type='tertiary'] {\r\n ${TertiaryButtonStyles};\r\n }\r\n\r\n &[data-icon-only='true'] {\r\n height: var(--buttonHeight);\r\n justify-content: center;\r\n padding: 0;\r\n width: var(--buttonHeight);\r\n }\r\n`;\r\nconst ButtonStyles = {\r\n Container,\r\n IconWrapper,\r\n Text,\r\n};\r\nexport default ButtonStyles;\r\n","import { InterfaceIcon, getSvgIcon } from '@helpers/icons';\r\nimport { FocusRing } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport S from './Button.styles';\r\nconst Button = React.forwardRef(({ buttonType, children, fillDirection = 'right', icon, iconOnly, iconPosition = 'right', ...otherProps }, ref) => {\r\n return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n React.createElement(S.Container, { ref: ref, \"data-fill\": fillDirection, \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-icon-type\": icon ?? InterfaceIcon.ArrowRight, \"data-type\": buttonType, ...otherProps },\r\n React.createElement(S.Text, null, children),\r\n icon !== InterfaceIcon.None && (React.createElement(S.IconWrapper, null, getSvgIcon(icon) ?? getSvgIcon(InterfaceIcon.ArrowRight))))));\r\n});\r\nButton.displayName = 'Button';\r\nconst FakeButton = React.forwardRef(({ buttonType, children, fillDirection = 'right', icon, iconOnly, iconPosition = 'right', ...otherProps }, ref) => {\r\n return (React.createElement(S.Container, { ref: ref, as: \"span\", \"data-fill\": fillDirection, \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-icon-type\": icon ?? InterfaceIcon.ArrowRight, \"data-type\": buttonType, ...otherProps },\r\n React.createElement(S.Text, null, children),\r\n icon !== InterfaceIcon.None && (React.createElement(S.IconWrapper, null, getSvgIcon(icon) ?? getSvgIcon(InterfaceIcon.ArrowRight)))));\r\n});\r\nFakeButton.displayName = 'Fake Button';\r\nconst LinkButton = React.forwardRef(({ buttonType, children, fillDirection = 'right', icon, iconOnly, iconPosition = 'right', ...otherProps }, ref) => {\r\n return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n React.createElement(S.Container, { ref: ref, as: \"a\", \"data-fill\": fillDirection, \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-icon-type\": icon ?? InterfaceIcon.ArrowRight, \"data-type\": buttonType, ...otherProps },\r\n React.createElement(S.Text, null, children),\r\n icon !== InterfaceIcon.None && (React.createElement(S.IconWrapper, null, getSvgIcon(icon) ?? getSvgIcon(InterfaceIcon.ArrowRight))))));\r\n});\r\nLinkButton.displayName = 'Link Button';\r\nexport { FakeButton, LinkButton, Button as default };\r\n","import noop from 'lodash/noop';\r\nimport * as React from 'react';\r\nconst AccordionContext = React.createContext({\r\n activeId: '',\r\n onClick: noop,\r\n});\r\nexport const useAccordion = () => React.useContext(AccordionContext);\r\nexport const AccordionProvider = (props) => {\r\n const [activeId, setActiveId] = React.useState(props.initialId ?? '');\r\n return (React.createElement(AccordionContext.Provider, { value: {\r\n activeId: activeId,\r\n onClick(id) {\r\n if (activeId === id) {\r\n return setActiveId('');\r\n }\r\n setActiveId(id);\r\n },\r\n } }, props.children));\r\n};\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nconst Item = styled(m.div) `\r\n color: ${brand.primary.blue.dark};\r\n padding: ${fluid(16, 18)};\r\n border-radius: ${fluid(10, 20)};\r\n background-color: ${brand.primary.grey};\r\n\r\n &:not(:last-of-type) {\r\n margin-bottom: ${fluid(16, 18)};\r\n }\r\n`;\r\nconst ItemHeader = styled.button `\r\n ${ButtonReset};\r\n ${fonts.lato.semiBold};\r\n\r\n display: flex;\r\n align-items: center;\r\n font-size: ${fluid(18, 24)};\r\n line-height: ${fluid(24, 28)};\r\n text-align: left;\r\n width: 100%;\r\n color: currentColor;\r\n scroll-margin: calc(var(--headerHeight, 0px) - 20px) 0 0;\r\n\r\n &.focus-ring {\r\n outline: auto;\r\n }\r\n`;\r\nconst ItemTitle = styled.h3 `\r\n display: block;\r\n flex: 1 1 auto;\r\n`;\r\nconst ItemIcon = styled(m.span) `\r\n display: block;\r\n flex: 0 0 auto;\r\n height: 40px;\r\n margin-left: auto;\r\n width: 40px;\r\n\r\n svg {\r\n display: block;\r\n width: 100%;\r\n }\r\n`;\r\nconst ItemBody = styled(m.div) `\r\n min-width: 0;\r\n overflow: hidden;\r\n`;\r\nexport default {\r\n Item,\r\n ItemBody,\r\n ItemHeader,\r\n ItemIcon,\r\n ItemTitle,\r\n};\r\n","import { withMotion } from '@hoc/withMotion';\r\nimport { FocusScope } from '@react-aria/focus';\r\nimport { MotionConfig } from 'framer-motion';\r\nimport * as React from 'react';\r\nimport { AccordionProvider } from './Context/Context';\r\nimport AccordionItem from './Item/Item';\r\nconst AccordionComponent = (props) => {\r\n return (React.createElement(MotionConfig, { transition: { duration: 0.3, ease: 'easeOut' } },\r\n React.createElement(AccordionProvider, { initialId: props.initialId ?? '' },\r\n React.createElement(FocusScope, null, props.children))));\r\n};\r\nexport const Accordion = Object.assign(withMotion(AccordionComponent), { Item: AccordionItem });\r\nexport default Accordion;\r\n","import { InterfaceIcon, getSvgIcon } from '@helpers/icons';\r\nimport { FocusRing, useFocusManager } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport { useFirstMountState } from 'react-use';\r\nimport S from '../Accordion.styles';\r\nimport { useAccordion } from '../Context/Context';\r\nconst AccordionItem = (props) => {\r\n const isFirstMount = useFirstMountState();\r\n const accordion = useAccordion();\r\n const fm = useFocusManager();\r\n const isActive = accordion.activeId === props.id;\r\n const headerId = `${props.id}-header`;\r\n const bodyId = `${props.id}-body`;\r\n // Scroll to active question\r\n React.useEffect(() => {\r\n if (isFirstMount) {\r\n return;\r\n }\r\n setTimeout(() => {\r\n if (!isActive) {\r\n return;\r\n }\r\n const el = document.getElementById(headerId);\r\n if (el) {\r\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n }, 375);\r\n }, [isActive]);\r\n return (React.createElement(S.Item, { initial: isActive ? 'opened' : 'closed', animate: isActive ? 'opened' : 'closed', onKeyDown: (event) => {\r\n switch (event.key) {\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm?.focusNext();\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm?.focusPrevious();\r\n break;\r\n case 'Home':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm?.focusFirst();\r\n break;\r\n case 'End':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm?.focusLast();\r\n break;\r\n default:\r\n break;\r\n }\r\n } },\r\n React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n React.createElement(S.ItemHeader, { id: headerId, \"aria-controls\": bodyId, \"aria-expanded\": isActive, type: \"button\", onClick: (event) => {\r\n event.preventDefault();\r\n accordion.onClick(props.id);\r\n } },\r\n React.createElement(S.ItemTitle, null, props.title),\r\n React.createElement(S.ItemIcon, { \"aria-hidden\": \"true\", variants: {\r\n closed: {\r\n rotate: 0,\r\n },\r\n opened: {\r\n rotate: 180,\r\n },\r\n } }, getSvgIcon(InterfaceIcon.Chevron)))),\r\n React.createElement(S.ItemBody, { id: bodyId, \"aria-labelledby\": headerId, role: \"region\", tabIndex: -1, variants: {\r\n closed: {\r\n height: 0,\r\n transitionEnd: {\r\n visibility: 'hidden',\r\n },\r\n },\r\n opened: {\r\n visibility: 'visible',\r\n height: 'auto',\r\n },\r\n } }, props.children)));\r\n};\r\nexport default AccordionItem;\r\n","import { transition } from '@helpers/animate';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport scrollbars from '@helpers/scrollbars';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { contentStyles, h3 } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Buttons/Button/Button.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n ${SectionWrapperStyles.Inner} {\r\n ${baseGrid};\r\n }\r\n`;\r\nconst gridColumns = css `\r\n grid-column: 1 / span 12;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-column: 2 / span 10;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n grid-column: 3 / span 8;\r\n }\r\n`;\r\nconst Heading = styled.h2 `\r\n ${gridColumns};\r\n ${h3};\r\n\r\n margin-bottom: ${fluid(16, 32)};\r\n`;\r\nconst TabsLabel = styled.p `\r\n ${gridColumns};\r\n ${fonts.lato.regular};\r\n\r\n font-size: 14px;\r\n line-height: 24px;\r\n margin: 0 0 ${fluid(8, 32)};\r\n\r\n &[data-hidden='true'] {\r\n ${srOnly};\r\n }\r\n`;\r\nconst Tabs = styled.div `\r\n ${gridColumns};\r\n\r\n display: flex;\r\n gap: ${fluid(16, 24)};\r\n margin-bottom: ${fluid(24, 32)};\r\n width: calc(100% + var(--sitePadding));\r\n overflow: auto;\r\n\r\n ${ButtonStyles.Container} {\r\n white-space: nowrap;\r\n\r\n --borderRadius: 10px;\r\n --buttonHeight: ${fluid(42, 48)};\r\n }\r\n\r\n ${ButtonStyles.Container}[aria-selected='true'] {\r\n color: var(--colourTextHover);\r\n background-color: var(--bgColourHover);\r\n border-color: var(--borderColorHover);\r\n }\r\n\r\n ${ButtonStyles.Container}[aria-selected='true']:focus-visible {\r\n outline-offset: -2px;\r\n outline-color: currentColor;\r\n }\r\n\r\n &[data-hidden='true'] {\r\n ${srOnly};\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n ${scrollbars};\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n width: 100%;\r\n }\r\n`;\r\nconst AccordionWrapper = styled.div `\r\n ${gridColumns};\r\n ${transition('opacity, transform, visibility', 0.5)};\r\n\r\n position: relative;\r\n grid-row: 4;\r\n\r\n &::before {\r\n left: 0;\r\n }\r\n\r\n &::after {\r\n right: 0;\r\n transform: scaleX(-1);\r\n }\r\n\r\n ${Container}[data-animate='false'] &,\r\n &[data-active='false'] {\r\n opacity: 0;\r\n pointer-events: none;\r\n visibility: hidden;\r\n }\r\n\r\n ${Container}[data-animate='false'] & {\r\n transform: translateY(20px);\r\n }\r\n\r\n ${Container}[data-delays='true'] & {\r\n transition-delay: 750ms;\r\n }\r\n`;\r\nconst FaqContent = styled.div `\r\n padding: ${fluid(16, 22)} 0 8px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n padding-bottom: 0;\r\n }\r\n`;\r\nconst Answer = styled.div `\r\n ${contentStyles};\r\n`;\r\nconst ButtonWrapper = styled.div `\r\n display: flex;\r\n gap: ${fluid(12, 38)};\r\n flex-wrap: wrap;\r\n margin-top: ${fluid(24, 38)};\r\n`;\r\nconst FaqsStyles = {\r\n AccordionWrapper,\r\n Answer,\r\n ButtonWrapper,\r\n Container,\r\n FaqContent,\r\n Heading,\r\n Tabs,\r\n TabsLabel,\r\n};\r\nexport default FaqsStyles;\r\n","import { InterfaceIcon } from '@helpers/icons';\r\nimport { clamp } from '@helpers/utils';\r\nimport Button, { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport Accordion from '@stories/Components/Misc/Accordion/Accordion';\r\nimport * as React from 'react';\r\nimport S from './Faqs.styles';\r\nconst Faqs = (props) => {\r\n const [active, setActive] = React.useState(0);\r\n const tabRef = React.useRef([]);\r\n if (!props.categories || props.categories.length === 0) {\r\n return null;\r\n }\r\n return (React.createElement(S.Container, { id: props.anchorId, translations: props.translations },\r\n props.heading && React.createElement(S.Heading, null, props.heading),\r\n React.createElement(S.TabsLabel, { id: `${props.anchorId}-faq-tab-label`, \"data-hidden\": props.categories.length === 1 }, props.translations?.['widget.faqs.selectCategory'] ?? ''),\r\n React.createElement(S.Tabs, { role: \"tablist\", \"data-hidden\": props.categories.length === 1, \"aria-labelledby\": `${props.anchorId}-faq-tab-label` }, props.categories.map((category, i) => (React.createElement(Button, { key: `${category.id}-button`, id: category.id, ref: (el) => (tabRef.current[i] = el), buttonType: \"secondary\", role: \"tab\", \"aria-selected\": active === i, onClick: () => {\r\n if (active !== i) {\r\n setActive(i);\r\n }\r\n }, onFocus: () => setActive(i), tabIndex: props.categories.length === 1 || active !== i ? -1 : undefined, onKeyDown: (event) => {\r\n const nextIndex = i === props.categories.length - 1 ? 0 : clamp(i + 1, props.categories.length - 1);\r\n const prevIndex = i === 0 ? props.categories.length - 1 : clamp(i - 1, props.categories.length - 1);\r\n switch (event.key) {\r\n case 'ArrowRight':\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n tabRef.current[nextIndex]?.focus();\r\n break;\r\n case 'ArrowLeft':\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n tabRef.current[prevIndex]?.focus();\r\n break;\r\n case 'Home':\r\n tabRef.current[0]?.focus();\r\n break;\r\n case 'End':\r\n tabRef.current[props.categories.length - 1]?.focus();\r\n break;\r\n default:\r\n break;\r\n }\r\n }, icon: InterfaceIcon.None }, category.title)))),\r\n props.categories.map((category, i) => (React.createElement(S.AccordionWrapper, { key: category.id, role: \"tabpanel\", \"aria-labelledby\": category.id, \"data-active\": active === i },\r\n React.createElement(Accordion, { initialId: category.faqs[0].id }, category.faqs.map((faq) => (React.createElement(Accordion.Item, { key: faq.id, id: faq.id, title: faq.question },\r\n React.createElement(S.FaqContent, null,\r\n React.createElement(S.Answer, { dangerouslySetInnerHTML: { __html: faq.answer } }),\r\n faq.ctas && (React.createElement(S.ButtonWrapper, null, faq.ctas.map((cta, i) => (React.createElement(LinkButton, { key: `${faq.id}-cta-${i}`, buttonType: cta.buttonType ? cta.buttonType : i === 0 ? 'tertiary' : 'secondary', href: cta.url, target: cta.target, icon: cta.icon }, cta.text)))))))))))))));\r\n};\r\nexport default Faqs;\r\n","import { useRef } from 'react';\nexport function useFirstMountState() {\n var isFirst = useRef(true);\n if (isFirst.current) {\n isFirst.current = false;\n return true;\n }\n return isFirst.current;\n}\n","import { __rest, __assign } from 'tslib';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { loadExternalIsValidProp } from '../../render/dom/utils/filter-props.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\n\n/**\n * `MotionConfig` is used to set configuration options for all children `motion` components.\n *\n * ```jsx\n * import { motion, MotionConfig } from \"framer-motion\"\n *\n * export function App() {\n * return (\n * \n * \n * \n * )\n * }\n * ```\n *\n * @public\n */\nfunction MotionConfig(_a) {\n var children = _a.children, isValidProp = _a.isValidProp, config = __rest(_a, [\"children\", \"isValidProp\"]);\n isValidProp && loadExternalIsValidProp(isValidProp);\n /**\n * Inherit props from any parent MotionConfig components\n */\n config = __assign(__assign({}, useContext(MotionConfigContext)), config);\n /**\n * Don't allow isStatic to change between renders as it affects how many hooks\n * motion components fire.\n */\n config.isStatic = useConstant(function () { return config.isStatic; });\n /**\n * Creating a new config context object will re-render every `motion` component\n * every time it renders. So we only want to create a new one sparingly.\n */\n var context = useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);\n return (React.createElement(MotionConfigContext.Provider, { value: context }, children));\n}\n\nexport { MotionConfig };\n"],"names":["css","brand","grey","grey40","grey90","headingStyles","fonts","intro","fluid","h1Sizes","h2","h3","h4","h5","h6","paragraphStyles","lato","regular","paragraphLarge","paragraphRegular","paragraphSmall","paragraphExtraSmall","subheading","from","Device","TabletLarge","link","transition","reverseLinkUnderline","blockquote","svgQuote","primary","purple","dark","table","light","global","white","contentStyles","bold","blue","secondary","green","mid","orange","pink","yellow","scrollbars","semiBold","svgChevron","sleep","ms","Promise","resolve","setTimeout","clamp","value","max","Math","min","highlightTitleWords","title","replaceAll","withMotion","WrappedComponent","displayName","name","ComponentWithMotion","props","React","LazyMotion","features","domAnimation","strict","CommonButtonTextStyles","Text","styled","span","withConfig","componentId","srOnly","IconWrapper","div","InterfaceIcon","ArrowRight","Close","IconHoverStyles","DefaultButtonStyles","ButtonReset","black","until","SecondaryButtonStyles","BrandColours","OrangeMid","OrangeDark","GreenDark","PinkDark","BackgroundVariant","Blue","Purple","PurpleDark","lightest","BlueLight","GreenLight","OrangeLight","PinkLight","TertiaryButtonStyles","rgba","Grey","Container","button","Button","_ref","ref","_getSvgIcon","buttonType","children","fillDirection","icon","iconOnly","iconPosition","otherProps","FocusRing","focusRingClass","S","None","getSvgIcon","FakeButton","_ref2","_getSvgIcon2","as","LinkButton","_ref3","_getSvgIcon3","AccordionContext","activeId","onClick","noop","AccordionProvider","_props$initialId","setActiveId","initialId","Provider","id","Item","m","ItemHeader","ItemTitle","ItemIcon","ItemBody","Object","assign","MotionConfig","duration","ease","FocusScope","isFirstMount","useFirstMountState","accordion","fm","useFocusManager","isActive","headerId","bodyId","el","document","getElementById","scrollIntoView","behavior","block","initial","animate","onKeyDown","event","key","preventDefault","stopPropagation","focusNext","focusPrevious","focusFirst","focusLast","type","variants","closed","rotate","opened","Chevron","role","tabIndex","height","transitionEnd","visibility","SectionWrapper","SectionWrapperStyles","Inner","baseGrid","gridColumns","Desktop","Heading","TabsLabel","p","Tabs","ButtonStyles","DesktopLarge","AccordionWrapper","FaqContent","Answer","ButtonWrapper","_props$translations$w","_props$translations","active","setActive","tabRef","categories","length","anchorId","translations","heading","map","category","i","current","onFocus","undefined","_tabRef$current$nextI","_tabRef$current$prevI","_tabRef$current$","_tabRef$current","nextIndex","prevIndex","focus","Accordion","faqs","faq","question","dangerouslySetInnerHTML","__html","answer","ctas","cta","href","url","target","text","isFirst","useRef","_a","isValidProp","config","useContext","isStatic","context","useMemo","JSON","stringify","transformPagePoint","reducedMotion"],"sourceRoot":""}