{"version":3,"file":"2644-ae59e56414c6469b4726.js","mappings":"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","sources":["webpack://brc/./src/stories/Components/Cards/UspCard/UspCard.styles.ts","webpack://brc/./src/stories/Components/CategoryTags/CategoryTags.styles.ts","webpack://brc/./src/stories/Components/CategoryTags/CategoryTags.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel.styles.ts","webpack://brc/./src/stories/Widgets/ContentPageHero/ContentPageHero.styles.ts","webpack://brc/./src/stories/Widgets/ContentPageHero/ContentPageHero.tsx","webpack://brc/./src/stories/Widgets/CtaCards/CtaCards.styles.ts","webpack://brc/./src/stories/Widgets/Usp/Usp.styles.ts"],"sourcesContent":["import { imageWrapperPreserveRatio } from '@helpers/aspectRatio';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, until } from '@helpers/media';\r\nimport { contentStyles, h5 } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Buttons/Button/Button.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n min-height: 100px;\r\n overflow: hidden;\r\n padding: 0;\r\n color: var(--widgetFgColour);\r\n\r\n &[data-alignment='center'] {\r\n text-align: center;\r\n }\r\n\r\n ${ButtonStyles.Container} {\r\n --buttonHeight: ${fluid(44, 48)};\r\n position: relative;\r\n align-self: flex-start;\r\n }\r\n`;\r\nconst Grid = styled.div `\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n\r\n [data-is-numbered='true'] & {\r\n @media ${until(Device.Tablet)} {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n }\r\n`;\r\nconst ImageContainer = styled.div `\r\n ${imageWrapperPreserveRatio(1, 1)};\r\n\r\n width: ${fluid(56, 88)};\r\n height: ${fluid(56, 88)};\r\n margin-bottom: 16px;\r\n\r\n &:has(${() => Number}) {\r\n display: grid;\r\n place-content: center;\r\n }\r\n\r\n [data-small-icon='true'] & {\r\n @media ${until(Device.Tablet)} {\r\n width: 44px;\r\n height: 44px;\r\n }\r\n }\r\n\r\n [data-alignment='center'] & {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n`;\r\nconst Image = styled.img `\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n object-position: center;\r\n`;\r\nconst Number = styled.span `\r\n ${fonts.intro};\r\n width: ${fluid(64, 88)};\r\n height: ${fluid(64, 88)};\r\n background-color: var(--widgetFgColour);\r\n color: var(--widgetNumberColour);\r\n font-size: ${fluid(32, 50)};\r\n line-height: ${fluid(64, 88)};\r\n border-radius: 50%;\r\n display: grid;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n\r\n @media ${until(Device.Tablet)} {\r\n flex: 0 0 ${fluid(64, 88)};\r\n }\r\n`;\r\nconst ContentArea = styled.div `\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n`;\r\nconst Heading = styled.h3 `\r\n ${h5}\r\n ${fonts.lato.semiBold};\r\n\r\n margin-bottom: ${fluid(8, 12)};\r\n`;\r\nconst CtaArea = styled.div `\r\n margin-top: auto;\r\n\r\n [data-alignment='center'] & {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n`;\r\nconst Content = styled.div `\r\n ${contentStyles};\r\n\r\n a {\r\n color: var(--widgetFgColour);\r\n }\r\n\r\n li,\r\n p {\r\n font-size: ${fluid(14, 16)};\r\n line-height: ${fluid(22, 24)};\r\n\r\n a {\r\n color: var(--widgetFgColour);\r\n }\r\n }\r\n\r\n ${ContentArea}:has(${CtaArea}) & {\r\n margin-bottom: 16px;\r\n }\r\n`;\r\nconst UspCardStyles = {\r\n Container,\r\n Content,\r\n ContentArea,\r\n CtaArea,\r\n Grid,\r\n Heading,\r\n ImageContainer,\r\n Image,\r\n Number,\r\n};\r\nexport default UspCardStyles;\r\n","import brand, { BrandColours } from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n`;\r\nconst Tag = styled.div `\r\n display: flex;\r\n\r\n &[data-theme=${BrandColours.BlueDark}] {\r\n --tagColour: ${brand.primary.blue.dark};\r\n --textColour: ${brand.global.white};\r\n }\r\n\r\n &[data-theme=${BrandColours.BlueLight}] {\r\n --tagColour: ${brand.primary.blue.light};\r\n --textColour: ${brand.primary.blue.dark};\r\n }\r\n\r\n &[data-theme=${BrandColours.PurpleDark}] {\r\n --tagColour: ${brand.primary.purple.dark};\r\n --textColour: ${brand.global.white};\r\n }\r\n\r\n &[data-theme=${BrandColours.PurpleLight}] {\r\n --tagColour: ${brand.primary.purple.light};\r\n --textColour: ${brand.global.white};\r\n }\r\n\r\n &[data-theme=${BrandColours.OrangeMid}] {\r\n --tagColour: ${brand.secondary.orange.mid};\r\n --textColour: ${brand.global.white};\r\n }\r\n\r\n &[data-theme=${BrandColours.GreyPrimary}] {\r\n --tagColour: ${brand.primary.grey};\r\n --textColour: ${brand.primary.purple.dark};\r\n }\r\n\r\n [data-is-featured='true'][data-has-image='false'] & {\r\n &[data-theme=${BrandColours.PurpleDark}] {\r\n --tagColour: transparent;\r\n border: 1px solid ${brand.global.white};\r\n }\r\n\r\n &[data-theme=${BrandColours.PurpleLight}] {\r\n --tagColour: transparent;\r\n border: 1px solid ${brand.global.white};\r\n }\r\n }\r\n\r\n background-color: var(--tagColour);\r\n color: var(--textColour);\r\n\r\n padding: ${fluid(6, 6)} ${fluid(10, 14)};\r\n border-radius: 300000000px;\r\n`;\r\nconst TagInner = styled.div `\r\n display: flex;\r\n gap: 4px;\r\n align-items: center;\r\n`;\r\nconst TagIcon = styled.div `\r\n flex: 1 0 20px;\r\n height: 20px;\r\n width: 20px;\r\n`;\r\nconst TagText = styled.span `\r\n ${fonts.lato.bold};\r\n\r\n display: block;\r\n font-size: ${fluid(12, 14)};\r\n line-height: ${fluid(14, 20)};\r\n text-transform: uppercase;\r\n flex: 1 0 auto;\r\n`;\r\nconst CategoryTagsStyles = {\r\n Container,\r\n Tag,\r\n TagIcon,\r\n TagInner,\r\n TagText,\r\n};\r\nexport default CategoryTagsStyles;\r\n","import * as React from 'react';\r\nimport S from './CategoryTags.styles';\r\nimport { getSvgIcon } from '@helpers/icons';\r\nconst CategoryTags = (props) => {\r\n if (!props.tags || props.tags.length === 0) {\r\n return null;\r\n }\r\n return React.createElement(S.Container, null, props.tags?.map((tag) => (React.createElement(S.Tag, { key: `${props.id}-${tag.id}`, \"data-theme\": tag.theme },\r\n React.createElement(S.TagInner, null,\r\n tag.icon && React.createElement(S.TagIcon, null, getSvgIcon(tag.icon)),\r\n React.createElement(S.TagText, null, tag.text))))));\r\n};\r\nexport default CategoryTags;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport MotionTrack from '@stories/Components/Misc/Carousels/Carousel/MotionTrack/MotionTrack';\r\nimport PaginationStyles from '@stories/Components/Misc/Carousels/Carousel/Pagination/Pagination.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n --bgColour: transparent;\r\n --fgColour: ${brand.global.black};\r\n\r\n background-color: var(--bgColour);\r\n color: var(--fgColour);\r\n overflow: hidden;\r\n\r\n @media ${from(Device.Desktop)} {\r\n ${SectionWrapperStyles.Inner} {\r\n display: grid;\r\n\r\n &:has(${PaginationStyles.Container}) {\r\n grid-template-columns: 1fr min-content;\r\n column-gap: ${fluid(50, 80)};\r\n }\r\n }\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Container} {\r\n margin-bottom: ${fluid(32, 58)};\r\n }\r\n\r\n ${PaginationStyles.Container} {\r\n margin: 32px 0 0;\r\n\r\n @media ${from(Device.Desktop)} {\r\n margin: 0 0 ${fluid(32, 58)};\r\n grid-row: 1;\r\n grid-column: 2 / span 1;\r\n }\r\n }\r\n`;\r\nconst CarouselWrapper = styled.div `\r\n --itemPeek: 16px;\r\n --itemGutter: var(--gutterWidth);\r\n --visibleItems: 1;\r\n\r\n margin: 0 calc(var(--itemGutter) * -0.5);\r\n\r\n @media ${from(Device.TabletSmall)} {\r\n --visibleItems: 2;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n --visibleItems: 3;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n --itemPeek: 0px;\r\n --visibleItems: 4;\r\n\r\n grid-row: 2;\r\n\r\n ${Container}:has(${PaginationStyles.Container}) & {\r\n grid-column: 1 / span 2;\r\n }\r\n }\r\n`;\r\nconst Track = styled(MotionTrack) ``;\r\nconst Item = styled.li `\r\n display: flex;\r\n flex: 0 0 calc(100% / var(--visibleItems) - (var(--itemPeek, 0px) / var(--visibleItems)));\r\n padding: 0 calc(var(--itemGutter) / 2);\r\n\r\n &[data-is-featured='true'] {\r\n @media ${from(Device.TabletLarge)} {\r\n flex: 0 0 calc(200% / var(--visibleItems) - (var(--itemPeek, 0px) / var(--visibleItems)));\r\n }\r\n }\r\n`;\r\nconst GenericContentCarouselStyles = {\r\n CarouselWrapper,\r\n Container,\r\n Item,\r\n Track,\r\n};\r\nexport default GenericContentCarouselStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport { imageCoverContainer, imageWrapperPreserveRatio } from '@helpers/aspectRatio';\r\nimport brand, { BrandColours } from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport ButtonStyles from '@stories/Components/Buttons/Button/Button.styles';\r\nimport CategoryTagsStyles from '@stories/Components/CategoryTags/CategoryTags.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport { rgba } from 'polished';\r\nimport styled, { createGlobalStyle, css } from 'styled-components';\r\nimport CtaCardsStyles from '../CtaCards/CtaCards.styles';\r\nimport UspStyles from '../Usp/Usp.styles';\r\n// Add scrolling background shapes to the Rich Text containers\r\nconst GlobalStyles = createGlobalStyle `\r\n :root {\r\n @media ${from(Device.DesktopSmall)} {\r\n main::before,\r\n main::after {\r\n content: '';\r\n position: fixed;\r\n width: 25%;\r\n aspect-ratio: 1;\r\n border-radius: 90px;\r\n background-color: ${rgba(brand.primary.blue.light, 0.15)};\r\n }\r\n\r\n main::before {\r\n bottom: 0;\r\n left: 0;\r\n transform: rotate(20deg) translate(-33%, 50%);\r\n }\r\n\r\n main::after {\r\n top: 0;\r\n right: 0;\r\n transform: rotate(20deg) translate(33%, -33%);\r\n }\r\n\r\n // ensure all solid widgets sit above the background shapes\r\n ${SectionWrapperStyles.Container},\r\n ${UspStyles.Outer}, ${CtaCardsStyles.Outer} {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n }\r\n`;\r\nexport const colourDefinitions = css `\r\n /* Primary Colours */\r\n &[data-primary=${BrandColours.BlueDark}] {\r\n --primary: ${brand.primary.blue.dark};\r\n }\r\n\r\n &[data-primary=${BrandColours.BlueLight}] {\r\n --primary: ${brand.primary.blue.light};\r\n }\r\n\r\n &[data-primary=${BrandColours.GreenDark}] {\r\n --primary: ${brand.secondary.green.dark};\r\n }\r\n\r\n &[data-primary=${BrandColours.GreenLight}] {\r\n --primary: ${brand.secondary.green.light};\r\n }\r\n\r\n &[data-primary=${BrandColours.GreyPrimary}] {\r\n --primary: ${brand.primary.grey};\r\n }\r\n\r\n &[data-primary=${BrandColours.OrangeDark}] {\r\n --primary: ${brand.secondary.orange.dark};\r\n }\r\n\r\n &[data-primary=${BrandColours.OrangeLight}] {\r\n --primary: ${brand.secondary.orange.light};\r\n }\r\n\r\n &[data-primary=${BrandColours.PinkDark}] {\r\n --primary: ${brand.secondary.pink.dark};\r\n }\r\n\r\n &[data-primary=${BrandColours.PinkLight}] {\r\n --primary: ${brand.secondary.pink.light};\r\n }\r\n\r\n &[data-primary=${BrandColours.PurpleDark}] {\r\n --primary: ${brand.primary.purple.dark};\r\n }\r\n\r\n &[data-primary=${BrandColours.PurpleLight}] {\r\n --primary: ${brand.primary.purple.light};\r\n }\r\n\r\n &[data-primary=${BrandColours.White}] {\r\n --primary: ${brand.global.white};\r\n }\r\n\r\n /* Secondary Colours */\r\n &[data-secondary=${BrandColours.BlueDark}] {\r\n --secondary: ${brand.primary.blue.dark};\r\n }\r\n\r\n &[data-secondary=${BrandColours.BlueLight}] {\r\n --secondary: ${brand.primary.blue.light};\r\n }\r\n\r\n &[data-secondary=${BrandColours.GreenDark}] {\r\n --secondary: ${brand.secondary.green.dark};\r\n }\r\n\r\n &[data-secondary=${BrandColours.GreenLight}] {\r\n --secondary: ${brand.secondary.green.light};\r\n }\r\n\r\n &[data-secondary=${BrandColours.GreyPrimary}] {\r\n --secondary: ${brand.primary.grey};\r\n }\r\n\r\n &[data-secondary=${BrandColours.OrangeDark}] {\r\n --secondary: ${brand.secondary.orange.dark};\r\n }\r\n\r\n &[data-secondary=${BrandColours.OrangeLight}] {\r\n --secondary: ${brand.secondary.orange.light};\r\n }\r\n\r\n &[data-secondary=${BrandColours.PinkDark}] {\r\n --secondary: ${brand.secondary.pink.dark};\r\n }\r\n\r\n &[data-secondary=${BrandColours.PinkLight}] {\r\n --secondary: ${brand.secondary.pink.light};\r\n }\r\n\r\n &[data-secondary=${BrandColours.PurpleDark}] {\r\n --secondary: ${brand.primary.purple.dark};\r\n }\r\n\r\n &[data-secondary=${BrandColours.PurpleLight}] {\r\n --secondary: ${brand.primary.purple.light};\r\n }\r\n\r\n &[data-secondary=${BrandColours.White}] {\r\n --secondary: ${brand.global.white};\r\n }\r\n`;\r\nconst Container = styled(SectionWrapper) `\r\n ${colourDefinitions};\r\n\r\n --primary: ${brand.primary.purple.light};\r\n --secondary: ${brand.global.white};\r\n\r\n --sectionBackground: transparent;\r\n --sectionColour: ${brand.global.white};\r\n --paddingY: ${fluid(40, 68)};\r\n --rowGap: ${fluid(24, 48)};\r\n\r\n --customBaseMargin: calc(200px + var(--paddingY));\r\n\r\n margin-bottom: var(--customBaseMargin);\r\n\r\n position: relative;\r\n z-index: 1; // sit above the background shapes\r\n\r\n @media print {\r\n margin: 0;\r\n }\r\n\r\n &[data-layout='event'] {\r\n @media ${from(Device.TabletLarge)} {\r\n --customBaseMargin: calc(387px + var(--paddingY));\r\n }\r\n }\r\n\r\n @media ${until(Device.TabletLarge)} {\r\n --customBaseMargin: calc(72px + var(--paddingY));\r\n }\r\n\r\n &[data-secondary=${BrandColours.White}],\r\n &[data-secondary=${BrandColours.GreyPrimary}] {\r\n --sectionColour: ${brand.primary.blue.dark};\r\n }\r\n\r\n &[data-has-image='false'],\r\n &[data-image-position='aside'] {\r\n --customBaseMargin: var(--rowGap);\r\n }\r\n\r\n &[data-has-image='false'][data-secondary=${BrandColours.White}] {\r\n @media ${until(Device.TabletLarge)} {\r\n padding-bottom: 160px;\r\n }\r\n }\r\n\r\n ${SectionWrapperStyles.Inner} {\r\n display: grid;\r\n gap: var(--rowGap);\r\n padding-top: var(--paddingY);\r\n padding-bottom: var(--paddingY);\r\n\r\n @media print {\r\n padding: 0;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n min-height: 513px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n }\r\n\r\n &[data-image-position='aside'] ${SectionWrapperStyles.Inner} {\r\n @media ${from(Device.TabletLarge)} {\r\n flex-direction: row;\r\n place-items: flex-start;\r\n min-height: ${fluid(360, 513, Device.TabletLarge, Device.ActualDesktop)};\r\n\r\n ${() => ImageWrapper} {\r\n max-width: 56%;\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Container} {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n &[data-animate='false'] {\r\n &::before {\r\n opacity: 0;\r\n }\r\n\r\n ${CategoryTagsStyles.Container} {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n\r\n @media print {\r\n opacity: 1 !important;\r\n transform: translateY(0px) !important;\r\n }\r\n }\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Container} {\r\n transition-delay: 0.25s;\r\n\r\n @media ${until(Device.TabletLarge)} {\r\n grid-row: 1 / span 1;\r\n grid-column: 1 / span 1;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n width: 50%;\r\n max-width: 840px;\r\n }\r\n\r\n ${ButtonStyles.Container} {\r\n --colourTextHover: var(--primary) !important;\r\n }\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Container}[data-animate='false'] {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n\r\n @media print {\r\n opacity: 1 !important;\r\n transform: translateY(0px) !important;\r\n }\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Content},\r\n ${HeadingSummaryBlockStyles.Heading},\r\n ${HeadingSummaryBlockStyles.Subheading} {\r\n color: var(--sectionColour);\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Content} {\r\n p {\r\n font-size: ${fluid(14, 18)};\r\n line-height: ${fluid(22, 30)};\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n max-width: 695px;\r\n }\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.ButtonWrapper} {\r\n gap: ${fluid(12, 16)};\r\n margin-top: 14px;\r\n }\r\n\r\n @media print {\r\n color: ${brand.global.black};\r\n --sectionColour: ${brand.global.black};\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.DetailContent} {\r\n transition-delay: 0.35s;\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Container},\r\n ${CategoryTagsStyles.Container} {\r\n ${transition('transform, opacity', 0.5)};\r\n }\r\n\r\n ${CategoryTagsStyles.Container} {\r\n margin-bottom: ${fluid(12, 16)};\r\n }\r\n\r\n &[data-secondary=${BrandColours.BlueLight}] ${CategoryTagsStyles.Tag}[data-theme=${BrandColours.BlueLight}] {\r\n --tagColour: ${brand.primary.blue.dark};\r\n --textColour: ${brand.global.white};\r\n }\r\n`;\r\nconst BannerContent = styled.div ``;\r\nconst AuthorList = styled.div `\r\n ${transition('transform, opacity', 0.5)};\r\n transition-delay: 0.5s;\r\n display: flex;\r\n gap: ${fluid(16, 40)};\r\n margin-top: ${fluid(16, 26)};\r\n\r\n [data-animate='false'] & {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n @media ${until(Device.TabletLarge)} {\r\n flex-direction: column;\r\n }\r\n`;\r\nconst AuthorImage = styled.img `\r\n width: ${fluid(48, 68)};\r\n height: ${fluid(48, 68)};\r\n border-radius: 50%;\r\n border: 1px solid ${brand.global.white};\r\n\r\n [data-secondary=${BrandColours.White}] & {\r\n border-color: ${brand.primary.blue.dark};\r\n }\r\n`;\r\nconst AuthorItem = styled.div `\r\n display: grid;\r\n gap: ${fluid(8, 15)};\r\n align-items: center;\r\n\r\n &:has(${AuthorImage}) {\r\n grid-template-columns: ${fluid(48, 68)} auto;\r\n }\r\n`;\r\nconst AuthorContent = styled.div `\r\n ${fonts.lato.semiBold};\r\n font-size: ${fluid(15, 16)};\r\n line-height: ${fluid(23, 26)};\r\n display: flex;\r\n flex-direction: column;\r\n`;\r\nconst AuthorName = styled.span ``;\r\nconst AuthorRole = styled.span ``;\r\nconst ImageWrapper = styled.div `\r\n ${imageWrapperPreserveRatio(344, 200)};\r\n margin-bottom: calc(var(--customBaseMargin) * -1);\r\n border-radius: ${fluid(10, 20)};\r\n\r\n @media ${until(Device.TabletLarge)} {\r\n grid-row: 2 / span 1;\r\n grid-column: 1 / span 1;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n aspect-ratio: 1742 / 647;\r\n }\r\n\r\n @media print {\r\n width: 60%;\r\n margin: 0 auto;\r\n }\r\n`;\r\nconst Image = styled.img `\r\n ${transition('opacity', 0.5)};\r\n ${imageCoverContainer()};\r\n\r\n transition-delay: 0.15s;\r\n\r\n ${Container}[data-animate='false'] & {\r\n opacity: 0;\r\n }\r\n`;\r\nconst BackGroundHolder = styled.div `\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n`;\r\nconst PrimaryBackground = styled.div `\r\n ${transition('transform', 0.5)};\r\n\r\n --yAdjust: ${fluid(64, 146, Device.MobileLarge, Device.TabletLarge)};\r\n\r\n grid-row: 2 / span 1;\r\n grid-column: 1 / span 1;\r\n position: absolute;\r\n top: 90%;\r\n left: -10%;\r\n z-index: -1;\r\n background-color: var(--primary);\r\n width: 150%;\r\n height: 150%;\r\n border-radius: 50px;\r\n transform: rotate(-15deg);\r\n transform-origin: top left;\r\n margin: 0;\r\n\r\n ${Container}[data-primary=${BrandColours.BlueDark}] & {\r\n --primary: ${brand.primary.blue.dark};\r\n }\r\n\r\n ${Container}[data-animate='false'] & {\r\n transform: rotate(0) !important;\r\n }\r\n\r\n @media ${until(Device.TabletLarge)} {\r\n ${Container}[data-has-image='false'] & {\r\n top: calc(100% - 160px);\r\n right: auto;\r\n left: 100%;\r\n bottom: auto;\r\n transform: rotate(-15deg);\r\n transform-origin: bottom left;\r\n transition-duration: 650ms;\r\n margin: 0;\r\n border-radius: 93px;\r\n }\r\n\r\n ${Container}[data-has-image='false'][data-secondary=${BrandColours.White}] & {\r\n top: calc(100% - 160px);\r\n right: 0;\r\n left: auto;\r\n bottom: auto;\r\n transform: rotate(-9deg);\r\n transform-origin: top right;\r\n transition-duration: 650ms;\r\n margin: 0;\r\n border-radius: 93px;\r\n }\r\n }\r\n\r\n @media ${until(Device.Tablet)} {\r\n ${Container}[data-has-image='false'][data-secondary=${BrandColours.White}] & {\r\n top: calc(100% - 160px);\r\n right: 8%;\r\n left: auto;\r\n bottom: auto;\r\n transform: rotate(-15deg);\r\n transform-origin: top right;\r\n transition-duration: 650ms;\r\n margin: 0;\r\n border-radius: 93px;\r\n }\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n position: absolute;\r\n top: 0;\r\n right: -20%;\r\n left: auto;\r\n bottom: auto;\r\n border-radius: 0 0 66px 66px;\r\n transform: rotate(24deg);\r\n transform-origin: bottom right;\r\n width: ${fluid(800, 1200)};\r\n height: ${fluid(600, 800)};\r\n transition-duration: 650ms;\r\n margin: 0;\r\n }\r\n`;\r\nconst SecondaryBackground = styled.div `\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: -2;\r\n background-color: var(--secondary);\r\n`;\r\nconst ContentPageHeroStyles = {\r\n AuthorContent,\r\n AuthorImage,\r\n AuthorItem,\r\n AuthorList,\r\n AuthorName,\r\n AuthorRole,\r\n BackGroundHolder,\r\n BannerContent,\r\n Container,\r\n Image,\r\n ImageWrapper,\r\n PrimaryBackground,\r\n SecondaryBackground,\r\n GlobalStyles,\r\n};\r\nexport default ContentPageHeroStyles;\r\n","import { BrandColours } from '@helpers/brand';\r\nimport { getSrcs, imageUrl } from '@helpers/image';\r\nimport { Device, until } from '@helpers/media';\r\nimport CategoryTags from '@stories/Components/CategoryTags/CategoryTags';\r\nimport HeadingSummaryBlock from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock';\r\nimport { BackgroundVariant } from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport * as React from 'react';\r\nimport S from './ContentPageHero.styles';\r\nconst ContentPageHero = (props) => {\r\n const [animate, setAnimate] = React.useState(false);\r\n const srcs = props.image ? getSrcs(props.image, 3424, 344, 14, 1742 / 647) : undefined;\r\n const sizes = `${until(Device.DesktopLarge)} 100vw, 1712px`;\r\n React.useEffect(() => {\r\n setAnimate(true);\r\n }, []);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(S.GlobalStyles, null),\r\n React.createElement(S.Container, { id: props.anchorId, flush: \"top\", \"data-animate\": animate, \"data-layout\": props.variant, \"data-primary\": props.colours?.primary, \"data-secondary\": props.colours?.secondary, \"data-has-image\": !!props.image, \"data-image-position\": props.imagePosition, translations: props.translations },\r\n React.createElement(S.BackGroundHolder, null,\r\n React.createElement(S.PrimaryBackground, null),\r\n React.createElement(S.SecondaryBackground, null)),\r\n React.createElement(S.BannerContent, null,\r\n React.createElement(CategoryTags, { id: `content-pg-hero`, tags: props.categoryTags }),\r\n React.createElement(HeadingSummaryBlock, { ...props, summary: props.summary ? `
${props.summary}
` : undefined, layout: 'default', ctas: props.ctas?.map((cta) => ({\r\n ...cta,\r\n buttonType: cta.buttonType ? cta.buttonType : 'secondary',\r\n })), ctaWrapperVariant: props.colours?.secondary !== BrandColours.White\r\n ? BackgroundVariant.Purple\r\n : BackgroundVariant.White, headingType: 'h1' }),\r\n props.variant === 'article' && props.authors && props.authors.length > 0 && (React.createElement(S.AuthorList, null, props.authors?.map((author, index) => (React.createElement(S.AuthorItem, { key: index },\r\n author.image && (React.createElement(S.AuthorImage, { src: imageUrl(author.image, { width: 200, widthratio: 1 / 1 }), alt: author.image.altText, loading: \"eager\", decoding: \"sync\" // Ensure Safari loads the image correctly, and first\r\n })),\r\n React.createElement(S.AuthorContent, null,\r\n React.createElement(S.AuthorName, null, author.name),\r\n React.createElement(S.AuthorRole, null, author.role)))))))),\r\n srcs && (React.createElement(S.ImageWrapper, null,\r\n React.createElement(S.Image, { src: srcs.src, srcSet: srcs.srcSet, alt: props.image?.altText, sizes: sizes, loading: \"eager\", decoding: \"sync\" // Ensure Safari loads the image correctly, and first\r\n }))))));\r\n};\r\nexport default ContentPageHero;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport ControlsStyles from '@stories/Components/Misc/Carousels/Carousel/Controls/Controls.styles';\r\nimport FullWidthCarouselStyles from '@stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper, { BackgroundVariant, } from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Outer = styled.div `\r\n scroll-margin: var(--headerHeight, 0px) 0 0;\r\n overflow: hidden;\r\n\r\n &[data-variant=${BackgroundVariant.Blue}] {\r\n ${FullWidthCarouselStyles.Container} {\r\n --bgColour: ${brand.primary.blue.dark};\r\n --fgColour: ${brand.global.white};\r\n }\r\n\r\n ${ControlsStyles.Button} {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &[data-variant=${BackgroundVariant.White}] {\r\n ${FullWidthCarouselStyles.Container} {\r\n --bgColour: transparent;\r\n --fgColour: ${brand.primary.blue.dark};\r\n }\r\n }\r\n\r\n &[data-variant=${BackgroundVariant.AccountBlue}] {\r\n ${FullWidthCarouselStyles.Container} {\r\n --bgColour: ${rgba(brand.primary.blue.light, 0.2)};\r\n --fgColour: ${brand.global.black};\r\n }\r\n }\r\n\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n @media ${from(Device.Desktop)} {\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n &[data-visible-columns='two'] {\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n @media ${from(Device.TabletLarge)} {\r\n --visibleItems: 2;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n --visibleItems: 2;\r\n }\r\n }\r\n }\r\n\r\n &[data-visible-columns='three'] {\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n @media ${from(Device.TabletLarge)} {\r\n --visibleItems: 3;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n --visibleItems: 3;\r\n }\r\n }\r\n }\r\n\r\n &[data-visible-columns='four'] {\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n @media ${from(Device.TabletLarge)} {\r\n --visibleItems: 3;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n --visibleItems: 4;\r\n }\r\n }\r\n }\r\n`;\r\nconst Container = styled(SectionWrapper) `\r\n overflow: hidden;\r\n\r\n [data-variant=${BackgroundVariant.Blue}] & {\r\n --sectionBackground: ${brand.primary.blue.dark};\r\n --sectionColour: ${brand.global.white};\r\n }\r\n\r\n background-color: var(--sectionBackground);\r\n color: var(--sectionColour);\r\n\r\n ${HeadingSummaryBlockStyles.Container} {\r\n margin-bottom: ${fluid(16, 58)};\r\n }\r\n`;\r\nconst Grid = styled.div `\r\n display: grid;\r\n gap: ${fluid(24, 32)};\r\n grid-template-columns: 1fr;\r\n\r\n @media ${from(Device.TabletSmall)} {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n [data-visible-columns='two'] & {\r\n @media ${from(Device.TabletLarge)} {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n [data-visible-columns='three'] & {\r\n @media ${from(Device.TabletLarge)} {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n [data-visible-columns='four'] & {\r\n @media ${from(Device.TabletLarge)} {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n`;\r\nconst CtaCardsStyles = {\r\n Container,\r\n Grid,\r\n Outer,\r\n};\r\nexport default CtaCardsStyles;\r\n","import brand, { BrandColours } from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport UspCardStyles from '@stories/Components/Cards/UspCard/UspCard.styles';\r\nimport ControlsStyles from '@stories/Components/Misc/Carousels/Carousel/Controls/Controls.styles';\r\nimport MotionTrackStyles from '@stories/Components/Misc/Carousels/Carousel/MotionTrack/MotionTrack.styles';\r\nimport FullWidthCarouselStyles from '@stories/Components/Misc/Carousels/FullWidthCarousel/FullWidthCarousel.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport styled from 'styled-components';\r\nconst Outer = styled.div `\r\n scroll-margin: var(--headerHeight, 0px) 0 0;\r\n overflow: hidden;\r\n --fgColour: ${brand.primary.blue.dark};\r\n --widgetBgColour: transparent;\r\n --widgetNumberColour: ${brand.global.white};\r\n\r\n background-color: var(--widgetBgColour);\r\n\r\n &[data-variant=${BrandColours.BlueDark}],\r\n &[data-variant=${BrandColours.PurpleLight}],\r\n &[data-variant=${BrandColours.PurpleDark}] {\r\n --fgColour: ${brand.global.white};\r\n --widgetNumberColour: var(--widgetBgColour);\r\n }\r\n\r\n &[data-variant=${BrandColours.BlueDark}] {\r\n --widgetFgColour: ${brand.global.white};\r\n --widgetBgColour: ${brand.primary.blue.dark};\r\n\r\n ${ControlsStyles.Button} {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &[data-variant=${BrandColours.PurpleLight}] {\r\n --widgetFgColour: ${brand.global.white};\r\n --widgetBgColour: ${brand.primary.purple.light};\r\n\r\n ${ControlsStyles.Button} {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &[data-variant=${BrandColours.PurpleDark}] {\r\n --widgetFgColour: ${brand.global.white};\r\n --widgetBgColour: ${brand.primary.purple.dark};\r\n\r\n ${ControlsStyles.Button} {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &[data-variant=${BrandColours.White}] {\r\n --widgetFgColour: ${brand.primary.blue.dark};\r\n --widgetBgColour: transparent;\r\n }\r\n\r\n ${HeadingSummaryBlockStyles.Container} {\r\n margin-bottom: ${fluid(40, 76)};\r\n color: var(--fgColour);\r\n }\r\n\r\n ${FullWidthCarouselStyles.Container} {\r\n --bgColour: var(--widgetBgColour);\r\n --fgColour: var(--widgetFgColour);\r\n\r\n ${SectionWrapperStyles.Inner} {\r\n padding-bottom: ${fluid(32, 48)};\r\n }\r\n }\r\n\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n @media ${from(Device.Desktop)} {\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n --visibleItems: 1;\r\n\r\n @media ${from(Device.Tablet)} {\r\n --visibleItems: 2;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n --visibleItems: 3;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n --visibleItems: 4;\r\n }\r\n }\r\n\r\n &[data-column-layout='5'] {\r\n ${FullWidthCarouselStyles.CarouselWrapper} {\r\n @media ${from(Device.Desktop)} {\r\n --visibleItems: 5;\r\n }\r\n }\r\n }\r\n\r\n &[data-is-grid='false'] {\r\n padding-bottom: ${fluid(36, 80)};\r\n ${SectionWrapperStyles.Inner} {\r\n padding-bottom: 0;\r\n }\r\n }\r\n\r\n @media print {\r\n page-break-before: auto;\r\n page-break-after: auto;\r\n page-break-inside: avoid;\r\n\r\n ${MotionTrackStyles.Track} {\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n }\r\n\r\n ${FullWidthCarouselStyles.Item} {\r\n flex: 1 0 40%;\r\n border: 1px solid ${brand.global.black};\r\n border-radius: 10px;\r\n padding: 16px;\r\n }\r\n\r\n ${UspCardStyles.ImageContainer} {\r\n display: none;\r\n }\r\n\r\n ${UspCardStyles.ContentArea} {\r\n color: ${brand.global.black};\r\n }\r\n }\r\n`;\r\nconst Container = styled(SectionWrapper) `\r\n overflow: hidden;\r\n\r\n --sectionBackground: transparent;\r\n --sectionColour: var(--widgetFgColour);\r\n\r\n ${HeadingSummaryBlockStyles.Container} {\r\n margin-bottom: ${fluid(16, 58)};\r\n\r\n [data-is-numbered='true'] & {\r\n @media ${until(Device.Tablet)} {\r\n text-align: center;\r\n }\r\n }\r\n }\r\n`;\r\nconst Grid = styled.div `\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: ${fluid(24, 140)} ${fluid(24, 32)};\r\n\r\n --visibleItems: 2;\r\n\r\n [data-is-numbered='true'] & {\r\n @media ${until(Device.Tablet)} {\r\n --visibleItems: 1;\r\n }\r\n }\r\n\r\n @media print {\r\n --visibleItems: 2;\r\n }\r\n\r\n ${UspCardStyles.Container} {\r\n flex: 0 0 calc((100% - (${fluid(24, 32)} * (var(--visibleItems) - 1))) / var(--visibleItems));\r\n }\r\n\r\n @media ${from(Device.Tablet)} {\r\n --visibleItems: 2;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n --visibleItems: 3;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n --visibleItems: 4;\r\n\r\n [data-column-layout='5'] & {\r\n --visibleItems: 5;\r\n }\r\n }\r\n\r\n [data-card-alignment='center'] & {\r\n @media ${from(Device.TabletLarge)} {\r\n justify-content: center;\r\n }\r\n }\r\n`;\r\nconst Base = styled.div `\r\n margin-top: ${fluid(36, 80)};\r\n padding-left: var(--sitePadding);\r\n padding-right: var(--sitePadding);\r\n\r\n @media ${from(Device.Tablet)} {\r\n text-align: center;\r\n }\r\n`;\r\nconst UspStyles = {\r\n Base,\r\n Container,\r\n Grid,\r\n Outer,\r\n};\r\nexport default UspStyles;\r\n"],"names":["Container","styled","div","withConfig","displayName","componentId","ButtonStyles","fluid","Grid","until","Device","Tablet","ImageContainer","imageWrapperPreserveRatio","Number","Image","img","span","fonts","intro","ContentArea","Heading","h3","h5","lato","semiBold","CtaArea","Content","contentStyles","Tag","BrandColours","BlueDark","brand","primary","blue","dark","global","white","BlueLight","light","PurpleDark","purple","PurpleLight","OrangeMid","secondary","orange","mid","GreyPrimary","grey","TagInner","TagIcon","TagText","bold","props","_props$tags","tags","length","React","S","map","tag","key","id","theme","icon","getSvgIcon","text","SectionWrapper","black","from","Desktop","SectionWrapperStyles","Inner","PaginationStyles","HeadingSummaryBlockStyles","CarouselWrapper","TabletSmall","TabletLarge","Track","MotionTrack","Item","li","GlobalStyles","createGlobalStyle","DesktopSmall","rgba","UspStyles","Outer","CtaCardsStyles","colourDefinitions","css","GreenDark","green","GreenLight","OrangeDark","OrangeLight","PinkDark","pink","PinkLight","White","ActualDesktop","ImageWrapper","CategoryTagsStyles","Subheading","ButtonWrapper","DetailContent","transition","BannerContent","AuthorList","AuthorImage","AuthorItem","AuthorContent","AuthorName","AuthorRole","imageCoverContainer","BackGroundHolder","PrimaryBackground","MobileLarge","SecondaryBackground","_props$colours","_props$colours2","_props$ctas","_props$colours3","_props$authors","_props$image","animate","setAnimate","srcs","image","getSrcs","undefined","sizes","DesktopLarge","anchorId","flush","variant","colours","imagePosition","translations","CategoryTags","categoryTags","HeadingSummaryBlock","summary","layout","ctas","cta","buttonType","ctaWrapperVariant","BackgroundVariant","Purple","headingType","authors","author","index","src","imageUrl","width","widthratio","alt","altText","loading","decoding","name","role","srcSet","Blue","FullWidthCarouselStyles","ControlsStyles","Button","AccountBlue","MotionTrackStyles","UspCardStyles","Base"],"sourceRoot":""}