{"version":3,"file":"static/js/7132.66fd6d2a.js","mappings":"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","sources":["components/BlockQuote/BlockQuote.styled.ts","components/CallToAction/CallToActionLoader.tsx","components/FactBox/FactBox.styled.ts","components/Form/Form.styled.ts","components/Hero/Hero.styled.ts","components/Image/ImageLoader.tsx","components/ImageSection/ImageSection.styled.ts","components/Map/MapLoader.tsx","components/TextBlock/TextBlock.styled.ts","components/Video/Video.styled.ts"],"sourcesContent":["import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport { default as NavLink } from \"components/Link\";\nimport {\n    styleLabelM,\n    styleQuoteL,\n    styleQuoteM,\n} from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst linkColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-secondary\",\n    blue: \"--text-on-blue-secondary\",\n    cyan: \"--text-on-cyan-secondary\",\n});\n\nconst hoverColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-link\",\n    blue: \"--text-on-blue-primary-alt\",\n    cyan: \"--text-on-cyan-primary\",\n});\n\nexport const Container = styled.div`\n    border-left: 1px solid var(--icon-decorative-coral);\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem;\n    padding-left: 1.75rem;\n\n    ${MQ.FROM_M} {\n        gap: 1.3125rem;\n        padding-left: 2.1875rem;\n    }\n\n    ${MQ.FROM_XL} {\n        gap: 1.75rem;\n        padding-left: 2.625rem;\n    }\n`;\n\nexport const Quote = styled.div`\n    ${theme(\"size\", {\n        small: css`\n            ${styleQuoteM};\n        `,\n        large: css`\n            ${styleQuoteL};\n        `,\n    })}\n`;\n\nexport const LinkText = styled.div`\n    ${styleLabelM};\n    margin-right: 0.875rem;\n    transition: margin-right 0.2s ease-in-out;\n`;\n\nexport const IconArrow = styled(Icon)`\n    margin-right: 0.875rem;\n    transition: margin-left 0.2s ease-in-out;\n`;\n\nexport const Link = styled(NavLink)`\n    border-bottom: none;\n    color: var(${linkColor});\n    display: block;\n    transition: color 0.2s ease-in-out;\n\n    &:hover {\n        color: var(${hoverColor});\n\n        ${LinkText} {\n            margin-right: 0;\n        }\n\n        ${IconArrow} {\n            margin-left: 0.875rem;\n        }\n    }\n`;\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport CallToActionProps from \"./CallToActionProps\";\n\nconst CallToAction = loadable(\n    (): Promise<DefaultComponent<CallToActionProps>> =>\n        import(/* webpackChunkName: \"CallToAction\" */ \"./CallToAction\"),\n);\nconst CallToActionLoader = (props: CallToActionProps): ReactElement => (\n    <CallToAction {...props} />\n);\nexport default CallToActionLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { default as BaseDocument } from \"components/Document\";\nimport TextBlock from \"components/TextBlock\";\nimport { styleBodyM } from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst backgroundColor = theme(\"theme\", {\n    lightgray: \"--color-white\",\n    blue: \"--color-cyan-o20\",\n    cyan: \"--color-blue-o15\",\n});\n\nexport const Container = styled.div`\n    background: var(${backgroundColor});\n    border-radius: 0.25rem;\n    display: flex;\n    flex-flow: column wrap;\n    margin: 1.75rem 0;\n    padding: 1.75rem;\n\n    ${theme(\"blockInBlock\", {\n        true: css`\n            margin-top: 0;\n        `,\n    })}\n\n    ${MQ.FROM_M} {\n        margin: 2.1875rem 0;\n        ${theme(\"blockInBlock\", {\n            true: css`\n                margin-top: 0;\n            `,\n        })}\n    }\n\n    ${MQ.FROM_XL} {\n        margin: 2.625rem 0;\n        ${theme(\"blockInBlock\", {\n            true: css`\n                margin-top: 0;\n            `,\n        })}\n    }\n`;\n\nexport const Heading = styled.div.attrs<{\n    $hasIcon?: boolean;\n    $iconColor?: string;\n}>(() => ({}))`\n    ${styleBodyM};\n    font-weight: bold;\n    grid-column: col-start 1 / span 4;\n    margin-bottom: 1.75rem;\n    margin-top: 0;\n    ${(props) =>\n        props.$hasIcon &&\n        css`\n            padding-left: 2.625rem;\n            position: relative;\n\n            &::before {\n                background-color: ${props.$iconColor\n                    ? \"var(--color-traffic-\" + props.$iconColor + \")\"\n                    : \"var(--color-traffic-green)\"};\n                border-radius: 50%;\n                content: \"\";\n                display: block;\n                height: 1.3125rem;\n                inset: 3px;\n                position: absolute;\n                width: 1.3125rem;\n            }\n        `}\n`;\n\nexport const StyledTextBlock = styled(TextBlock)`\n    margin-bottom: 1.75rem;\n\n    div {\n        &:first-child :first-child {\n            margin-top: 0;\n        }\n\n        &:last-child :last-child {\n            margin-bottom: 0;\n        }\n    }\n`;\n\nexport const Documents = styled.div`\n    display: flex;\n    flex-flow: column wrap;\n    gap: 0.875rem;\n`;\n\nexport const Document = styled(BaseDocument)`\n    display: block;\n    min-height: 1.75rem;\n    padding-left: 2.1875rem;\n    position: relative;\n\n    span {\n        ${styleBodyM};\n    }\n\n    svg {\n        left: 0;\n        position: absolute;\n        top: 0;\n    }\n\n    ${theme(\"theme\", {\n        blue: css`\n            color: var(--color-cyan-l60);\n\n            span {\n                border-color: var(--color-cyan-l60-o30);\n            }\n\n            &:hover {\n                span {\n                    border-color: var(--color-cyan-l60);\n                }\n            }\n        `,\n    })}\n`;\n","import { FormHelperText } from \"@mui/material\";\nimport { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport {\n    styleBodyL,\n    styleHeadingM,\n    styleHeadingXL,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const StyledForm = styled.form`\n    ${columnGap};\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    margin-top: 2.1875rem;\n    padding-bottom: 4.8125rem;\n    position: relative;\n    width: 100%;\n\n    ${MQ.FROM_M} {\n        margin-top: 3.9375rem;\n    }\n\n    ${MQ.FROM_XL} {\n        margin-top: 5.25rem;\n    }\n    ${theme(\"formGuide\", {\n        true: css`\n            display: grid;\n            grid-column: col-start 1 / span 12;\n            grid-template-columns: repeat(1, [col-start] 1fr);\n            ${MQ.FROM_M} {\n                grid-template-columns: repeat(12, [col-start] 1fr);\n            }\n        `,\n    })}\n`;\n\nexport const FormGuideHeader = styled.div`\n    align-self: flex-start;\n    grid-column: col-start 1 / span 12;\n    margin-bottom: 3.5rem;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 6;\n    }\n`;\n\nexport const FormGuideHeading = styled.h2`\n    ${styleHeadingXL};\n    margin-bottom: 1.75rem;\n    margin-top: 0;\n`;\n\nexport const FormGuideIntroduction = styled.div`\n    ${styleBodyL};\n    margin-top: 0;\n`;\n\nexport const FormElements = styled.div`\n    ${columnGap}\n    display: grid;\n    flex-direction: column;\n    gap: 0.875rem;\n    grid-column: col-start 1 / span 4;\n    grid-template-columns: repeat(2, [col-start] 1fr);\n    width: 100%;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(6, [col-start] 1fr);\n        gap: 1.3125rem;\n    }\n\n    ${MQ.FROM_XL} {\n        gap: 1.75rem;\n    }\n\n    button[type=\"submit\"] {\n        align-self: flex-start;\n    }\n`;\n\nexport const FormMessage = styled(FormHelperText)`\n    grid-column: col-start 1 / span 4;\n\n    && {\n        ${styleBodyL};\n        &.Mui-error {\n            color: var(--color-coral);\n        }\n    }\n`;\n\nexport const SuccessMessage = styled.div`\n    ${styleHeadingM};\n    grid-column: col-start 1 / span 4;\n    margin: 0;\n`;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Button from \"components/Button\";\nimport { Wrapper as ButtonWrapper } from \"components/Button/Button.styled\";\nimport Form from \"components/Form\";\nimport { FormElements } from \"components/Form/Form.styled\";\nimport { styledLink } from \"components/Link/Link.styled\";\nimport Map from \"components/Map\";\nimport TextBlock from \"components/TextBlock\";\nimport { Container as TextBlockContainer } from \"components/TextBlock/TextBlock.styled\";\nimport Video from \"components/Video\";\nimport { VideoContainer } from \"components/Video/Video.styled\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport {\n    styleBodyL,\n    styleBodyLAlt,\n    styleHeadingXXL,\n    styleHeadingXXLAlt,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { headerSizes } from \"style/headerOffsets\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst color = theme(\"theme\", {\n    black: \"--text-on-image-primary\",\n    lightgray: \"--text-on-neutral-primary\",\n    cyan: \"--text-on-cyan-primary\",\n    blue: \"--text-on-blue-primary\",\n});\n\nexport const Container = styled(GridContainer).attrs<{\n    $showArrowdown: boolean;\n}>(() => ({}))`\n    ${columnGap}\n    display: grid;\n    ${(props) =>\n        props.$showArrowdown\n            ? css`\n                  grid-template:\n                      \"heading\" auto\n                      \"introduction\" auto\n                      \"introductionHtml\" auto\n                      \"col\" auto\n                      \"readMore\" 1fr;\n              `\n            : css`\n                  grid-template:\n                      \"heading\" auto\n                      \"introduction\" auto\n                      \"introductionHtml\" auto\n                      \"col\" 1fr;\n              `};\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding-bottom: ${(props) => (props.$showArrowdown ? \"0\" : \"2.625rem\")};\n    padding-top: 7rem;\n    position: relative;\n    ${theme(\"variant\", {\n        map: css`\n            height: min(calc(100vh - 3.125rem), 29.6875rem);\n        `,\n        image: css`\n            height: calc(100vh - 9.375rem);\n            min-height: 50vh;\n        `,\n        full: css`\n            min-height: 100vh;\n        `,\n        video: css`\n            aspect-ratio: 16 / 9;\n            max-height: calc(100vh - 70px);\n        `,\n        edit: css`\n            min-height: 31.25rem;\n        `,\n    })};\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n        padding-bottom: ${(props) => (props.$showArrowdown ? \"0\" : \"3.5rem\")};\n        padding-top: 10.5rem;\n        ${theme(\"variant\", {\n            image: css`\n                height: calc(100vh - 12.5rem);\n            `,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        ${(props) =>\n            props.$showArrowdown\n                ? css`\n                      grid-template:\n                          \"heading col\" auto\n                          \"introduction col\" auto\n                          \"introductionHtml col\" auto\n                          \"readMore readMore\" 1fr;\n                  `\n                : css`\n                      grid-template:\n                          \"heading col\" auto\n                          \"introduction col\" auto\n                          \"introductionHtml col\" 1fr;\n                  `};\n        grid-template-columns: repeat(12, [col-start] 1fr);\n    }\n\n    ${MQ.FROM_XL} {\n        padding-bottom: ${(props) =>\n            props.$showArrowdown ? \"0\" : \"4.8125rem\"};\n        padding-top: 14.4375rem;\n        ${theme(\"variant\", {\n            image: css`\n                height: calc(100vh - 18.75rem);\n            `,\n        })};\n    }\n`;\n\nexport const HeroVideo = styled(Video)`\n    inset: 0;\n    margin-top: ${headerSizes.S};\n    position: absolute;\n    z-index: 1;\n\n    ${MQ.FROM_M} {\n        margin-top: ${headerSizes.M};\n    }\n\n    ${MQ.FROM_XL} {\n        margin-top: ${headerSizes.XL};\n    }\n\n    ${VideoContainer} {\n        bottom: 0;\n        height: 31.25rem;\n        overflow: visible;\n        padding-bottom: 0;\n        position: absolute;\n        top: 0;\n    }\n`;\n\nexport const HeroMap = styled(Map)`\n    inset: 0;\n    margin-top: ${headerSizes.S};\n    position: absolute;\n    z-index: 1;\n\n    ${MQ.FROM_M} {\n        margin-top: ${headerSizes.M};\n    }\n\n    ${MQ.FROM_XL} {\n        margin-top: ${headerSizes.XL};\n    }\n`;\n\nexport const Heading = styled.h1<HeadingProps>`\n    ${(props) =>\n        props.size && props.size === \"XL\"\n            ? css`\n                  ${styleHeadingXXLAlt}\n              `\n            : css`\n                  ${styleHeadingXXL}\n              `};\n    color: var(${color});\n    grid-area: heading;\n    grid-column: col-start 1 / span 4;\n    margin: 0;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 12;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 1 / span 8;\n    }\n`;\n\nconst introductionStyle = css`\n    color: var(${color});\n    margin-bottom: 0;\n    margin-top: 1.75rem;\n    ${theme(\"theme\", {\n        black: css`\n            filter: var(--shadow-on-image);\n        `,\n    })};\n\n    a {\n        ${styledLink}\n    }\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 3 / span 10;\n        margin-top: 2.625rem;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 2 / span 7;\n    }\n\n    ${MQ.FROM_XL} {\n        margin-top: 3.5rem;\n    }\n`;\n\nexport const Introduction = styled.p`\n    ${styleBodyLAlt}\n    ${introductionStyle}\n    grid-area: introduction;\n    grid-column: col-start 1 / span 4;\n`;\n\nexport const IntroductionHtml = styled(TextBlock)`\n    ${styleBodyL}\n    ${introductionStyle}\n    grid-area: introductionHtml;\n    grid-column: col-start 1 / span 4;\n\n    & > div > div > p:first-child {\n        ${styleBodyLAlt}\n    }\n`;\n\nexport const Col = styled.div`\n    ${columnGap}\n    display: grid;\n    grid-area: col;\n    grid-column: col-start 1 / span 4;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding-top: 2.625rem;\n    row-gap: 2.625rem;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 12;\n        grid-template-rows: 1fr;\n        padding-top: 3.5rem;\n        row-gap: 3.5rem;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 9 / span 4;\n        grid-template-rows: auto 1fr;\n        padding-top: 0.875rem;\n    }\n`;\n\nexport const CallToActions = styled.div`\n    ${columnGap}\n    display: grid;\n    grid-column: auto / span 4;\n    grid-template-columns: 1fr;\n    row-gap: 3.125rem;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    ${MQ.FROM_L} {\n        grid-template-columns: 1fr;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: 2 / span 3;\n    }\n`;\n\nexport const StyledForm = styled(Form)`\n    && {\n        grid-column: auto / span 4;\n        margin-top: 0;\n        padding-bottom: 0;\n\n        ${FormElements} {\n            ${columnGap}\n            row-gap: 0.875rem;\n            color: var(${color});\n\n            ${MQ.FROM_M} {\n                row-gap: 1.3125rem;\n                grid-template-columns: repeat(12, [col-start] 1fr);\n            }\n\n            ${MQ.FROM_L} {\n                grid-template-columns: repeat(6, [col-start] 1fr);\n            }\n\n            ${MQ.FROM_XL} {\n                row-gap: 1.75rem;\n            }\n        }\n\n        ${TextBlockContainer} {\n            margin-top: 0;\n        }\n\n        ${ButtonWrapper} {\n            margin-top: 0;\n\n            button {\n                align-self: stretch;\n            }\n        }\n    }\n`;\n\nexport const Logo = styled.img`\n    grid-column: auto / span 4;\n    height: auto;\n    justify-self: center;\n    max-height: 3.5rem;\n    max-width: 100%;\n    width: auto;\n\n    ${MQ.FROM_M} {\n        justify-self: flex-start;\n        max-height: 4.375rem;\n    }\n\n    ${MQ.FROM_L} {\n        max-height: 5.25rem;\n    }\n\n    ${MQ.FROM_XL} {\n        max-height: 6.125rem;\n\n        ${theme(\"hasCTA\", {\n            true: css`\n                grid-column: 2 / span 3;\n            `,\n        })};\n    }\n\n    ${theme(\"format\", {\n        portrait: css`\n            max-height: 7rem;\n\n            ${MQ.FROM_M} {\n                max-height: 8.75rem;\n            }\n\n            ${MQ.FROM_L} {\n                max-height: 10.5rem;\n            }\n\n            ${MQ.FROM_XL} {\n                max-height: 12.25rem;\n            }\n        `,\n        square: css`\n            max-height: 5.25rem;\n\n            ${MQ.FROM_M} {\n                max-height: 5.6875rem;\n            }\n\n            ${MQ.FROM_L} {\n                max-height: 7rem;\n            }\n\n            ${MQ.FROM_XL} {\n                max-height: 8.75rem;\n            }\n        `,\n    })}\n`;\nexport const StyledButton = styled(Button)`\n    && {\n        grid-column: auto / span 4;\n        margin-top: 0;\n\n        ${MQ.FROM_M} {\n            grid-column: auto / span 2;\n        }\n\n        ${MQ.FROM_L} {\n            grid-column: auto / span 4;\n        }\n    }\n`;\n\nexport const ReadMore = styled.div`\n    align-self: flex-end;\n    color: ${color};\n    grid-area: readMore;\n    grid-column: col-start 1 / span 4;\n    padding-top: 4.8125rem;\n    text-align: center;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 12;\n    }\n\n    ${theme(\"theme\", {\n        black: css`\n            filter: var(--shadow-on-image);\n        `,\n    })};\n`;\n\nexport const ReadMoreButton = styled(Button)`\n    && {\n        color: var(${color});\n\n        &:focus-visible {\n            outline: 7px solid var(--button-focus);\n            outline-offset: -7px;\n        }\n    }\n`;\n\nexport interface ContainerProps {\n    readonly showArrowdown: boolean;\n}\ninterface HeadingProps {\n    readonly size?: string;\n}\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport ImageProps from \"./ImageProps\";\n\nconst Image = loadable(\n    (): Promise<DefaultComponent<ImageProps>> =>\n        import(/* webpackChunkName: \"Image\" */ \"./Image\"),\n);\nconst ImageLoader = (props: ImageProps): ReactElement => <Image {...props} />;\nexport default ImageLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { default as DefaultImage } from \"components/Image\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Image = styled(DefaultImage).attrs<{\n    $centerPosition?: [number, number] | undefined;\n}>(() => ({}))`\n    &.embedded {\n        margin-right: auto;\n        width: auto;\n    }\n\n    &:not(.embedded) {\n        aspect-ratio: 2/3;\n        background-color: var(--color-blue-d10);\n        height: auto;\n        max-height: 50vh;\n        width: 100%;\n\n        ${theme(\"blockInBlock\", {\n            true: css`\n                aspect-ratio: unset;\n                margin-bottom: 2.1875rem;\n                max-height: unset;\n                min-height: unset;\n            `,\n        })}\n\n        ${MQ.FROM_M} {\n            ${theme(\"blockInBlock\", {\n                true: css`\n                    margin-bottom: 3.5rem;\n                `,\n            })}\n        }\n\n        ${MQ.FROM_L} {\n            aspect-ratio: unset;\n            height: 75vh;\n            max-height: 75vh;\n            ${theme(\"isInEditMode\", {\n                true: css`\n                    height: auto;\n                    min-height: 31.25rem;\n                `,\n            })}\n            ${theme(\"blockInBlock\", {\n                true: css`\n                    height: auto;\n                    margin-bottom: 3.5rem;\n                `,\n            })}\n        }\n\n        ${MQ.FROM_XL} {\n            ${theme(\"blockInBlock\", {\n                true: css`\n                    margin-bottom: 4.375rem;\n                `,\n            })}\n        }\n\n        img {\n            height: 100%;\n            object-fit: cover;\n            width: 100%;\n            ${(props) =>\n                props.$centerPosition &&\n                props.$centerPosition.length == 2 &&\n                props.$centerPosition[0] > 0 &&\n                props.$centerPosition[1] > 0 &&\n                css`\n                    object-position: ${props.$centerPosition[0]}%\n                        ${props.$centerPosition[1]}%;\n                `}\n        }\n    }\n`;\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport MapProps from \"./MapProps\";\n\nconst Map = loadable(\n    (): Promise<DefaultComponent<MapProps>> =>\n        import(/* webpackChunkName: \"Map\" */ \"./Map\"),\n);\nconst MapLoader = (props: MapProps): ReactElement => <Map {...props} />;\nexport default MapLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as BlockQuote } from \"components/BlockQuote/BlockQuote.styled\";\nimport { StyledLink, embedButtonStyle } from \"components/Button/Button.styled\";\nimport { Container as FactBox } from \"components/FactBox/FactBox.styled\";\nimport {\n    inlineImage,\n    StyledButton as ImageButton,\n} from \"components/Image/Image.styled\";\nimport { Image } from \"components/ImageSection/ImageSection.styled\";\nimport { styledLink } from \"components/Link/Link.styled\";\nimport { styledListUL, styledListOL } from \"components/List/List.styled\";\nimport { styledTable, responsiveTable } from \"components/Table/Table.styled\";\nimport { VideoWrapper as Video } from \"components/Video/Video.styled\";\nimport {\n    styleBodyLAlt,\n    styleHeadingL,\n    styleHeadingM,\n    styleHeadingS,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled.div.attrs<{\n    $displayOption?: string;\n    $editorialGrid?: boolean;\n}>(() => ({}))`\n    & > div {\n        &:first-child > div:first-child > :first-child {\n            margin-top: 0;\n        }\n\n        &:last-child :last-child {\n            margin-bottom: 0;\n        }\n\n        ${(props) =>\n            props.$editorialGrid &&\n            css`\n                ${editorialGrid}\n            `}\n\n        & > ${StyledLink} {\n            margin-bottom: 0.875rem;\n            margin-right: auto;\n            margin-top: 1.75rem;\n\n            ${MQ.FROM_M} {\n                margin-top: 2.1875rem;\n            }\n\n            ${MQ.FROM_XL} {\n                margin-top: 2.625rem;\n            }\n        }\n\n        /* stylelint-disable-next-line no-duplicate-selectors */\n        & > ${Image}, & > ${Video}, & > ${BlockQuote}, & > ${ImageButton} {\n            margin: 2.625rem auto 0.875rem 0;\n\n            ${MQ.FROM_M} {\n                margin: 3.5rem auto 1.75rem 0;\n            }\n\n            ${MQ.FROM_XL} {\n                margin: 4.375rem auto 2.625rem 0;\n            }\n        }\n\n        /* stylelint-disable-next-line */\n        ${FactBox} + ${FactBox} {\n            margin-top: 0;\n        }\n    }\n\n    ${styledListOL}\n\n    ${styledListUL}\n\n    .responsive-table {\n        ${responsiveTable}\n    }\n\n    table {\n        ${styledTable}\n    }\n\n    img {\n        ${inlineImage}\n    }\n\n    .intro {\n        display: block;\n        ${styleBodyLAlt}\n    }\n\n    a:not([class*=\"embedded\"], [class*=\"button\"], [class*=\"hoverspan\"]) {\n        ${styledLink}\n    }\n\n    button.button,\n    a.button {\n        ${embedButtonStyle}\n    }\n\n    h2 {\n        ${styleHeadingL}\n        margin-bottom: 2.1875rem;\n        margin-top: 3.5rem;\n\n        ${MQ.FROM_M} {\n            margin-bottom: 2.625rem;\n            margin-top: 4.375rem;\n        }\n\n        ${MQ.FROM_XL} {\n            margin-bottom: 3.5rem;\n            margin-top: 6.125rem;\n        }\n    }\n\n    h3 {\n        ${styleHeadingM}\n        margin-bottom: 1.75rem;\n        margin-top: 2.1875rem;\n\n        ${MQ.FROM_M} {\n            margin-bottom: 2.1875rem;\n            margin-top: 2.625rem;\n        }\n\n        ${MQ.FROM_XL} {\n            margin-bottom: 2.625rem;\n            margin-top: 3.5rem;\n        }\n    }\n\n    h4 {\n        ${styleHeadingS}\n        margin-bottom: 0;\n        margin-top: 1.75rem;\n    }\n\n    h4 + p {\n        margin-top: 0;\n    }\n\n    p {\n        margin-bottom: 1.75rem;\n        margin-top: 1.75rem;\n    }\n\n    hr {\n        width: 100%;\n        border: none;\n        border-top: 1px solid\n            var(\n                ${theme(\"theme\", {\n                    undefined: \"--line-on-neutral-default\",\n                    white: \"--line-on-neutral-default\",\n                    lightgray: \"--line-on-neutral-default\",\n                    blue: \"--line-on-blue-default\",\n                    cyan: \"--line-on-cyan-default\",\n                })}\n            );\n    }\n`;\n\nexport const editorialGrid = css`\n    ${columnGap}\n    display: grid;\n    grid-auto-rows: auto;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(8, [col-start] 1fr);\n    }\n\n    ${MQ.FROM_XL} {\n        grid-template-columns: repeat(7, [col-start] 1fr);\n    }\n\n    & > * {\n        grid-column: 1 / span 4;\n\n        ${MQ.FROM_M} {\n            grid-column: 1 / span 8;\n        }\n\n        ${MQ.FROM_L} {\n            grid-column: 1 / span 6;\n            grid-column: ${theme(\"blockInBlock\", {\n                true: \"1 / span 8\",\n            })};\n        }\n\n        ${MQ.FROM_XL} {\n            grid-column: 1 / span 5;\n            grid-column: ${theme(\"blockInBlock\", {\n                true: \"1 / span 7\",\n            })};\n        }\n    }\n\n    /* stylelint-disable-next-line no-duplicate-selectors */\n    & > ${Video}, & > ${Image}, & > ${BlockQuote}, & > ${ImageButton} {\n        ${MQ.FROM_L} {\n            grid-column: 1 / span 8;\n        }\n\n        ${MQ.FROM_XL} {\n            grid-column: 1 / span 7;\n        }\n    }\n`;\n","import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleHeadingL, styleHeadingXL } from \"style/components/Typography\";\nimport { GUTTER, columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\nimport { overlay } from \"style/overlay\";\n\nexport const PlayIconWrapper = styled.div`\n    align-items: center;\n    display: flex;\n    inset: 0;\n    justify-content: center;\n    position: absolute;\n    z-index: 2;\n`;\n\nexport const TitleWrapper = styled(GridContainer)`\n    ${columnGap}\n    display: grid;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding: ${theme(\"size\", {\n        small: `0.875rem`,\n        large: `1.75rem ${GUTTER.SM}`,\n    })};\n    z-index: 2;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: ${theme(\"size\", {\n            small: \"repeat(8, [col-start] 1fr)\",\n            large: \"repeat(12, [col-start] 1fr)\",\n        })};\n        padding: ${theme(\"size\", {\n            small: `0.875rem`,\n            large: `3.5rem ${GUTTER.MD}`,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        grid-template-columns: ${theme(\"size\", {\n            small: \"repeat(6, [col-start] 1fr)\",\n            large: \"repeat(12, [col-start] 1fr)\",\n        })};\n        padding: ${theme(\"size\", {\n            small: `1.3125rem`,\n            large: `3.5rem ${GUTTER.MD}`,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        grid-template-columns: ${theme(\"size\", {\n            small: \"repeat(6, [col-start] 1fr)\",\n            large: \"repeat(12, [col-start] 1fr)\",\n        })};\n        padding: ${theme(\"size\", {\n            small: `1.75rem`,\n            large: `4.375rem ${GUTTER.XL}`,\n        })};\n    }\n`;\n\nexport const Title = styled.h2`\n    && {\n        ${theme(\"size\", {\n            large: styleHeadingXL,\n            small: styleHeadingL,\n        })}\n        color: var(--text-on-image-primary);\n        grid-column: col-start 1 / span 4;\n        margin-top: 0;\n        text-align: left;\n\n        ${MQ.FROM_M} {\n            grid-column: ${theme(\"size\", {\n                small: \"col-start 1 / span 6\",\n                large: \"col-start 1 / span 9\",\n            })};\n        }\n\n        ${MQ.FROM_L} {\n            grid-column: ${theme(\"size\", {\n                small: \"col-start 1 / span 5\",\n                large: \"col-start 1 / span 6\",\n            })};\n        }\n\n        ${MQ.FROM_XL} {\n            grid-column: ${theme(\"size\", {\n                small: \"col-start 1 / span 5\",\n                large: \"col-start 1 / span 6\",\n            })};\n        }\n    }\n`;\n\nexport const VideoWrapper = styled.div`\n    border: none;\n    height: auto;\n    width: 100%;\n`;\n\nexport const VideoContainer = styled.div`\n    height: 0;\n    overflow: hidden;\n    padding-bottom: 56.25%;\n    position: relative;\n\n    & > div,\n    & > video {\n        height: 100%;\n        left: 0;\n        position: absolute;\n        top: 0;\n        width: 100%;\n    }\n`;\n\nexport const Overlay = styled.div`\n    inset: 0;\n    position: absolute;\n    z-index: 1;\n\n    &::before {\n        ${overlay(\"UpLeft\")};\n    }\n`;\n\nexport const PlayIcon = styled.div`\n    backdrop-filter: blur(2px);\n    border: 1px solid var(--button-on-image-outline-border);\n    border-radius: 0.25rem;\n    padding: 0.375rem;\n    transition: all 0.2s ease-in-out;\n    z-index: 3;\n\n    ${MQ.FROM_XL} {\n        padding: 1.25rem;\n    }\n`;\n\nexport const ButtonWrapper = styled.div`\n    align-items: center;\n    background: var(--block-blue-default);\n    border: none;\n    color: var(--text-on-image-primary);\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-width: 100%;\n    padding: 0;\n    position: relative;\n    width: 100%;\n\n    &:focus-visible {\n        ${PlayIcon} {\n            outline: 7px solid var(--button-focus);\n            outline-offset: 7px;\n        }\n    }\n\n    &:hover {\n        ${PlayIcon} {\n            background: var(--button-on-image-outline-hover);\n            border-color: var(--button-on-image-outline-hover);\n            color: var(--text-on-neutral-primary);\n        }\n    }\n`;\n"],"names":["linkColor","theme","lightgray","blue","cyan","hoverColor","Container","styled","div","withConfig","componentId","MQ","FROM_M","FROM_XL","Quote","small","css","styleQuoteM","large","styleQuoteL","LinkText","styleLabelM","IconArrow","Icon","Link","NavLink","CallToAction","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","CallToActionLoader","_jsx","backgroundColor","true","Heading","attrs","styleBodyM","$hasIcon","$iconColor","StyledTextBlock","TextBlock","Documents","Document","BaseDocument","StyledForm","form","columnGap","FormGuideHeader","FormGuideHeading","h2","styleHeadingXL","FormGuideIntroduction","styleBodyL","FormElements","FormMessage","FormHelperText","SuccessMessage","styleHeadingM","color","black","GridContainer","$showArrowdown","map","image","full","video","edit","FROM_L","HeroVideo","Video","headerSizes","S","M","XL","VideoContainer","HeroMap","Map","h1","size","styleHeadingXXLAlt","styleHeadingXXL","introductionStyle","styledLink","Introduction","p","styleBodyLAlt","IntroductionHtml","Col","CallToActions","Form","TextBlockContainer","ButtonWrapper","Logo","img","portrait","square","StyledButton","Button","ReadMore","ReadMoreButton","Image","ImageLoader","DefaultImage","$centerPosition","length","MapLoader","$editorialGrid","editorialGrid","StyledLink","BlockQuote","ImageButton","FactBox","styledListOL","styledListUL","responsiveTable","styledTable","inlineImage","embedButtonStyle","styleHeadingL","styleHeadingS","undefined","white","PlayIconWrapper","TitleWrapper","GUTTER","SM","MD","Title","VideoWrapper","Overlay","overlay","PlayIcon"],"sourceRoot":""}