{"version":3,"file":"ImpactHero-Chunk-d160b73d1a8a1912e021.js","mappings":"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","sources":["webpack://nikon-client/./components/atoms/Button/Button.tsx","webpack://nikon-client/./components/atoms/LinkCard/LinkCard.tsx","webpack://nikon-client/./components/atoms/NavButton/NavButton.tsx","webpack://nikon-client/./components/molecules/Carousel/Carousel.tsx","webpack://nikon-client/./components/molecules/StripCarousel/StripCarousel.tsx","webpack://nikon-client/./components/molecules/HighlightCard/HighlightCard.tsx","webpack://nikon-client/./components/organisms/ImpactHero/ImpactHero.tsx","webpack://nikon-client/./models/enums/HorizontalDirectionEnum.ts","webpack://nikon-client/./utility/helpers/duplicateArrayItems.ts","webpack://nikon-client/./utility/helpers/slugify.ts","webpack://nikon-client/./utility/hooks/useMediaQuery.ts","webpack://nikon-client/./assets/hue_hero.svg"],"sourcesContent":["import { ILink } from '@models/ILink';\nimport classNames from 'classnames';\nimport {\n  ButtonHTMLAttributes,\n  DetailedHTMLProps,\n  PropsWithChildren,\n} from 'react';\n\ninterface Props {\n  readonly className?: string;\n  readonly dataTestId?: string;\n  readonly disabled?: boolean;\n  readonly editHint?: string;\n  readonly link?: ILink;\n  readonly linkCallback?: () => void;\n  readonly secondary?: boolean;\n  readonly secondaryBackgroundClassName?: string;\n  readonly isLightMode?: boolean;\n  readonly inverted?: boolean;\n}\n\ntype ButtonProps = Props &\n  DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;\n\nconst Button = ({\n  children,\n  className,\n  dataTestId,\n  disabled = false,\n  editHint,\n  link,\n  linkCallback,\n  secondary = false,\n  secondaryBackgroundClassName = 'bg-transparent',\n  isLightMode,\n  inverted = false,\n  ...buttonProps\n}: PropsWithChildren<ButtonProps>) => {\n  const buttonClasses = classNames(\n    {\n      'bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500':\n        !disabled && !secondary && !inverted,\n      //\n      [`${secondaryBackgroundClassName} border border-yellow py-[3px] px-[15px] text-black-100 hover:border-yellow-100 hover:bg-yellow-100 hover:text-black-100 focus:border-yellow-500 focus:bg-yellow-500 active:border-yellow-500 active:bg-yellow-500 ${\n        isLightMode\n          ? ''\n          : 'dark:text-white dark:hover:text-black-100 dark:focus:text-black-100 dark:active:text-black-100'\n      }`]: !disabled && secondary && !inverted,\n      //\n      'bg-grey text-grey-500 py-1 px-4': disabled,\n      //\n      'bg-black text-white py-1 px-4 active:bg-grey-600 hover:bg-grey-600 focus:bg-grey-600':\n        !disabled && !secondary && inverted,\n    },\n    'cta rounded-full inline-block min-h-min select-none',\n    className\n  );\n\n  return link?.url && (link?.name || children) && !disabled ? (\n    <a\n      className={buttonClasses}\n      href={link.url}\n      target={link.target}\n      data-epi-property-name={editHint}\n      onClick={linkCallback}\n      data-testid={dataTestId}\n    >\n      {children || link.name}\n    </a>\n  ) : (\n    <button\n      {...buttonProps}\n      className={buttonClasses}\n      disabled={disabled}\n      data-epi-property-name={editHint}\n      data-testid={dataTestId}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default Button;\n","import { ILink } from '@models/ILink';\nimport classNames from 'classnames';\nimport {\n  AnchorHTMLAttributes,\n  DetailedHTMLProps,\n  PropsWithChildren,\n} from 'react';\n\ninterface Props {\n  readonly link: ILink;\n  readonly type?: 'DEFAULT' | 'OUTLINE';\n  readonly useSmallCard?: boolean;\n  readonly dataTestId?: string;\n}\n\ntype LinkCardProps = Props &\n  DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n\nconst LinkCard = ({\n  type = 'DEFAULT',\n  link,\n  children,\n  className,\n  useSmallCard,\n  dataTestId,\n  ...linkProps\n}: PropsWithChildren<LinkCardProps>) => {\n  const cardClasses = classNames(\n    {\n      [`min-h-[110px] ${useSmallCard ? 'md:h-32' : 'md:h-36'} card h-full`]:\n        type === 'DEFAULT',\n    },\n    {\n      'rounded-[10px] border border-grey-400 transition-all hover:border-yellow':\n        type === 'OUTLINE',\n    },\n    className,\n    'mx-px flex items-center'\n  );\n\n  return (\n    <a\n      {...linkProps}\n      href={link?.url}\n      target={link?.target}\n      className={cardClasses}\n      data-testid={dataTestId}\n    >\n      {children}\n    </a>\n  );\n};\n\nexport default LinkCard;\n","import Icon from '@atoms/Icon/Icon';\nimport HorizontalDirectionEnum from '@models/enums/HorizontalDirectionEnum';\nimport updateDataLayer from '@utils/helpers/gtm';\nimport useAriaLabels from '@utils/hooks/useAriaLabels';\nimport classNames from 'classnames';\nimport { forwardRef, KeyboardEvent, useImperativeHandle, useRef } from 'react';\n\ninterface Props {\n  readonly direction:\n    | HorizontalDirectionEnum.Left\n    | HorizontalDirectionEnum.Right;\n  readonly id?: string;\n  readonly disabled?: boolean;\n  readonly hasBackgroundColor?: boolean;\n  readonly sizeClassName?: string;\n  readonly iconSize?: string;\n  readonly enabledArrowColor?: string;\n  readonly onClick?: (e?: KeyboardEvent<HTMLButtonElement>) => void;\n  readonly additionalDataLayerProperties?: Record<string, string>;\n  readonly isLightMode?: boolean;\n}\n\nexport interface NavButtonRef {\n  focus: () => void;\n  disabled: boolean;\n}\n\nconst NavButton = forwardRef<NavButtonRef, Props>(\n  (\n    {\n      additionalDataLayerProperties,\n      direction,\n      id,\n      disabled = false,\n      hasBackgroundColor = true,\n      sizeClassName = 'h-10 w-10',\n      iconSize,\n      enabledArrowColor = 'text-black-100',\n      isLightMode,\n      onClick,\n    },\n    ref\n  ) => {\n    const { nextAriaLabel, previousAriaLabel } = useAriaLabels();\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle(ref, () => ({\n      focus: () => buttonRef.current?.focus(),\n      disabled: !!buttonRef.current?.disabled,\n    }));\n\n    return (\n      <button\n        ref={buttonRef}\n        id={`${\n          direction === HorizontalDirectionEnum.Left ? 'prevBtn' : 'nextBtn'\n        }-${id}`}\n        className={classNames(\n          'flex select-none items-center justify-center rounded-full',\n          sizeClassName,\n          {\n            'animate-arrow-left':\n              direction === HorizontalDirectionEnum.Left && !disabled,\n            'animate-arrow-right':\n              direction === HorizontalDirectionEnum.Right && !disabled,\n            'cursor-pointer': !disabled,\n            'cursor-default': disabled,\n            'bg-yellow active:bg-yellow-500 xl:hover:bg-yellow-100 xl:active:bg-yellow-500':\n              hasBackgroundColor && !disabled,\n            [`bg-grey ${isLightMode ? '' : 'dark:bg-grey-600'}`]:\n              hasBackgroundColor && disabled,\n          }\n        )}\n        aria-label={\n          direction === HorizontalDirectionEnum.Left\n            ? previousAriaLabel\n            : nextAriaLabel\n        }\n        disabled={disabled}\n        aria-disabled={disabled}\n        tabIndex={disabled ? -1 : 0}\n        data-testid={\n          direction === HorizontalDirectionEnum.Left\n            ? 'previous-slide'\n            : 'next-slide'\n        }\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') onClick?.(e);\n        }}\n        onClick={() => {\n          onClick?.();\n          updateDataLayer({\n            event: 'carousel',\n            content_type: 'tab_change',\n            link_text:\n              direction === HorizontalDirectionEnum.Left ? 'Previous' : 'Next',\n            ...additionalDataLayerProperties,\n          });\n        }}\n      >\n        <Icon\n          name={`arrow_${\n            direction === HorizontalDirectionEnum.Left ? 'left' : 'right'\n          }`}\n          colorClassName={\n            disabled\n              ? `text-grey-400 ${isLightMode ? '' : 'dark:text-grey-700'}`\n              : enabledArrowColor\n          }\n          size={iconSize}\n        />\n      </button>\n    );\n  }\n);\n\nexport default NavButton;\n","import updateDataLayer from '@utils/helpers/gtm';\nimport { PropsWithChildren } from 'react';\nimport { A11y, Keyboard, Navigation } from 'swiper/modules';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport 'swiper/scss';\nimport 'swiper/scss/a11y';\nimport 'swiper/scss/autoplay';\nimport 'swiper/scss/effect-fade';\nimport 'swiper/scss/keyboard';\nimport { SwiperModule } from 'swiper/types';\n\ninterface Props extends SwiperProps {\n  readonly additionalModules?: SwiperModule[];\n  readonly className?: string;\n  readonly id?: string;\n  readonly navId?: string;\n  readonly analyticsEnabled?: boolean;\n}\n\nconst Carousel = ({\n  additionalModules = [],\n  children,\n  className,\n  id = 'carousel',\n  navId = '',\n  analyticsEnabled = false,\n  ...props\n}: PropsWithChildren<Props>) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <Swiper\n      id={id}\n      onSlideChangeTransitionEnd={(swiper) => {\n        if (analyticsEnabled && swiper.realIndex !== 0) {\n          updateDataLayer({\n            event: 'carousel',\n            content_type: `tab_change`,\n            link_text:\n              swiper.previousIndex < swiper.activeIndex ? 'Next' : 'Previous',\n          });\n        }\n      }}\n      a11y={{ enabled: true }}\n      className={className}\n      navigation={{\n        enabled: !!navId,\n        prevEl: `#prevBtn-${navId}`,\n        nextEl: `#nextBtn-${navId}`,\n      }}\n      keyboard={{\n        enabled: true,\n        onlyInViewport: true,\n      }}\n      modules={[...[A11y, Keyboard, Navigation], ...additionalModules]}\n      {...props}\n    >\n      {children}\n    </Swiper>\n  );\n};\n\nexport default Carousel;\n","import NavButton from '@atoms/NavButton/NavButton';\nimport HorizontalDirectionEnum from '@models/enums/HorizontalDirectionEnum';\nimport Carousel from '@molecules/Carousel/Carousel';\nimport duplicateArrayItems from '@utils/helpers/duplicateArrayItems';\nimport useBreakpoint from '@utils/hooks/useBreakpoint';\nimport { ReactNode, useEffect, useState } from 'react';\nimport SwiperType from 'swiper';\nimport { Autoplay } from 'swiper/modules';\nimport { Swiper } from 'swiper/types';\nimport { AutoplayOptions } from 'swiper/types/modules/autoplay';\n\ninterface Props<T> {\n  readonly id: string;\n  readonly items: T[];\n  readonly autoplay?: AutoplayOptions;\n  readonly children: (itemsToDisplay: T[]) => ReactNode;\n  readonly loop?: boolean;\n}\n\nconst StripCarousel = <T,>({\n  children,\n  id,\n  items,\n  autoplay,\n  loop = false,\n}: Props<T>) => {\n  const [shouldLoop, setShouldLoop] = useState(false);\n  const [swiperInstance, setSwiperInstance] = useState<Swiper>();\n  const breakPoint = useBreakpoint();\n  const [hasMoreItemsToShow, setHasMoreItemsToShow] = useState(false);\n\n  const itemsToDisplay = shouldLoop\n    ? duplicateArrayItems(items, items.length + 1)\n    : items;\n\n  const handleSwiperUpdate = (swiper: SwiperType) => {\n    const swiperSlidesPerView = swiper?.params?.slidesPerView;\n    const currentSlidesPerView =\n      swiperSlidesPerView && typeof swiperSlidesPerView === 'number'\n        ? swiperSlidesPerView\n        : 0;\n\n    setHasMoreItemsToShow(items.length > currentSlidesPerView);\n  };\n\n  useEffect(() => {\n    const shouldLoopCondition =\n      ((!!breakPoint && breakPoint !== 'sm') || loop) && hasMoreItemsToShow;\n\n    setShouldLoop(shouldLoopCondition);\n  }, [breakPoint, hasMoreItemsToShow, loop]);\n\n  useEffect(() => {\n    swiperInstance?.navigation.update();\n\n    if (shouldLoop && autoplay) swiperInstance?.autoplay.start();\n  }, [autoplay, shouldLoop, swiperInstance]);\n\n  return (\n    <div className=\"overflow-hidden\">\n      <div className=\"overflow-swiper container lg:grid lg:grid-cols-12\">\n        <div className=\"3xl:px-32 col-span-full flex flex-row content-center items-center gap-13 px-0 xl:col-span-10 xl:col-start-2 xl:gap-[100px]\">\n          <div className=\"hidden lg:block\">\n            <NavButton\n              direction={HorizontalDirectionEnum.Left}\n              id={id}\n              disabled={!shouldLoop}\n            />\n          </div>\n\n          <Carousel\n            spaceBetween={16}\n            loop={shouldLoop}\n            navId={id}\n            className=\"overflow-large w-full\"\n            onResize={handleSwiperUpdate}\n            onInit={handleSwiperUpdate}\n            onSwiper={setSwiperInstance}\n            additionalModules={autoplay ? [Autoplay] : undefined}\n            autoplay={autoplay}\n            breakpoints={{\n              0: {\n                // Swiper v10 needs a value greater than 1 to properly show the prev/next slides when looping\n                slidesPerView: 1.001,\n                centeredSlides: true,\n              },\n              1024: {\n                slidesPerView: 1,\n                centeredSlides: false,\n              },\n              1440: {\n                slidesPerView: 2,\n                centeredSlides: false,\n              },\n            }}\n          >\n            {children(itemsToDisplay)}\n          </Carousel>\n\n          <div className=\"hidden lg:block\">\n            <NavButton\n              direction={HorizontalDirectionEnum.Right}\n              id={id}\n              disabled={!shouldLoop}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default StripCarousel;\n","import Image from '@atoms/Image/Image';\nimport LinkCard from '@atoms/LinkCard/LinkCard';\nimport { IImageWithLink } from '@models/IImageWithLink';\nimport updateDataLayer from '@utils/helpers/gtm';\nimport useMediaQuery from '@utils/hooks/useMediaQuery';\nimport classNames from 'classnames';\n\ninterface Props extends IImageWithLink {\n  readonly pageObject?: {\n    readonly pageType: string;\n  };\n  readonly index: number;\n}\n\nconst HighlightCard = ({\n  media,\n  pageObject,\n  simpleLink,\n  subTitle,\n  title,\n  index,\n}: Props) => {\n  const isSmalldesktop = useMediaQuery(1440);\n  const isLargeDesktop = useMediaQuery(1900);\n  const isSmallToLargeDesktop = isLargeDesktop && !isSmalldesktop;\n  const textBodyStyles = isSmallToLargeDesktop ? 'body-three' : 'body-one';\n\n  return (\n    <LinkCard\n      className=\"p-2.5 lg:pr-6\"\n      onClick={() => {\n        if (pageObject?.pageType === 'HomepagePageViewModel') {\n          updateDataLayer({\n            event: 'selectContent',\n            content_type: 'highlight_card',\n            link_text: simpleLink?.url,\n          });\n        }\n      }}\n      link={simpleLink}\n      useSmallCard={isSmallToLargeDesktop}\n      dataTestId={`CT-04A1-Highlight-Card-${index}`}\n    >\n      <div className=\"flex h-full w-full flex-row items-center gap-3 md:gap-4\">\n        {media && (\n          <div className=\"h-full w-1/3 shrink-0 lg:w-1/2 xl:w-5/12\">\n            <Image\n              image={media}\n              imageClasses=\"h-full object-contain\"\n              sizes=\"300px\"\n              dataTestId={`CT-04A1-Highlight-Card-Image-${index}`}\n            />\n          </div>\n        )}\n\n        {(title || subTitle) && (\n          <div className=\"flex flex-col\">\n            {title && (\n              <p\n                className={classNames(\n                  'font-light text-grey-450 dark:text-yellow',\n                  textBodyStyles\n                )}\n                data-testid={`CT-04A1-Highlight-Card-Title-${index}`}\n              >\n                {title}\n              </p>\n            )}\n            {subTitle && (\n              <p\n                className={classNames(\n                  'font-light dark:text-white',\n                  textBodyStyles\n                )}\n                data-testid={`CT-04A1-Highlight-Card-Subtitle-${index}`}\n              >\n                {subTitle}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </LinkCard>\n  );\n};\n\nexport default HighlightCard;\n","import Hue from '@assets/hue_hero.svg';\nimport Button from '@atoms/Button/Button';\nimport Image from '@atoms/Image/Image';\nimport { IImage } from '@models/IImage';\nimport { IImageWithLink } from '@models/IImageWithLink';\nimport { ILink } from '@models/ILink';\nimport { IMeta } from '@models/IMeta';\nimport { IVideo } from '@models/IVideo';\nimport HighlightCard from '@molecules/HighlightCard/HighlightCard';\nimport StripCarousel from '@molecules/StripCarousel/StripCarousel';\nimport VideoModal from '@molecules/VideoModal/VideoModal';\nimport updateDataLayer from '@utils/helpers/gtm';\nimport slugify from '@utils/helpers/slugify';\nimport classNames from 'classnames';\nimport { useState } from 'react';\nimport { SwiperSlide } from 'swiper/react';\n\ninterface Props {\n  readonly title: string;\n  readonly subTitle?: string;\n  readonly primaryCta?: ILink;\n  readonly media: IImage;\n  readonly highlights?: IImageWithLink[];\n  readonly meta?: IMeta;\n  readonly video?: {\n    readonly videoCTALabel: string;\n    readonly video: IVideo;\n  };\n}\n\nconst ImpactHero = ({\n  highlights = [],\n  media,\n  meta,\n  primaryCta,\n  subTitle,\n  title,\n  video,\n}: Props) => {\n  const [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\n  return (\n    <section className=\"component-padding dark relative overflow-hidden bg-black-100 pt-20 text-white\">\n      <div\n        className={classNames(\n          'container flex min-h-[375px] flex-col items-center md:min-h-[570px] lg:min-h-[300px] lg:flex-row xl:min-h-[450px] 2xl:min-h-[600px]',\n          { 'mb-13 lg:mb-[5.25rem]': !!highlights?.length }\n        )}\n      >\n        <div\n          className=\"relative z-20 mb-10 w-full lg:mb-0 lg:w-7/12\"\n          data-epi-property-name={meta?.editHints?.media}\n        >\n          <Image\n            image={media}\n            imageClasses=\"h-full w-full object-contain\"\n            sizes=\"(min-width: 1024px) 1024px, 100vw\"\n            lazyLoad={false}\n            dataTestId=\"CT-04A-Hero-Image\"\n          />\n        </div>\n\n        <div className=\"mt-auto flex flex-col items-center text-center lg:ml-auto lg:mt-0 lg:w-4/12 lg:items-start lg:text-left\">\n          <h1\n            data-testid=\"CT-04A-Title\"\n            data-epi-property-name={meta?.editHints?.title}\n          >\n            {title}\n          </h1>\n          {subTitle && (\n            <p\n              className=\"h1\"\n              data-epi-property-name={meta?.editHints?.subTitle}\n              data-testid=\"CT-04A-Subtitle\"\n            >\n              {subTitle}\n            </p>\n          )}\n\n          {primaryCta?.url && primaryCta?.name && !video && (\n            <Button\n              link={primaryCta}\n              linkCallback={() => {\n                if (pageObject?.pageType === 'HomepagePageViewModel') {\n                  updateDataLayer({\n                    event: 'selectContent',\n                    content_type: 'impact_hero',\n                    link_text: primaryCta.name,\n                  });\n                }\n              }}\n              className=\"mt-4 lg:mt-10\"\n              dataTestId=\"CT-04A-Primary-CTA\"\n            />\n          )}\n\n          {video?.video?.url && video.videoCTALabel && (\n            <>\n              <Button\n                onClick={() => {\n                  setIsVideoModalOpen(true);\n                }}\n                className=\"mt-4 lg:mt-10\"\n                dataTestId=\"CT-04A-Primary-Video-CTA\"\n              >\n                {video.videoCTALabel}\n              </Button>\n\n              <VideoModal\n                videoUrl={video.video?.url}\n                videoTitle={video.videoCTALabel}\n                isOpen={isVideoModalOpen}\n                onOpenChange={setIsVideoModalOpen}\n                shouldCloseOnClickOutsideContent={false}\n                transparent={false}\n                dataTestId=\"CT-33-Campaign-Intro-Video-Modal\"\n              />\n            </>\n          )}\n        </div>\n      </div>\n\n      {!!highlights?.length && (\n        <div className=\"relative z-20\">\n          <StripCarousel\n            id={`impact-hero-carousel-${meta?.contentLink ?? ''}`}\n            items={highlights}\n            autoplay={{\n              delay: 8000,\n            }}\n            loop\n          >\n            {(itemsToDisplay) =>\n              itemsToDisplay.map((highlight, index) => (\n                <SwiperSlide\n                  className=\"stretch-card\"\n                  key={slugify(\n                    `highlight-card-${highlight.simpleLink?.url}-${highlight.simpleLink?.name}-${index})`\n                  )}\n                >\n                  <HighlightCard {...highlight} index={index} />\n                </SwiperSlide>\n              ))\n            }\n          </StripCarousel>\n        </div>\n      )}\n\n      <div className=\"pointer-events-none absolute -top-[5%] left-0 z-10 flex items-center justify-center md:-top-[15%] lg:left-[5%] lg:top-[0] lg:w-[50%] xl:-top-[10%]\">\n        <img src={`${Hue}`} alt=\"Hue\" className=\"h-full w-full\" />\n      </div>\n    </section>\n  );\n};\n\nexport default ImpactHero;\n","enum HorizontalDirectionEnum {\n  Left = 'LEFT',\n  Right = 'RIGHT',\n}\n\nexport default HorizontalDirectionEnum;\n","const duplicateArrayItems = <T>(initialArray: T[], minTargetCount: number) => {\n  if (!initialArray?.length) return [];\n\n  const multiplier = Math.ceil(minTargetCount / initialArray.length);\n  const newArray = Array<T[]>(multiplier).fill(initialArray).flat();\n\n  return newArray;\n};\n\nexport default duplicateArrayItems;\n","const slugify = (value: string) =>\n  value\n    .toLowerCase()\n    .trim()\n    .replace(/[^\\w\\s-]/g, '')\n    .replace(/[\\s_-]+/g, '-')\n    .replace(/^-+|-+$/g, '');\n\nexport default slugify;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst useMediaQuery = (minWidth: number) => {\n  // Set the default value to undefined in order to properly distinguish the falsey values\n  // where undefined is the value before computing whether the screen size is smaller than the minWidth\n  // i.e. a state where we don't really know whether we're below the threshold or not\n  // and false is the value where the computation returns false\n  const [isSmallerThan, setIsSmallerThan] = useState<boolean>();\n\n  const handler = useCallback(() => {\n    const isDesiredWidth = window.innerWidth < minWidth;\n    setIsSmallerThan(isDesiredWidth);\n  }, [minWidth]);\n\n  useEffect(() => {\n    window.addEventListener('resize', handler);\n    handler();\n\n    return () => {\n      window.removeEventListener('resize', handler);\n    };\n  }, [handler]);\n\n  return isSmallerThan;\n};\n\nexport default useMediaQuery;\n","module.exports = \"data:image/svg+xml,%3csvg width='1151' height='1150' viewBox='0 0 1151 1150' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.35' filter='url(%23filter0_df_4014_178052)'%3e %3cpath d='M801 575C801 699.264 700.04 800 575.5 800C450.96 800 350 699.264 350 575C350 450.736 450.96 350 575.5 350C700.04 350 801 450.736 801 575Z' fill='%23FFDD00'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_4014_178052' x='0' y='0' width='1151' height='1150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4014_178052'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4014_178052' result='shape'/%3e %3cfeGaussianBlur stdDeviation='175' result='effect2_foregroundBlur_4014_178052'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e\""],"names":["_ref","children","className","dataTestId","disabled","editHint","link","linkCallback","secondary","secondaryBackgroundClassName","isLightMode","inverted","buttonProps","buttonClasses","classNames","url","name","React","createElement","href","target","onClick","_extends","type","useSmallCard","linkProps","cardClasses","forwardRef","ref","additionalDataLayerProperties","direction","id","hasBackgroundColor","sizeClassName","iconSize","enabledArrowColor","nextAriaLabel","previousAriaLabel","useAriaLabels","buttonRef","useRef","useImperativeHandle","focus","current","HorizontalDirectionEnum","Left","Right","tabIndex","onKeyDown","e","key","updateDataLayer","event","content_type","link_text","Icon","colorClassName","size","additionalModules","navId","analyticsEnabled","props","Swiper","onSlideChangeTransitionEnd","swiper","realIndex","previousIndex","activeIndex","a11y","enabled","navigation","prevEl","nextEl","keyboard","onlyInViewport","modules","A11y","Keyboard","Navigation","items","autoplay","loop","shouldLoop","setShouldLoop","useState","swiperInstance","setSwiperInstance","breakPoint","useBreakpoint","hasMoreItemsToShow","setHasMoreItemsToShow","itemsToDisplay","duplicateArrayItems","length","handleSwiperUpdate","swiperSlidesPerView","params","slidesPerView","currentSlidesPerView","useEffect","update","start","NavButton","Carousel","spaceBetween","onResize","onInit","onSwiper","Autoplay","undefined","breakpoints","centeredSlides","media","pageObject","simpleLink","subTitle","title","index","isSmalldesktop","useMediaQuery","isSmallToLargeDesktop","textBodyStyles","LinkCard","pageType","Image","image","imageClasses","sizes","highlights","meta","primaryCta","video","isVideoModalOpen","setIsVideoModalOpen","editHints","lazyLoad","Button","videoCTALabel","Fragment","VideoModal","videoUrl","videoTitle","isOpen","onOpenChange","shouldCloseOnClickOutsideContent","transparent","StripCarousel","contentLink","delay","map","highlight","SwiperSlide","slugify","HighlightCard","src","Hue","alt","initialArray","minTargetCount","multiplier","Math","ceil","Array","fill","flat","value","toLowerCase","trim","replace","minWidth","isSmallerThan","setIsSmallerThan","handler","useCallback","isDesiredWidth","window","innerWidth","addEventListener","removeEventListener","module","exports"],"sourceRoot":""}