@digital-b2c/coreui-kit 0.26.1 → 0.28.0

package/dist/index.cjs

@@ -1,11 +1,12 @@
 'use strict';
 
-var clsx65 = require('clsx');
+var clsx67 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React72 = require('react');
+var React73 = require('react');
 var gsap = require('gsap');
 var react = require('@gsap/react');
 var ScrollTrigger = require('gsap/ScrollTrigger');
+var reactDom = require('react-dom');
 var react$1 = require('swiper/react');
 var modules = require('swiper/modules');
 var ReactPlayer = require('react-player');
@@ -13,8 +14,8 @@ require('swiper/css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var clsx65__default = /*#__PURE__*/_interopDefault(clsx65);
-var React72__default = /*#__PURE__*/_interopDefault(React72);
+var clsx67__default = /*#__PURE__*/_interopDefault(clsx67);
+var React73__default = /*#__PURE__*/_interopDefault(React73);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 var ReactPlayer__default = /*#__PURE__*/_interopDefault(ReactPlayer);
 
@@ -68,7 +69,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx65__default.default(className, Picture_module_default["image-desktop"])
+        className: clsx67__default.default(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -76,7 +77,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
         alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
-        className: clsx65__default.default(className, Picture_module_default["image-mobile"])
+        className: clsx67__default.default(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -424,7 +425,7 @@ var svgs = {
   xWhite: icon_x_white_default,
   user: icon_user_default
 };
-var Icon = React72__default.default.memo(
+var Icon = React73__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -483,7 +484,7 @@ var Button = (_a) => {
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx65__default.default(
+    className: clsx67__default.default(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
@@ -539,21 +540,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React72.useState(
+  const [device, setDevice] = React73.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React72.useCallback(
+  const getOtherDevices = React73.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React72.useCallback(() => {
+  const onWindowResize = React73.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -606,13 +607,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React72.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React72.useState(false);
+  const [show, setShow] = React73.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React73.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React72.useRef(null);
-  const marqueeRef = React72.useRef(null);
-  const timeline = React72.useRef(null);
+  const containerRef = React73.useRef(null);
+  const marqueeRef = React73.useRef(null);
+  const timeline = React73.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -706,7 +707,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React72.useMemo(() => {
+  const duplicatedLogos = React73.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -715,7 +716,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx65__default.default(
+      className: clsx67__default.default(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -724,13 +725,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx65__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx67__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
               children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
             }
           )
@@ -759,8 +760,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React72.Children.forEach(children, (child) => {
-    if (!React72.isValidElement(child)) return;
+  React73.Children.forEach(children, (child) => {
+    if (!React73.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -774,10 +775,10 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React72.forwardRef(
+var Container = React73.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx65__default.default(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx67__default.default(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -825,14 +826,14 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx65__default.default(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx67__default.default(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: isLink
     }, isLink ? { href, isExternal } : {}), {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
-          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx65__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx65__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx67__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx67__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
           isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
@@ -878,10 +879,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(CountingCard_module_default["counting-card"], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
-      count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -933,11 +934,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  const [openDropdown, setOpenDropdown] = React72.useState(null);
-  const [searchState, setSearchState] = React72.useState("closed");
-  const filterRef = React72.useRef(null);
-  const sortRef = React72.useRef(null);
-  const searchInputRef = React72.useRef(null);
+  const [openDropdown, setOpenDropdown] = React73.useState(null);
+  const [searchState, setSearchState] = React73.useState("closed");
+  const filterRef = React73.useRef(null);
+  const sortRef = React73.useRef(null);
+  const searchInputRef = React73.useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -947,7 +948,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -957,7 +958,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -967,7 +968,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx65__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
+          className: clsx67__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
           onClick: () => onViewChange("grid"),
           "aria-pressed": view === "grid",
           children: [
@@ -980,7 +981,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx65__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
+          className: clsx67__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
           onClick: () => onViewChange("list"),
           "aria-pressed": view === "list",
           children: [
@@ -994,7 +995,7 @@ function FilterBar({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx65__default.default(
+          className: clsx67__default.default(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -1005,7 +1006,7 @@ function FilterBar({
               "button",
               {
                 type: "button",
-                className: clsx65__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
+                className: clsx67__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
                 onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
                 "aria-expanded": openDropdown === "filter",
                 children: [
@@ -1020,7 +1021,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": filterValue === opt.value,
-                className: clsx65__default.default(
+                className: clsx67__default.default(
                   FilterBar_module_default.dropdownOption,
                   filterValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -1041,7 +1042,7 @@ function FilterBar({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx65__default.default(
+          className: clsx67__default.default(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -1067,7 +1068,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": sortValue === opt.value,
-                className: clsx65__default.default(
+                className: clsx67__default.default(
                   FilterBar_module_default.dropdownOption,
                   sortValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -1085,7 +1086,7 @@ function FilterBar({
       searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx65__default.default(
+          className: clsx67__default.default(
             FilterBar_module_default.searchExpanded,
             searchState === "closing" && FilterBar_module_default.searchCollapsing
           ),
@@ -1167,9 +1168,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
-      icon && typeof icon === "object" ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: InfoCard_module_default.icon }, icon)) : icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon && typeof icon === "object" ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: InfoCard_module_default.icon }, icon)) : icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
@@ -1199,8 +1200,8 @@ var Modal = ({
   hideCloseButton = false,
   children
 }) => {
-  const dialogRef = React72.useRef(null);
-  React72.useEffect(() => {
+  const dialogRef = React73.useRef(null);
+  React73.useEffect(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1213,13 +1214,13 @@ var Modal = ({
     "dialog",
     {
       ref: dialogRef,
-      className: clsx65__default.default(Modal_module_default.modal, className),
+      className: clsx67__default.default(Modal_module_default.modal, className),
       "aria-label": ariaLabel,
       onClose,
       onClick: (event) => {
         if (event.target === dialogRef.current) onClose();
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(Modal_module_default.inner, contentClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(Modal_module_default.inner, contentClassName), children: [
         !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module_default.header, children: /* @__PURE__ */ jsxRuntime.jsx(
           Button,
           {
@@ -1288,7 +1289,7 @@ var Pagination = ({
   hidePagesBorder = false,
   renderLink
 }) => {
-  const [activePage, setActivePage] = React72.useState(currentPage);
+  const [activePage, setActivePage] = React73.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1321,7 +1322,7 @@ var Pagination = ({
   const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
   const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
   const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(Pagination_module_default.pagination, className), children: [
     !disableArrows && (renderLink ? renderLink({
       page: prevPage,
       className: Pagination_module_default.prev,
@@ -1342,12 +1343,12 @@ var Pagination = ({
         return /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
       }
       const page = item;
-      const pageClassName = clsx65__default.default(Pagination_module_default.page, {
+      const pageClassName = clsx67__default.default(Pagination_module_default.page, {
         [Pagination_module_default.active]: activePage === page,
         [Pagination_module_default.number]: hasNumber,
         [Pagination_module_default["no-border"]]: hidePagesBorder
       });
-      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React72.Fragment, { children: renderLink({
+      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React73.Fragment, { children: renderLink({
         page,
         className: pageClassName,
         "aria-label": `Go to page ${page}`,
@@ -1395,10 +1396,10 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
-      className: clsx65__default.default(PracticeCard_module_default.wrapper, PracticeCard_module_default["focusable-card"]),
+      className: clsx67__default.default(PracticeCard_module_default.wrapper, PracticeCard_module_default["focusable-card"]),
       wrapper: Anchor,
       fallback: "div",
       condition: !!href,
@@ -1407,7 +1408,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
       children: [
         image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(PracticeCard_module_default.title, "h3"), children: title }),
           href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
             /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
             /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -1452,15 +1453,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
     "aria-disabled": isRestricted
   } : null;
   const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
-    className: clsx65__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
+    className: clsx67__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
     children: null
   })) : /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     __spreadProps(__spreadValues({}, linkProps), {
-      className: clsx65__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
+      className: clsx67__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
     })
   ) : null;
-  const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx65__default.default(ResourceCardItem_module_default.cardLink), children }));
+  const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx67__default.default(ResourceCardItem_module_default.cardLink), children }));
   const cardLinkOverlay = linkProps && !isGlobalSearchVariant ? /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: -1, className: ResourceCardItem_module_default.cardLinkOverlay })) : null;
   function getIcon() {
     switch (item.type) {
@@ -1478,7 +1479,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "article",
       {
-        className: clsx65__default.default(
+        className: clsx67__default.default(
           ResourceCardItem_module_default.cardGrid,
           isGlobalSearchVariant && ResourceCardItem_module_default[variant],
           isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
@@ -1564,7 +1565,7 @@ var Sidebar = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
       {
-        className: clsx65__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
+        className: clsx67__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
         role: "button",
         tabIndex: 0,
         "aria-pressed": i === selectedIndex,
@@ -1622,7 +1623,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
-      className: clsx65__default.default(
+      className: clsx67__default.default(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -1630,26 +1631,26 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx65__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: clsx65__default.default(
+              className: clsx67__default.default(
                 "card-text-content",
                 UpcomingEventCard_module_default["event-card-text-content"],
                 (!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
               ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
-                title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx65__default.default("card-text-title"), children: title }),
+                title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx67__default.default("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
-                cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+                description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
                     variant: "secondary",
-                    className: clsx65__default.default(
+                    className: clsx67__default.default(
                       "card-cta",
                       UpcomingEventCard_module_default["event-card-cta"],
                       !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1668,12 +1669,12 @@ var UpcomingEventCard = ({
         cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx65__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx67__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx65__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx67__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -1700,7 +1701,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React72.forwardRef(
+var Badge = React73.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1721,7 +1722,7 @@ var Badge = React72.forwardRef(
       "live",
       "clickable"
     ]);
-    const classes = clsx65__default.default(
+    const classes = clsx67__default.default(
       Badge_module_default.badge,
       Badge_module_default[variant],
       Badge_module_default[size],
@@ -1732,7 +1733,7 @@ var Badge = React72.forwardRef(
       className
     );
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx65__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
+      icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx67__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
       !iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
     ] });
     if (clickable) {
@@ -1774,7 +1775,7 @@ var Input_module_default = {
   error: "Input_module_error",
   "input-field--error": "Input_module_input-field--error",
   "input-field--disabled": "Input_module_input-field--disabled"};
-var Input = React72.forwardRef(
+var Input = React73.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1805,7 +1806,7 @@ var Input = React72.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React72.useId();
+    const generatedId = React73.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1813,7 +1814,7 @@ var Input = React72.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: clsx65__default.default(
+        className: clsx67__default.default(
           "input-field",
           Input_module_default["input-field"],
           {
@@ -1827,17 +1828,17 @@ var Input = React72.forwardRef(
             "label",
             {
               htmlFor: inputId,
-              className: clsx65__default.default("input-label", Input_module_default.label, {
+              className: clsx67__default.default("input-label", Input_module_default.label, {
                 ["sr-only"]: hideLabel
               }),
               children: [
                 label,
-                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("input-wrapper", Input_module_default.wrapper), children: [
-            startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("input-wrapper", Input_module_default.wrapper), children: [
+            startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               __spreadValues({
@@ -1848,7 +1849,7 @@ var Input = React72.forwardRef(
                 disabled,
                 "aria-invalid": !!error,
                 "aria-describedby": describedBy || void 0,
-                className: clsx65__default.default(
+                className: clsx67__default.default(
                   "input",
                   Input_module_default.input,
                   {
@@ -1859,11 +1860,11 @@ var Input = React72.forwardRef(
                 )
               }, props)
             ),
-            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
-            endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("input-end-action"), children: endAction })
+            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
+            endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("input-end-action"), children: endAction })
           ] }),
-          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx65__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
-          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx65__default.default("input-error", Input_module_default.error), role: "alert", children: error })
+          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx67__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx67__default.default("input-error", Input_module_default.error), role: "alert", children: error })
         ]
       }
     );
@@ -1901,8 +1902,8 @@ var NewsCard = ({
   direction = "vertical",
   renderLink
 }) => {
-  const id = React72.useId();
-  const cardRef = React72.useRef(null);
+  const id = React73.useId();
+  const cardRef = React73.useRef(null);
   const isRestricted = type === "restricted";
   const handleCtaClick = () => {
     var _a, _b;
@@ -1914,7 +1915,7 @@ var NewsCard = ({
     href: cta.url,
     target: cta.isExternal ? "_blank" : void 0,
     rel: cta.isExternal ? "noopener noreferrer" : void 0,
-    className: clsx65__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
+    className: clsx67__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
     "aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
   }, isRestricted && {
     "aria-disabled": true
@@ -1926,7 +1927,7 @@ var NewsCard = ({
     "article",
     {
       ref: cardRef,
-      className: clsx65__default.default(
+      className: clsx67__default.default(
         "news-card",
         NewsCard_module_default["news-card"],
         type && NewsCard_module_default[type],
@@ -1937,29 +1938,29 @@ var NewsCard = ({
       "aria-describedby": isRestricted ? `restricted-${id}` : void 0,
       children: [
         cardLink,
-        image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx65__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
+        image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: clsx65__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
+            className: clsx67__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
             style: {
               "--no-image-padding": image && image.src ? 0 : "1rem"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx65__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
-                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx65__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx67__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
+                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx67__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className: clsx65__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
-                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx65__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className: clsx67__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx67__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
                 isRestricted && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
               ] }),
-              cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+              cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   variant: "secondary",
-                  className: clsx65__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
+                  className: clsx67__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
                   icon: cta.icon,
                   type: "button",
                   onClick: handleCtaClick,
@@ -1989,7 +1990,7 @@ var BlogPostContent = ({ className, body, children }) => {
     body: BlogPostContentBody
   });
   const bodyNode = (_a = slots.body) != null ? _a : body;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
 };
 
 // src/components/BlogPostContent/index.ts
@@ -2015,10 +2016,10 @@ var Search = ({
   className
 }) => {
   const isPill = variant === "pill";
-  const [isOpen, setIsOpen] = React72.useState(isPill);
-  const [query, setQuery] = React72.useState("");
-  const inputRef = React72.useRef(null);
-  React72.useEffect(() => {
+  const [isOpen, setIsOpen] = React73.useState(isPill);
+  const [query, setQuery] = React73.useState("");
+  const inputRef = React73.useRef(null);
+  React73.useEffect(() => {
     var _a;
     if (isOpen && !isPill) (_a = inputRef.current) == null ? void 0 : _a.focus();
   }, [isOpen, isPill]);
@@ -2040,7 +2041,7 @@ var Search = ({
     }
   };
   if (!isOpen) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
@@ -2052,10 +2053,10 @@ var Search = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx65__default.default(
+      className: clsx67__default.default(
         Search_module_default.searchField,
         isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
       ),
@@ -2122,7 +2123,7 @@ var ColTextMenu = ({
       isExternal,
       renderLink,
       icon: "chevronRight",
-      className: clsx65__default.default("subheading", className),
+      className: clsx67__default.default("subheading", className),
       children: label
     }
   );
@@ -2147,9 +2148,9 @@ var UserMenu_module_default = {
 };
 var UserMenu = ({ user, className, dropUp, fullWidth }) => {
   var _a, _b, _c;
-  const [isOpen, setIsOpen] = React72.useState(false);
-  const wrapperRef = React72.useRef(null);
-  const closeTimer = React72.useRef(null);
+  const [isOpen, setIsOpen] = React73.useState(false);
+  const wrapperRef = React73.useRef(null);
+  const closeTimer = React73.useRef(null);
   const hasMenu = !!((_a = user.menuItems) == null ? void 0 : _a.length);
   const openMenu = () => {
     if (closeTimer.current) clearTimeout(closeTimer.current);
@@ -2171,12 +2172,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
       setIsOpen(false);
     }
   };
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     return () => {
       if (closeTimer.current) clearTimeout(closeTimer.current);
     };
   }, []);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (!isOpen) return;
     const handleKey = (e) => {
       if (e.key === "Escape") setIsOpen(false);
@@ -2202,7 +2203,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
         /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
       ] })
     ] });
-    const rootClass = clsx65__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
+    const rootClass = clsx67__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
     return user.url ? /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
@@ -2217,7 +2218,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx65__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
+      className: clsx67__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
       ref: wrapperRef,
       onPointerLeave: handlePointerLeave,
       onBlur: handleBlur,
@@ -2239,7 +2240,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: clsx65__default.default(
+                    className: clsx67__default.default(
                       UserMenu_module_default.userChevron,
                       dropUp && UserMenu_module_default.userChevronUp,
                       isOpen && UserMenu_module_default.userChevronOpen
@@ -2254,12 +2255,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
         isOpen && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx65__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
+            className: clsx67__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
             role: "menu",
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
-              const itemClass = clsx65__default.default(
+              const itemClass = clsx67__default.default(
                 UserMenu_module_default.userMenuItem,
                 item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
               );
@@ -2303,7 +2304,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
 var Loader_module_default = {
   loader: "Loader_module_loader"};
 var Loader = ({ className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("loader", Loader_module_default["loader"], className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("loader", Loader_module_default["loader"], className) });
 };
 Loader.displayName = "Loader";
 
@@ -2326,8 +2327,8 @@ var BrandCard = ({
   animationSettings,
   className
 }) => {
-  const containerRef = React72.useRef(null);
-  const textRef = React72.useRef(null);
+  const containerRef = React73.useRef(null);
+  const textRef = React73.useRef(null);
   react.useGSAP(() => {
     var _a, _b;
     const obj = { val: 0 };
@@ -2352,17 +2353,320 @@ var BrandCard = ({
     "div",
     {
       ref: containerRef,
-      className: clsx65__default.default("brand-card", BrandCard_module_default["brand-card"], BrandCard_module_default[theme], className),
+      className: clsx67__default.default("brand-card", BrandCard_module_default["brand-card"], BrandCard_module_default[theme], className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("content-wrapper", BrandCard_module_default["content-wrapper"]), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx65__default.default("content-title", "body", BrandCard_module_default["content-title"]), children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { ref: textRef, className: clsx65__default.default("content-subtitle", "h1", BrandCard_module_default["content-subtitle"]), children: subtitle })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("content-wrapper", BrandCard_module_default["content-wrapper"]), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx67__default.default("content-title", "body", BrandCard_module_default["content-title"]), children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { ref: textRef, className: clsx67__default.default("content-subtitle", "h1", BrandCard_module_default["content-subtitle"]), children: subtitle })
         ] }),
-        (image == null ? void 0 : image.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx65__default.default("brand-image", BrandCard_module_default["brand-image"]) }, image))
+        (image == null ? void 0 : image.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx67__default.default("brand-image", BrandCard_module_default["brand-image"]) }, image))
       ]
     }
   );
 };
+
+// src/components/Select/Select.module.scss
+var Select_module_default = {
+  "select-trigger": "Select_module_select-trigger",
+  "select-option": "Select_module_select-option",
+  "select-panel": "Select_module_select-panel",
+  "is-highlighted": "Select_module_is-highlighted",
+  "is-selected": "Select_module_is-selected"
+};
+var Select = ({
+  options,
+  value,
+  onChange,
+  placeholder = "-- Select option --",
+  disabled = false,
+  className
+}) => {
+  var _a;
+  const [isOpen, setIsOpen] = React73.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React73.useState(0);
+  const selectId = React73.useId();
+  const triggerRef = React73.useRef(null);
+  const optionRefs = React73.useRef([]);
+  const shouldFocusHighlightedOptionRef = React73.useRef(false);
+  const typeaheadRef = React73.useRef("");
+  const typeaheadTimeoutRef = React73.useRef(null);
+  const [position, setPosition] = React73.useState({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const selectedIndex = options.findIndex((option) => option.value === value);
+  const selectedOption = selectedIndex >= 0 ? options[selectedIndex] : void 0;
+  const updatePosition = () => {
+    if (!triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    setPosition({
+      top: rect.bottom + 4,
+      left: rect.left,
+      width: rect.width
+    });
+  };
+  const openDropdown = () => {
+    if (disabled || options.length === 0) return;
+    shouldFocusHighlightedOptionRef.current = true;
+    setHighlightedIndex(selectedIndex >= 0 ? selectedIndex : 0);
+    updatePosition();
+    setIsOpen(true);
+  };
+  const closeDropdown = () => {
+    var _a2;
+    setIsOpen(false);
+    (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
+  };
+  const selectOption = (index) => {
+    var _a2;
+    const option = options[index];
+    if (!option) return;
+    onChange == null ? void 0 : onChange(option.value || void 0);
+    setIsOpen(false);
+    (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
+  };
+  const handleTriggerKeyDown = (event) => {
+    if (disabled) return;
+    shouldFocusHighlightedOptionRef.current = true;
+    switch (event.key) {
+      case "Enter":
+      case " ":
+      case "ArrowDown":
+        event.preventDefault();
+        if (!isOpen) {
+          openDropdown();
+        } else {
+          setHighlightedIndex((current) => Math.min(current + 1, options.length - 1));
+        }
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        if (!isOpen) {
+          openDropdown();
+        } else {
+          setHighlightedIndex((current) => Math.max(current - 1, 0));
+        }
+        break;
+      case "Escape":
+        if (isOpen) {
+          event.preventDefault();
+          closeDropdown();
+        }
+        break;
+      case "Home":
+        if (isOpen) {
+          event.preventDefault();
+          setHighlightedIndex(0);
+        }
+        break;
+      case "End":
+        if (isOpen) {
+          event.preventDefault();
+          setHighlightedIndex(options.length - 1);
+        }
+        break;
+    }
+  };
+  const handleOptionKeyDown = (event) => {
+    shouldFocusHighlightedOptionRef.current = true;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        setHighlightedIndex((current) => Math.min(current + 1, options.length - 1));
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        setHighlightedIndex((current) => Math.max(current - 1, 0));
+        break;
+      case "Home":
+        event.preventDefault();
+        setHighlightedIndex(0);
+        break;
+      case "End":
+        event.preventDefault();
+        setHighlightedIndex(options.length - 1);
+        break;
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        selectOption(highlightedIndex);
+        break;
+      case "Escape":
+        event.preventDefault();
+        closeDropdown();
+        break;
+      case "Tab":
+        setIsOpen(false);
+        break;
+      default:
+        handleTypeahead(event);
+        break;
+    }
+  };
+  const handleTypeahead = (event) => {
+    if (event.key.length !== 1) return;
+    typeaheadRef.current += event.key.toLowerCase();
+    const index = options.findIndex(
+      (option) => option.label.toLowerCase().startsWith(typeaheadRef.current)
+    );
+    if (index >= 0) {
+      setHighlightedIndex(index);
+    }
+    if (typeaheadTimeoutRef.current) {
+      clearTimeout(typeaheadTimeoutRef.current);
+    }
+    typeaheadTimeoutRef.current = setTimeout(() => {
+      typeaheadRef.current = "";
+    }, 500);
+  };
+  React73.useEffect(() => {
+    var _a2;
+    if (!isOpen || !shouldFocusHighlightedOptionRef.current) return;
+    (_a2 = optionRefs.current[highlightedIndex]) == null ? void 0 : _a2.focus();
+    shouldFocusHighlightedOptionRef.current = false;
+  }, [highlightedIndex, isOpen]);
+  React73.useEffect(() => {
+    if (!isOpen) return;
+    updatePosition();
+    window.addEventListener("resize", updatePosition);
+    window.addEventListener("scroll", updatePosition, true);
+    return () => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition, true);
+    };
+  }, [isOpen]);
+  React73.useEffect(() => {
+    if (!isOpen) return;
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      const trigger = triggerRef.current;
+      if (trigger == null ? void 0 : trigger.contains(target)) {
+        return;
+      }
+      const panel = document.getElementById(`${selectId}-listbox`);
+      if (panel == null ? void 0 : panel.contains(target)) {
+        return;
+      }
+      setIsOpen(false);
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen, selectId]);
+  React73.useEffect(() => {
+    return () => {
+      if (typeaheadTimeoutRef.current) {
+        clearTimeout(typeaheadTimeoutRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: clsx67__default.default(Select_module_default["select-trigger"], className),
+        disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": isOpen,
+        "aria-controls": isOpen ? `${selectId}-listbox` : void 0,
+        onClick: () => {
+          if (isOpen) {
+            closeDropdown();
+          } else {
+            openDropdown();
+          }
+        },
+        onKeyDown: handleTriggerKeyDown,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("label"), children: (_a = selectedOption == null ? void 0 : selectedOption.label) != null ? _a : placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              type: "downChevronBlack",
+              "aria-hidden": "true",
+              className: isOpen ? "is-open icon" : "icon"
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          id: `${selectId}-listbox`,
+          className: clsx67__default.default(Select_module_default["select-panel"]),
+          role: "listbox",
+          style: {
+            position: "fixed",
+            top: position.top,
+            left: position.left,
+            width: position.width
+          },
+          children: options.map((option, index) => {
+            var _a2;
+            const isSelected = option.value === value;
+            const isHighlighted = index === highlightedIndex;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                ref: (element) => {
+                  optionRefs.current[index] = element;
+                },
+                id: `${selectId}-option-${index}`,
+                type: "button",
+                role: "option",
+                "aria-selected": isSelected,
+                className: clsx67__default.default(
+                  Select_module_default["select-option"],
+                  isHighlighted && Select_module_default["is-highlighted"],
+                  isSelected && Select_module_default["is-selected"]
+                ),
+                onClick: () => selectOption(index),
+                onKeyDown: handleOptionKeyDown,
+                onMouseEnter: () => {
+                  shouldFocusHighlightedOptionRef.current = false;
+                  setHighlightedIndex(index);
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label })
+              },
+              (_a2 = option.value) != null ? _a2 : `option-${index}`
+            );
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+
+// src/components/IconTeamCard/IconTeamCard.module.scss
+var IconTeamCard_module_default = {
+  "icon-team-card": "IconTeamCard_module_icon-team-card",
+  "contact-wrapper": "IconTeamCard_module_contact-wrapper",
+  name: "IconTeamCard_module_name",
+  "photo-wrapper": "IconTeamCard_module_photo-wrapper",
+  photo: "IconTeamCard_module_photo",
+  details: "IconTeamCard_module_details",
+  contacts: "IconTeamCard_module_contacts",
+  cta: "IconTeamCard_module_cta"
+};
+var IconTeamCard = ({ className, name, contact, cta, photo }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("icon-team-card", IconTeamCard_module_default["icon-team-card"], className), children: [
+    photo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("photo-wrapper", IconTeamCard_module_default["photo-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, photo), { className: clsx67__default.default("photo", IconTeamCard_module_default["photo"]) })) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("contact-wrapper", IconTeamCard_module_default["contact-wrapper"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("details", IconTeamCard_module_default["details"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("name", IconTeamCard_module_default["name"]), children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("contacts", IconTeamCard_module_default["contacts"]), children: contact })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, __spreadProps(__spreadValues({}, cta), { href: cta == null ? void 0 : cta.url, variant: "secondary", className: clsx67__default.default("cta", IconTeamCard_module_default["cta"]), children: cta == null ? void 0 : cta.label }))
+    ] })
+  ] });
+};
 var CardCarouselTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
@@ -2399,10 +2703,10 @@ var CardCarousel = ({
   var _a, _b, _c;
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React72.useState(null);
-  const [snapIndex, setSnapIndex] = React72.useState(0);
-  const [totalPages, setTotalPages] = React72.useState(1);
-  const [activeVideo, setActiveVideo] = React72.useState(null);
+  const [swiperInstance, setSwiperInstance] = React73.useState(null);
+  const [snapIndex, setSnapIndex] = React73.useState(0);
+  const [totalPages, setTotalPages] = React73.useState(1);
+  const [activeVideo, setActiveVideo] = React73.useState(null);
   const slots = resolveCompoundSlots(children, {
     title: CardCarouselTitle,
     subtitle: CardCarouselSubtitle,
@@ -2418,11 +2722,11 @@ var CardCarousel = ({
     setTotalPages(Math.max((_b2 = (_a2 = swiper.snapGrid) == null ? void 0 : _a2.length) != null ? _b2 : 1, 1));
   };
   if (!cards.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(CardCarousel_module_default.cardCarousel, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(CardCarousel_module_default.cardCarousel, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCarousel_module_default.header, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCarousel_module_default.texts, children: [
         titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
-        subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("subheading", CardCarousel_module_default.subtitle), children: subtitleNode })
+        subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("subheading", CardCarousel_module_default.subtitle), children: subtitleNode })
       ] }),
       !isMobile && totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
         Pagination,
@@ -2459,7 +2763,7 @@ var CardCarousel = ({
             Card2,
             __spreadProps(__spreadValues({}, card), {
               variant: theme,
-              className: clsx65__default.default(CardCarousel_module_default.card, isLocked && CardCarousel_module_default.locked, cardClassName),
+              className: clsx67__default.default(CardCarousel_module_default.card, isLocked && CardCarousel_module_default.locked, cardClassName),
               onCtaClick: !isLocked && videoUrl ? (event) => {
                 event.preventDefault();
                 setActiveVideo(videoUrl);
@@ -2470,7 +2774,7 @@ var CardCarousel = ({
         })
       }
     ),
-    footnoteNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("body", CardCarousel_module_default.footnote), children: footnoteNode }),
+    footnoteNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("body", CardCarousel_module_default.footnote), children: footnoteNode }),
     /* @__PURE__ */ jsxRuntime.jsx(
       Modal,
       {
@@ -2533,10 +2837,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React72.useRef(null);
-  const revealWrapper = React72.useRef(null);
-  const extraCard = React72.useRef(null);
-  const [isExpanded, setIsExpanded] = React72.useState(false);
+  const container = React73.useRef(null);
+  const revealWrapper = React73.useRef(null);
+  const extraCard = React73.useRef(null);
+  const [isExpanded, setIsExpanded] = React73.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -2547,7 +2851,7 @@ var CardCollection = ({
   const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
   const hiddenCards = isExamCard ? cards.slice(8) : [];
   const { contextSafe } = react.useGSAP({ scope: container });
-  const handleShowMore = React72.useCallback(() => {
+  const handleShowMore = React73.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -2579,13 +2883,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx65__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx67__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
           visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
           isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
             Card2,
@@ -2651,8 +2955,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React72.useRef(null);
-  const blurRef = React72.useRef(null);
+  const containerRef = React73.useRef(null);
+  const blurRef = React73.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2686,7 +2990,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx65__default.default(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx67__default.default(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -2701,8 +3005,8 @@ var ContactModule = ({
     /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
           Button,
@@ -2771,7 +3075,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx65__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx67__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
     supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-group"], children: [
@@ -2800,7 +3104,7 @@ var Footer = ({
             index
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
         ) }) }),
-        titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
         copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
       ] }),
       navigationLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2826,7 +3130,7 @@ var LogoBar_module_default = {
 };
 var LogoBar = ({ className, items }) => {
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
       item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
       item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
@@ -2897,17 +3201,17 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
-        (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(HeroBanner_module_default.text, vMainHeroBanner && HeroBanner_module_default.fullWidth), children: [
+        (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(HeroBanner_module_default.text, vMainHeroBanner && HeroBanner_module_default.fullWidth), children: [
           isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
           titleNode && /* @__PURE__ */ jsxRuntime.jsx(
             Text,
             {
               tag: "h2",
               promoteToH1,
-              className: clsx65__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
+              className: clsx67__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
               children: titleNode
             }
           ),
@@ -2916,7 +3220,7 @@ var HeroBanner = ({
             {
               tag: "div",
               promoteToH1: promoteToH1 && !titleNode,
-              className: clsx65__default.default(HeroBanner_module_default.subtitle, "subheading"),
+              className: clsx67__default.default(HeroBanner_module_default.subtitle, "subheading"),
               children: subtitleNode
             }
           )
@@ -2986,10 +3290,10 @@ var HeroBannerCarousel_module_default = {
 var HeroBannerCarousel = ({ className, items = [] }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React72.useState(null);
-  const [activeIndex, setActiveIndex] = React72.useState(0);
+  const [swiperInstance, setSwiperInstance] = React73.useState(null);
+  const [activeIndex, setActiveIndex] = React73.useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
       react$1.Swiper,
       {
@@ -3001,7 +3305,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
           item.isNewItem && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
               item.ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3036,7 +3340,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          className: clsx65__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx67__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
           onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
           "aria-label": `Go to slide ${index + 1}`
         },
@@ -3079,16 +3383,16 @@ var AccordionItem = ({
   hasDivider,
   className
 }) => {
-  const contentRef = React72.useRef(null);
-  const contentInnerRef = React72.useRef(null);
-  const timelineRef = React72.useRef(null);
-  const [contentHeight, setContentHeight] = React72.useState(0);
-  React72.useEffect(() => {
+  const contentRef = React73.useRef(null);
+  const contentInnerRef = React73.useRef(null);
+  const timelineRef = React73.useRef(null);
+  const [contentHeight, setContentHeight] = React73.useState(0);
+  React73.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -3119,7 +3423,7 @@ var AccordionItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx65__default.default(
+      className: clsx67__default.default(
         "accordionItem",
         Accordion_module_default.accordionItem,
         {
@@ -3134,18 +3438,18 @@ var AccordionItem = ({
         }) : /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
-            className: clsx65__default.default(Accordion_module_default.accordionHeader, {
+            className: clsx67__default.default(Accordion_module_default.accordionHeader, {
               [Accordion_module_default.accordionHeaderOpen]: isOpen
             }),
             onClick: handleToggle,
             "aria-expanded": isOpen,
             "aria-label": `Toggle ${title}`,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: clsx65__default.default(Accordion_module_default.accordionChevron, {
+                  className: clsx67__default.default(Accordion_module_default.accordionChevron, {
                     [Accordion_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
@@ -3158,7 +3462,7 @@ var AccordionItem = ({
           "div",
           {
             ref: contentRef,
-            className: clsx65__default.default("accordionContent", Accordion_module_default.accordionContent),
+            className: clsx67__default.default("accordionContent", Accordion_module_default.accordionContent),
             style: {
               overflow: "hidden",
               height: 0
@@ -3168,7 +3472,7 @@ var AccordionItem = ({
               "div",
               {
                 ref: contentInnerRef,
-                className: clsx65__default.default("accordionContentInner", Accordion_module_default.accordionContentInner),
+                className: clsx67__default.default("accordionContentInner", Accordion_module_default.accordionContentInner),
                 children
               }
             )
@@ -3177,7 +3481,7 @@ var AccordionItem = ({
         hasDivider && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx65__default.default("accordionContentDivider", Accordion_module_default.accordionContentDivider),
+            className: clsx67__default.default("accordionContentDivider", Accordion_module_default.accordionContentDivider),
             "aria-hidden": "true"
           }
         )
@@ -3192,7 +3496,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React72.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React73.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -3212,7 +3516,7 @@ var Accordion = ({
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Accordion_module_default.accordion, className), children: items.map((item) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Accordion_module_default.accordion, className), children: items.map((item) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       AccordionItem,
       {
@@ -3257,10 +3561,10 @@ var InternalBrandsTab_module_default = {
 var InternalBrandsTab = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const { title, subTitle, className, tabs } = props;
-  const [activeIndex, setActiveIndex] = React72.useState(0);
+  const [activeIndex, setActiveIndex] = React73.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React72.useMemo(() => {
+  const accordionItems = React73.useMemo(() => {
     return (tabs == null ? void 0 : tabs.map((tab, index) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
       return {
@@ -3306,7 +3610,7 @@ var InternalBrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
       subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
@@ -3322,7 +3626,7 @@ var InternalBrandsTab = (props) => {
         },
         index
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
@@ -3422,22 +3726,22 @@ var MiniBanner = ({
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
   const goBackNode = slots == null ? void 0 : slots.goBack;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx65__default.default(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx67__default.default(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
         (titleNode || goBackNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
-          goBackNode ? React72__default.default.cloneElement(goBackNode, {
-            className: clsx65__default.default("back-button", MiniBanner_module_default["back-button"])
+          goBackNode ? React73__default.default.cloneElement(goBackNode, {
+            className: clsx67__default.default("back-button", MiniBanner_module_default["back-button"])
           }) : null,
           titleNode && /* @__PURE__ */ jsxRuntime.jsx(
             Text,
             {
               tag: "div",
               promoteToH1,
-              className: clsx65__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
+              className: clsx67__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
               children: titleNode
             }
           )
@@ -3445,7 +3749,7 @@ var MiniBanner = ({
         subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx65__default.default(MiniBanner_module_default.title, MiniBanner_module_default.subtitle, {
+            className: clsx67__default.default(MiniBanner_module_default.title, MiniBanner_module_default.subtitle, {
               subheading: isMiniBannerNoBG,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
               h4: isMiniBannerTextLeft
@@ -3523,7 +3827,7 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx65__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx67__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
       style: __spreadValues({}, hasModuleStyles && {
         "--custom-background-color": moduleStyles.backgroundColor,
         "--custom-mobile-background-color": moduleStyles.mobileBackgroundColor,
@@ -3535,7 +3839,7 @@ var MiniSectionCta = ({
           subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx65__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx67__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -3565,8 +3869,8 @@ var NavigationUserMenuFallback = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
 var useIsAtTop = () => {
-  const [isAtTop, setIsAtTop] = React72.useState(true);
-  React72.useEffect(() => {
+  const [isAtTop, setIsAtTop] = React73.useState(true);
+  React73.useEffect(() => {
     const handleScroll = () => setIsAtTop(window.scrollY === 0);
     window.addEventListener("scroll", handleScroll, { passive: true });
     return () => window.removeEventListener("scroll", handleScroll);
@@ -3610,7 +3914,7 @@ var NavigationBrandBars_module_default = {
 };
 var NavigationBrandBars = ({ brandBars, className }) => {
   if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       className: NavigationBrandBars_module_default.brandBar,
@@ -3621,8 +3925,8 @@ var NavigationBrandBars = ({ brandBars, className }) => {
 };
 var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
 var useActivePath = () => {
-  const [pathname, setPathname] = React72.useState(getPathname);
-  React72.useEffect(() => {
+  const [pathname, setPathname] = React73.useState(getPathname);
+  React73.useEffect(() => {
     const handlePopState = () => setPathname(getPathname());
     window.addEventListener("popstate", handlePopState);
     return () => window.removeEventListener("popstate", handlePopState);
@@ -3685,7 +3989,7 @@ var NavigationDesktop = ({
         "a",
         {
           href: (_b = item.cta) == null ? void 0 : _b.url,
-          className: clsx65__default.default(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
+          className: clsx67__default.default(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
           "aria-current": isCurrent2 ? "page" : void 0,
           target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
           rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
@@ -3704,7 +4008,7 @@ var NavigationDesktop = ({
       {
         type: "button",
         id: `${baseId}-trigger-${index}`,
-        className: clsx65__default.default(
+        className: clsx67__default.default(
           NavigationDesktop_module_default.navTabLink,
           NavigationDesktop_module_default.navTabTrigger,
           (isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
@@ -3778,7 +4082,7 @@ var NavigationDropdown = ({
     "div",
     {
       id: panelId,
-      className: clsx65__default.default(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
+      className: clsx67__default.default(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
       onMouseEnter,
       onMouseLeave,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
@@ -3787,7 +4091,7 @@ var NavigationDropdown = ({
           return /* @__PURE__ */ jsxRuntime.jsx(
             "li",
             {
-              className: clsx65__default.default(NavigationDropdown_module_default.dropdownLinkItem, {
+              className: clsx67__default.default(NavigationDropdown_module_default.dropdownLinkItem, {
                 [NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
               }),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3871,11 +4175,11 @@ var NavigationMobile = ({
   loginCta,
   rightButton
 }) => {
-  const [expanded, setExpanded] = React72.useState(null);
-  const [supportsHover] = React72.useState(
+  const [expanded, setExpanded] = React73.useState(null);
+  const [supportsHover] = React73.useState(
     () => typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches
   );
-  const baseId = React72.useId();
+  const baseId = React73.useId();
   const toggleExpanded = (index) => {
     setExpanded((prev) => prev === index ? null : index);
   };
@@ -3899,7 +4203,7 @@ var NavigationMobile = ({
       "div",
       {
         id,
-        className: clsx65__default.default(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
+        className: clsx67__default.default(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
         role: "dialog",
         "aria-modal": "true",
         "aria-label": "Navigation menu",
@@ -3945,7 +4249,7 @@ var NavigationMobile = ({
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "span",
                       {
-                        className: clsx65__default.default(
+                        className: clsx67__default.default(
                           NavigationMobile_module_default.mobileItemChevron,
                           isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
                         ),
@@ -3960,7 +4264,7 @@ var NavigationMobile = ({
                 "div",
                 {
                   id: subMenuId,
-                  className: clsx65__default.default(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
+                  className: clsx67__default.default(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
                   children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
                     (subItem, i) => {
                       var _a2, _b2;
@@ -3968,7 +4272,7 @@ var NavigationMobile = ({
                         "a",
                         {
                           href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
-                          className: clsx65__default.default(
+                          className: clsx67__default.default(
                             NavigationMobile_module_default.mobileSubLink,
                             subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
                           ),
@@ -3999,7 +4303,7 @@ var NavigationMobile = ({
     "div",
     {
       id,
-      className: clsx65__default.default(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
+      className: clsx67__default.default(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Navigation menu",
@@ -4051,7 +4355,7 @@ var NavigationMobile = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "span",
                     {
-                      className: clsx65__default.default(
+                      className: clsx67__default.default(
                         NavigationMobile_module_default.internalMobileItemChevron,
                         isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
                       ),
@@ -4066,7 +4370,7 @@ var NavigationMobile = ({
               "div",
               {
                 id: subMenuId,
-                className: clsx65__default.default(
+                className: clsx67__default.default(
                   NavigationMobile_module_default.internalMobileSubItems,
                   isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
                 ),
@@ -4077,7 +4381,7 @@ var NavigationMobile = ({
                       "a",
                       {
                         href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
-                        className: clsx65__default.default(
+                        className: clsx67__default.default(
                           NavigationMobile_module_default.internalMobileSubLink,
                           sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
                         ),
@@ -4154,15 +4458,15 @@ var Navigation2 = (props) => {
     userMenuFallback: NavigationUserMenuFallback
   });
   const userMenuFallbackNode = slots.userMenuFallback;
-  const [isHovered, setIsHovered] = React72.useState(false);
-  const [openIndex, setOpenIndex] = React72.useState(null);
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = React72.useState(false);
-  const navRef = React72.useRef(null);
-  const closeTimer = React72.useRef(null);
+  const [isHovered, setIsHovered] = React73.useState(false);
+  const [openIndex, setOpenIndex] = React73.useState(null);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React73.useState(false);
+  const navRef = React73.useRef(null);
+  const closeTimer = React73.useRef(null);
   const isAtTop = useIsAtTop();
   const { is } = useViewPort_default();
-  const mobileMenuId = React72.useId();
-  const baseId = React72.useId();
+  const mobileMenuId = React73.useId();
+  const baseId = React73.useId();
   const isTabletBelow = is("tablet", "below");
   const dropdownOpen = openIndex !== null && !isTabletBelow;
   const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
@@ -4208,13 +4512,13 @@ var Navigation2 = (props) => {
       }
     }
   };
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     document.body.style.overflow = isMobileMenuOpen ? "hidden" : "";
     return () => {
       document.body.style.overflow = "";
     };
   }, [isMobileMenuOpen]);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (!navRef.current) return;
     const navigation = navRef.current;
     const root = document.documentElement;
@@ -4232,7 +4536,7 @@ var Navigation2 = (props) => {
       root.style.removeProperty("--navigation-height");
     };
   }, []);
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (!dropdownOpen) return;
     const handleKey = (e) => {
       if (e.key === "Escape") setOpenIndex(null);
@@ -4254,7 +4558,7 @@ var Navigation2 = (props) => {
   const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(
     Picture,
     {
-      className: clsx65__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
+      className: clsx67__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
       src: mainLogo,
       alt: logoAlt
     }
@@ -4264,7 +4568,7 @@ var Navigation2 = (props) => {
       "nav",
       {
         ref: navRef,
-        className: clsx65__default.default(
+        className: clsx67__default.default(
           Navigation_module_default.navigation,
           dropdownOpen && Navigation_module_default.dropdownOpen,
           // External-only transparent / hover treatment.
@@ -4284,7 +4588,7 @@ var Navigation2 = (props) => {
                 {
                   mainLogo,
                   homeCta,
-                  className: clsx65__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
+                  className: clsx67__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
                 }
               ) : logo,
               isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -4315,8 +4619,8 @@ var Navigation2 = (props) => {
                   rightButton,
                   loginVariant: isTransparent ? "ghost" : "nofillblack"
                 }
-              ) : user ? /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user }) : userMenuFallbackNode ? React72.cloneElement(userMenuFallbackNode, {
-                className: clsx65__default.default("userMenuFallback", Navigation_module_default["userMenuFallback"])
+              ) : user ? /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user }) : userMenuFallbackNode ? React73.cloneElement(userMenuFallbackNode, {
+                className: clsx67__default.default("userMenuFallback", Navigation_module_default["userMenuFallback"])
               }) : null
             ] }),
             !isTabletBelow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.bottomRow, children: [
@@ -4423,7 +4727,7 @@ var PracticePathCards = ({
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
   const footerNode = (_c = slots.footer) != null ? _c : footer;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
     (titleNode || subtitleNode || (cta == null ? void 0 : cta.url)) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
       (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
         titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
@@ -4477,8 +4781,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
-    titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
+    titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
       image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -4530,7 +4834,7 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx65__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx67__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
       style: __spreadValues({}, hasModuleStyles && {
         "--custom-background-color": moduleStyles.backgroundColor,
         "--custom-color": moduleStyles.color
@@ -4538,8 +4842,8 @@ var Teaser5050WithCta = ({
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
-            titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("h3", Teaser5050WithCta_module_default.title), children: titleNode }),
-            subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("subheading", Teaser5050WithCta_module_default.subheading), children: subtitleNode })
+            titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("h3", Teaser5050WithCta_module_default.title), children: titleNode }),
+            subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("subheading", Teaser5050WithCta_module_default.subheading), children: subtitleNode })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
             Button,
@@ -4602,14 +4906,14 @@ var Media5050Left = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const longTextNode = (_b = slots.subtitle) != null ? _b : longText;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Media5050Left_module_default.media5050, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Media5050Left_module_default.outerContainer, children: [
-    heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default("h2", Media5050Left_module_default.heading), children: heading }),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Media5050Left_module_default.media5050, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Media5050Left_module_default.outerContainer, children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default("h2", Media5050Left_module_default.heading), children: heading }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Media5050Left_module_default.container, children: [
       image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Media5050Left_module_default.image }, image)),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Media5050Left_module_default.content, children: [
-        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx65__default.default("overline", Media5050Left_module_default.eyebrow), children: eyebrow }),
-        titleNode && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: clsx65__default.default("h4", Media5050Left_module_default.title), children: titleNode }),
-        longTextNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("body", Media5050Left_module_default.longText), children: longTextNode }),
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx67__default.default("overline", Media5050Left_module_default.eyebrow), children: eyebrow }),
+        titleNode && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: clsx67__default.default("h4", Media5050Left_module_default.title), children: titleNode }),
+        longTextNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("body", Media5050Left_module_default.longText), children: longTextNode }),
         ctas && ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(LogoBar, { items: ctas, className: Media5050Left_module_default.ctaWrapper })
       ] })
     ] })
@@ -4646,7 +4950,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx65__default.default(Carousel_module_default.carousel, className),
+      className: clsx67__default.default(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [modules.FreeMode, modules.A11y],
@@ -4656,7 +4960,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
         react$1.SwiperSlide,
         {
-          className: clsx65__default.default(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx67__default.default(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -4714,15 +5018,15 @@ var EventList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx65__default.default(
+      className: clsx67__default.default(
         "event-list-module",
         EventList_module_default["event-list-module"],
         backgroundColor && EventList_module_default[backgroundColor],
         className
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
@@ -4740,7 +5044,7 @@ var EventList = ({
             Carousel,
             {
               "aria-label": "Upcoming events",
-              wrapperClass: clsx65__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+              wrapperClass: clsx67__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
               slideClass: EventList_module_default["carousel-list-item"],
               spaceBetween: 16,
               slides: items.map((item) => {
@@ -4748,7 +5052,7 @@ var EventList = ({
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   UpcomingEventCard,
                   __spreadValues({
-                    className: clsx65__default.default(EventList_module_default["event-card"]),
+                    className: clsx67__default.default(EventList_module_default["event-card"]),
                     direction: "vertical",
                     showImage: false
                   }, item),
@@ -4761,7 +5065,7 @@ var EventList = ({
             "ul",
             {
               "aria-label": "Upcoming events",
-              className: clsx65__default.default(
+              className: clsx67__default.default(
                 EventList_module_default["event-list-wrapper"],
                 EventList_module_default["horizontal"],
                 EventList_module_default[variant]
@@ -4771,11 +5075,11 @@ var EventList = ({
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   "li",
                   {
-                    className: clsx65__default.default(EventList_module_default["card-list-item"]),
+                    className: clsx67__default.default(EventList_module_default["card-list-item"]),
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       UpcomingEventCard,
                       __spreadProps(__spreadValues({}, item), {
-                        className: clsx65__default.default(EventList_module_default["card-item"]),
+                        className: clsx67__default.default(EventList_module_default["card-item"]),
                         showImage: false,
                         direction: "vertical"
                       })
@@ -4790,7 +5094,7 @@ var EventList = ({
             "ul",
             {
               "aria-label": "Upcoming events",
-              className: clsx65__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+              className: clsx67__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
               children: items == null ? void 0 : items.map((item, index) => {
                 var _a2, _b, _c;
                 return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
@@ -4798,8 +5102,8 @@ var EventList = ({
             }
           )
         ] }),
-        !isNotEmpty && emptyNode ? React72__default.default.cloneElement(emptyNode, {
-          className: clsx65__default.default("empty-search-result", EventList_module_default["empty-search-result"])
+        !isNotEmpty && emptyNode ? React73__default.default.cloneElement(emptyNode, {
+          className: clsx67__default.default("empty-search-result", EventList_module_default["empty-search-result"])
         }) : null
       ] })
     }
@@ -4843,9 +5147,9 @@ var TextEvent = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const richTextNode = (_b = slots.richText) != null ? _b : richText;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -4882,13 +5186,13 @@ var TextBody = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Container,
     {
-      className: clsx65__default.default(TextBody_module_default.textBody, isArticleBigPadding && TextBody_module_default.articleBigPadding, className),
+      className: clsx67__default.default(TextBody_module_default.textBody, isArticleBigPadding && TextBody_module_default.articleBigPadding, className),
       children: [
         titleNode && /* @__PURE__ */ jsxRuntime.jsx(
           Text,
           {
             tag: isTableCenter ? "h4" : "h3",
-            className: clsx65__default.default(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
+            className: clsx67__default.default(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
             children: titleNode
           }
         ),
@@ -4919,10 +5223,14 @@ var TextCenterCtaInBottom_module_default = {
   subtitle: "TextCenterCtaInBottom_module_subtitle",
   ctaWrapper: "TextCenterCtaInBottom_module_ctaWrapper",
   iconOnly: "TextCenterCtaInBottom_module_iconOnly",
-  cta: "TextCenterCtaInBottom_module_cta"
+  cta: "TextCenterCtaInBottom_module_cta",
+  textCenterCTA: "TextCenterCtaInBottom_module_textCenterCTA",
+  textCenterButtonLogoBar: "TextCenterCtaInBottom_module_textCenterButtonLogoBar"
 };
 var TextCenterCtaInBottom = ({
   className,
+  variant,
+  buttonVariant,
   title,
   subtitle,
   ctas,
@@ -4935,15 +5243,15 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(TextCenterCtaInBottom_module_default.textCenterCta, variant && TextCenterCtaInBottom_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
       subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
     ] }),
-    !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
+    !!(ctas == null ? void 0 : ctas.length) && (variant === "textCenterButtonLogoBar" ? /* @__PURE__ */ jsxRuntime.jsx(LogoBar, { items: ctas, className: TextCenterCtaInBottom_module_default.ctaWrapper }) : /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: clsx65__default.default(
+        className: clsx67__default.default(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -4951,7 +5259,7 @@ var TextCenterCtaInBottom = ({
           Button,
           {
             className: TextCenterCtaInBottom_module_default.cta,
-            variant: "secondary",
+            variant: buttonVariant === "buttonBlack" ? "primary" : "secondary",
             href: cta == null ? void 0 : cta.url,
             isExternal: cta == null ? void 0 : cta.isExternal,
             logo: cta.logo,
@@ -4960,7 +5268,7 @@ var TextCenterCtaInBottom = ({
           key
         ))
       }
-    )
+    ))
   ] }) });
 };
 
@@ -5008,16 +5316,16 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  const [view, setView] = React72.useState(defaultView);
-  const [isSidebarOpen, setIsSidebarOpen] = React72.useState(false);
-  const [filterValue, setFilterValue] = React72.useState(defaultFilter);
-  const [sortValue, setSortValue] = React72.useState(defaultSort);
-  const [searchQuery, setSearchQuery] = React72.useState("");
-  const [currentPage, setCurrentPage] = React72.useState(1);
-  const widgetRef = React72.useRef(null);
+  const [view, setView] = React73.useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = React73.useState(false);
+  const [filterValue, setFilterValue] = React73.useState(defaultFilter);
+  const [sortValue, setSortValue] = React73.useState(defaultSort);
+  const [searchQuery, setSearchQuery] = React73.useState("");
+  const [currentPage, setCurrentPage] = React73.useState(1);
+  const widgetRef = React73.useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const currentHash = React72.useSyncExternalStore(subscribeHash, getHashSnapshot, getServerHashSnapshot);
+  const currentHash = React73.useSyncExternalStore(subscribeHash, getHashSnapshot, getServerHashSnapshot);
   const selectedCategory = (() => {
     const hash = decodeURIComponent(currentHash.replace(/^#/, ""));
     if (hash) {
@@ -5072,7 +5380,7 @@ var ResourcesGridList = ({
   const safeCurrentPage = Math.min(currentPage, totalPages);
   const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
   const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx65__default.default(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx67__default.default(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       FilterBar,
       {
@@ -5091,7 +5399,7 @@ var ResourcesGridList = ({
       isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx65__default.default(
+          className: clsx67__default.default(
             ResourcesGridList_module_default.mobileSidebarOverlay,
             isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
           ),
@@ -5102,7 +5410,7 @@ var ResourcesGridList = ({
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "li",
                 {
-                  className: clsx65__default.default(
+                  className: clsx67__default.default(
                     ResourcesGridList_module_default.mobileSidebarItem,
                     i === selectedCategory && ResourcesGridList_module_default.active
                   ),
@@ -5147,7 +5455,7 @@ var ResourcesGridList = ({
           onSelect: handleSelectCategory
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
     ] }),
     totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
       Pagination,
@@ -5186,7 +5494,7 @@ var Grid = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: clsx65__default.default("grid", Grid_module_default.grid, className),
+      className: clsx67__default.default("grid", Grid_module_default.grid, className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -5211,7 +5519,7 @@ var GridItem = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: clsx65__default.default("grid-item", Grid_module_default["grid-item"], className),
+      className: clsx67__default.default("grid-item", Grid_module_default["grid-item"], className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -5259,13 +5567,13 @@ var BlogCardGrid = ({
     title: BlogCardGridTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
-      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx65__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx67__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          className: clsx65__default.default("cta", BlogCardGrid_module_default["cta"]),
+          className: clsx67__default.default("cta", BlogCardGrid_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -5290,11 +5598,11 @@ var BlogCardGrid = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx65__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
+      className: clsx67__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx65__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx67__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -5342,13 +5650,13 @@ var FeaturedNewsHighlights = ({
   const sideCards = items.slice(1);
   const isVariantHome = variant === "home";
   const isBelowTablet = is("tablet", "below");
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
-    title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
+    title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          className: clsx65__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
+          className: clsx67__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -5360,33 +5668,33 @@ var FeaturedNewsHighlights = ({
     isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
       Carousel,
       {
-        className: clsx65__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
+        className: clsx67__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
         "aria-label": "featured news",
-        wrapperClass: clsx65__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
+        wrapperClass: clsx67__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
         slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
         spaceBetween: 16,
         slides: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           NewsCard,
           __spreadProps(__spreadValues({}, item), {
             direction: "vertical",
-            className: clsx65__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
+            className: clsx67__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
           }),
           `${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
         ))
       }
     ),
-    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
+    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
       featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
         NewsCard,
         __spreadProps(__spreadValues({}, featuredCard), {
-          className: clsx65__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
+          className: clsx67__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
           renderLink
         })
       ),
-      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
+      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
         NewsCard,
         __spreadProps(__spreadValues({}, card), {
-          className: clsx65__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
+          className: clsx67__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
           direction: "horizontal",
           renderLink
         }),
@@ -5397,11 +5705,11 @@ var FeaturedNewsHighlights = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx65__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
+      className: clsx67__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx65__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx67__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -5445,16 +5753,16 @@ var NewsCardList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx65__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
+      className: clsx67__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default("container", NewsCardList_module_default["container"]), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default("container", NewsCardList_module_default["container"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             __spreadValues({
-              className: clsx65__default.default("search-input", NewsCardList_module_default["search-input"]),
+              className: clsx67__default.default("search-input", NewsCardList_module_default["search-input"]),
               startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
               placeholder: "Search News",
               "aria-label": "Search News",
@@ -5462,7 +5770,7 @@ var NewsCardList = ({
                 Button,
                 {
                   variant: "nofillblack",
-                  className: clsx65__default.default(NewsCardList_module_default["end-action-button"]),
+                  className: clsx67__default.default(NewsCardList_module_default["end-action-button"]),
                   "aria-label": "Search",
                   onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
                   children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
@@ -5474,7 +5782,7 @@ var NewsCardList = ({
               } : void 0
             }, searchInputProps)
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
             currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
               FeaturedNewsHighlights2,
               {
@@ -5487,8 +5795,8 @@ var NewsCardList = ({
             /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        paginationNode ? React72__default.default.cloneElement(paginationNode, {
-          className: clsx65__default.default("pagination", NewsCardList_module_default["pagination"])
+        paginationNode ? React73__default.default.cloneElement(paginationNode, {
+          className: clsx67__default.default("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
     }
@@ -5533,15 +5841,15 @@ var BlogPost = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default("container", BlogPost_module_default["container"]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("header", BlogPost_module_default["header"]), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default("container", BlogPost_module_default["container"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("header", BlogPost_module_default["header"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
-      image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx65__default.default("image", BlogPost_module_default["image"]) }))
+      image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67__default.default("image", BlogPost_module_default["image"]) }))
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("content", BlogPost_module_default["content"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("content-top", BlogPost_module_default["content-top"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("content", BlogPost_module_default["content"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("content-top", BlogPost_module_default["content-top"]), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx65__default.default("content-date", BlogPost_module_default["content-date"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx67__default.default("content-date", BlogPost_module_default["content-date"]), children: [
           "Published ",
           /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
         ] })
@@ -5554,7 +5862,7 @@ var BlogPost = ({
         title: "More News",
         items: relatedArticles,
         hasContainer: false,
-        className: clsx65__default.default("related-articles", BlogPost_module_default["related-articles"])
+        className: clsx67__default.default("related-articles", BlogPost_module_default["related-articles"])
       }
     )
   ] }) });
@@ -5602,15 +5910,15 @@ var BlogSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React72__default.default.isValidElement(searchNode) ? React72__default.default.cloneElement(searchNode, {
-      className: clsx65__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React73__default.default.isValidElement(searchNode) ? React73__default.default.cloneElement(searchNode, {
+      className: clsx67__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
         __spreadValues({
-          className: clsx65__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
+          className: clsx67__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
           placeholder: "Search News",
           "aria-label": "Search News",
@@ -5618,7 +5926,7 @@ var BlogSearchResultsList = ({
             Button,
             {
               variant: "nofillblack",
-              className: clsx65__default.default(BlogSearchResultsList_module_default["end-action-button"]),
+              className: clsx67__default.default(BlogSearchResultsList_module_default["end-action-button"]),
               "aria-label": "Search",
               onClick: () => onSearchSubmit(searchValue),
               children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
@@ -5632,8 +5940,8 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    paginationNode ? React72__default.default.cloneElement(paginationNode, {
-      className: clsx65__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
+    paginationNode ? React73__default.default.cloneElement(paginationNode, {
+      className: clsx67__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -5674,11 +5982,11 @@ var GlobalSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React72__default.default.isValidElement(searchNode) ? React72__default.default.cloneElement(searchNode, {
-      className: clsx65__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React73__default.default.isValidElement(searchNode) ? React73__default.default.cloneElement(searchNode, {
+      className: clsx67__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
       var _a2;
       return /* @__PURE__ */ jsxRuntime.jsx(
         GridItem,
@@ -5698,8 +6006,8 @@ var GlobalSearchResultsList = ({
         item.title ? `${item.title}-${(_a2 = item == null ? void 0 : item.id) != null ? _a2 : index}` : index
       );
     }) }) }),
-    paginationNode ? React72__default.default.cloneElement(paginationNode, {
-      className: clsx65__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
+    paginationNode ? React73__default.default.cloneElement(paginationNode, {
+      className: clsx67__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -5733,8 +6041,8 @@ var TextCenterWithMedia = ({
   children
 }) => {
   var _a;
-  const [isOpen, setIsOpen] = React72.useState(false);
-  const videoRef = React72.useRef(null);
+  const [isOpen, setIsOpen] = React73.useState(false);
+  const videoRef = React73.useRef(null);
   const handleClose = () => {
     if (videoRef.current) {
       videoRef.current.pause();
@@ -5744,7 +6052,7 @@ var TextCenterWithMedia = ({
   };
   const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx65__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx67__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -5817,10 +6125,10 @@ var QuoteSectionBlock = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React72.useState(null);
-  const [activeIndex, setActiveIndex] = React72.useState(0);
+  const [swiperInstance, setSwiperInstance] = React73.useState(null);
+  const [activeIndex, setActiveIndex] = React73.useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: !viewtype ? QuoteSectionBlock_module_default.swiperContainer : QuoteSectionBlock_module_default.swiperContainerFullWidth, children: /* @__PURE__ */ jsxRuntime.jsx(
       react$1.Swiper,
@@ -5875,12 +6183,12 @@ var PageLoader = ({ className, children }) => {
     logo: PageLoaderLogo
   });
   const logoNode = slots.logo;
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx65__default.default(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("wrapper", PageLoader_module_default["wrapper"]), children: [
-    logoNode ? React72__default.default.cloneElement(logoNode, {
-      className: clsx65__default.default("image-logo", PageLoader_module_default["image-logo"])
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx67__default.default(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("wrapper", PageLoader_module_default["wrapper"]), children: [
+    logoNode ? React73__default.default.cloneElement(logoNode, {
+      className: clsx67__default.default("image-logo", PageLoader_module_default["image-logo"])
     }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
   ] }) });
 };
 
@@ -5906,8 +6214,8 @@ var TwoColTextMenu = ({
   renderLink
 }) => {
   if (sections.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: clsx65__default.default(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: clsx67__default.default(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: TwoColTextMenu_module_default.list, children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ColTextMenu, __spreadProps(__spreadValues({}, item), { renderLink })) }, itemIndex)) })
   ] }, index)) }) }) });
 };
@@ -5937,16 +6245,16 @@ var LocationsBrandCards = ({
   children
 }) => {
   var _a;
-  const containerRef = React72.useRef(null);
+  const containerRef = React73.useRef(null);
   const slots = resolveCompoundSlots(children, {
     text: LocationsBrandCardsText
   });
   const textNode = (_a = slots == null ? void 0 : slots.text) != null ? _a : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("locations-brand-cards", LocationsBrandCards_module_default["locations-brand-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(LocationsBrandCards_module_default.container), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
-      textNode && React72.isValidElement(textNode) ? React72.cloneElement(textNode, {
-        className: clsx65__default.default(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("locations-brand-cards", LocationsBrandCards_module_default["locations-brand-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(LocationsBrandCards_module_default.container), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
+      textNode && React73.isValidElement(textNode) ? React73.cloneElement(textNode, {
+        className: clsx67__default.default(
           "locations-brand-subtitle",
           "subheading",
           LocationsBrandCards_module_default["locations-brand-subtitle"]
@@ -5954,7 +6262,7 @@ var LocationsBrandCards = ({
       }) : /* @__PURE__ */ jsxRuntime.jsx(
         "p",
         {
-          className: clsx65__default.default(
+          className: clsx67__default.default(
             "locations-brand-subtitle",
             "subheading",
             LocationsBrandCards_module_default["locations-brand-subtitle"]
@@ -5963,20 +6271,20 @@ var LocationsBrandCards = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx65__default.default("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
-      /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 2, className: clsx65__default.default("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67__default.default("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
+      /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 2, className: clsx67__default.default("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
         var _a2;
         return /* @__PURE__ */ jsxRuntime.jsx(
           GridItem,
           {
-            className: clsx65__default.default("card-item", LocationsBrandCards_module_default["card-item"]),
+            className: clsx67__default.default("card-item", LocationsBrandCards_module_default["card-item"]),
             colSpan: { md: 1 },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               BrandCard,
               __spreadProps(__spreadValues({}, card), {
                 animationSettings: __spreadProps(__spreadValues({}, card.animationSettings), { triggerRef: containerRef }),
-                className: clsx65__default.default("card", LocationsBrandCards_module_default["card"])
+                className: clsx67__default.default("card", LocationsBrandCards_module_default["card"])
               })
             )
           },
@@ -6018,10 +6326,10 @@ var BrandsTab_module_default = {
 var BrandsTab = (props) => {
   var _a, _b, _c, _d, _e;
   const { title, subtitle, className, tabs } = props;
-  const [activeIndex, setActiveIndex] = React72.useState(0);
+  const [activeIndex, setActiveIndex] = React73.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React72.useMemo(() => {
+  const accordionItems = React73.useMemo(() => {
     return (tabs == null ? void 0 : tabs.map((tab, index) => {
       var _a2, _b2, _c2, _d2, _e2;
       return {
@@ -6030,7 +6338,7 @@ var BrandsTab = (props) => {
         content: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: clsx65__default.default(BrandsTab_module_default["accordion-content"]),
+            className: clsx67__default.default(BrandsTab_module_default["accordion-content"]),
             style: {
               "--theme-color": `var(${tab.theme})`
             },
@@ -6046,7 +6354,7 @@ var BrandsTab = (props) => {
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
                         content.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
-                        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx65__default.default("h4", BrandsTab_module_default["card-title"]), children: content.title })
+                        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx67__default.default("h4", BrandsTab_module_default["card-title"]), children: content.title })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
                     ]
@@ -6073,7 +6381,7 @@ var BrandsTab = (props) => {
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
-              className: clsx65__default.default(BrandsTab_module_default["accordion-header"], {
+              className: clsx67__default.default(BrandsTab_module_default["accordion-header"], {
                 [BrandsTab_module_default["accordion-header-open"]]: isOpen
               }),
               style: {
@@ -6087,7 +6395,7 @@ var BrandsTab = (props) => {
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: clsx65__default.default(BrandsTab_module_default.accordionChevron, {
+                    className: clsx67__default.default(BrandsTab_module_default.accordionChevron, {
                       [BrandsTab_module_default.accordionChevronOpen]: isOpen
                     }),
                     children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUp", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
@@ -6100,10 +6408,10 @@ var BrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(BrandsTab_module_default["brands-tab"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(BrandsTab_module_default["brands-tab"], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["text-container"], children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: BrandsTab_module_default.title, children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default("subheading", BrandsTab_module_default.subtitle), children: subtitle })
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("subheading", BrandsTab_module_default.subtitle), children: subtitle })
     ] }),
     isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
       Accordion,
@@ -6111,7 +6419,7 @@ var BrandsTab = (props) => {
         items: accordionItems,
         allowMultiple: true,
         defaultOpenIds: [],
-        className: clsx65__default.default(BrandsTab_module_default["accordion"])
+        className: clsx67__default.default(BrandsTab_module_default["accordion"])
       }
     ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["tab-wrapper"], children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsTab_module_default["tab-buttons"], children: tabs == null ? void 0 : tabs.map(({ trigger, theme }, index) => {
@@ -6122,7 +6430,7 @@ var BrandsTab = (props) => {
             variant: "tabbutton",
             onClick: () => setActiveIndex(index),
             isActive,
-            className: clsx65__default.default(BrandsTab_module_default["tab-trigger"], isActive ? BrandsTab_module_default["tab-active"] : null),
+            className: clsx67__default.default(BrandsTab_module_default["tab-trigger"], isActive ? BrandsTab_module_default["tab-active"] : null),
             style: {
               "--theme-color": `var(${theme})`
             },
@@ -6134,7 +6442,7 @@ var BrandsTab = (props) => {
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx65__default.default(BrandsTab_module_default["tab-content-area"]),
+          className: clsx67__default.default(BrandsTab_module_default["tab-content-area"]),
           style: {
             "--theme-color": `var(${tabs == null ? void 0 : tabs[activeIndex].theme})`
           },
@@ -6150,7 +6458,7 @@ var BrandsTab = (props) => {
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
                       content.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
-                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx65__default.default("h4", BrandsTab_module_default["card-title"]), children: content.title })
+                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx67__default.default("h4", BrandsTab_module_default["card-title"]), children: content.title })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
                   ]
@@ -6198,17 +6506,17 @@ var TimelineCards_module_default = {
   "step-divider": "TimelineCards_module_step-divider"
 };
 var TimelineCard = ({ text, logo }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(TimelineCards_module_default["card"]), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(TimelineCards_module_default["card"]), children: [
     logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: TimelineCards_module_default["card-logo"] }, logo)),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default(TimelineCards_module_default["card-text"]), children: text })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default(TimelineCards_module_default["card-text"]), children: text })
   ] });
 };
 var TimelineSteps = ({ length }) => {
   if (length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: clsx65__default.default(TimelineCards_module_default["timeline-steps"]), children: Array.from({ length }).map((_, index) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(React72.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("li", { className: clsx65__default.default(TimelineCards_module_default["step-container"]), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default(TimelineCards_module_default["step-content"]), "aria-hidden": "true", children: index + 1 }),
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: clsx67__default.default(TimelineCards_module_default["timeline-steps"]), children: Array.from({ length }).map((_, index) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(React73.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("li", { className: clsx67__default.default(TimelineCards_module_default["step-container"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default(TimelineCards_module_default["step-content"]), "aria-hidden": "true", children: index + 1 }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
           "Step ",
           index + 1,
@@ -6216,26 +6524,26 @@ var TimelineSteps = ({ length }) => {
           length
         ] })
       ] }),
-      index < length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: clsx65__default.default(TimelineCards_module_default["step-divider"]), role: "presentation" }) : null
+      index < length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: clsx67__default.default(TimelineCards_module_default["step-divider"]), role: "presentation" }) : null
     ] }, index);
   }) });
 };
 var TimelineCards = ({ captionText, cards, className }) => {
   const slicedCards = cards == null ? void 0 : cards.slice(0, 3);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(TimelineCards_module_default["timeline-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(TimelineCards_module_default["container"]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(TimelineCards_module_default["wrapper"]), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(TimelineCards_module_default["timeline-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(TimelineCards_module_default["container"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(TimelineCards_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsxRuntime.jsx(TimelineSteps, { length: (slicedCards == null ? void 0 : slicedCards.length) || 0 }),
-      /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 3, gap: 16, className: clsx65__default.default(TimelineCards_module_default["timeline-cards-container"]), children: slicedCards == null ? void 0 : slicedCards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 3, gap: 16, className: clsx67__default.default(TimelineCards_module_default["timeline-cards-container"]), children: slicedCards == null ? void 0 : slicedCards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
         GridItem,
         {
           colSpan: { md: 3 },
-          className: clsx65__default.default(TimelineCards_module_default["timeline-card-item"]),
+          className: clsx67__default.default(TimelineCards_module_default["timeline-card-item"]),
           children: /* @__PURE__ */ jsxRuntime.jsx(TimelineCard, __spreadValues({}, card))
         },
         index
       )) })
     ] }),
-    captionText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx65__default.default(TimelineCards_module_default["timeline-cards-text"]), children: captionText })
+    captionText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx67__default.default(TimelineCards_module_default["timeline-cards-text"]), children: captionText })
   ] }) });
 };
 
@@ -6267,28 +6575,28 @@ var PodcastCard = ({
   cta,
   className
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default("podcast-card", PodcastCard_module_default["podcast-card"], className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(PodcastCard_module_default["content-wrapper"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(PodcastCard_module_default["top-content"]), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx65__default.default(PodcastCard_module_default["badge"]), role: void 0, children: badge }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default(PodcastCard_module_default["date"]), children: date })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("podcast-card", PodcastCard_module_default["podcast-card"], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(PodcastCard_module_default["content-wrapper"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(PodcastCard_module_default["top-content"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx67__default.default(PodcastCard_module_default["badge"]), role: void 0, children: badge }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default(PodcastCard_module_default["date"]), children: date })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(PodcastCard_module_default["main-content"]), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default(PodcastCard_module_default["title"]), children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(PodcastCard_module_default["description"]), children: description })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(PodcastCard_module_default["main-content"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default(PodcastCard_module_default["title"]), children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(PodcastCard_module_default["description"]), children: description })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx65__default.default(PodcastCard_module_default["cta-wrapper"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx65__default.default(PodcastCard_module_default["cta-label"]), children: cta.label }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(PodcastCard_module_default["cta-icons"]), children: cta.logoCta.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default(PodcastCard_module_default["cta-wrapper"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx67__default.default(PodcastCard_module_default["cta-label"]), children: cta.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(PodcastCard_module_default["cta-icons"]), children: cta.logoCta.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         Anchor,
         {
           href: logo.url,
           isExternal: logo.isExternal,
-          className: clsx65__default.default(PodcastCard_module_default["cta-icon"]),
+          className: clsx67__default.default(PodcastCard_module_default["cta-icon"]),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("img", __spreadProps(__spreadValues({}, logo.default), { className: clsx65__default.default(PodcastCard_module_default["icon-default"]) })),
-            /* @__PURE__ */ jsxRuntime.jsx("img", __spreadProps(__spreadValues({}, logo.active), { className: clsx65__default.default(PodcastCard_module_default["icon-active"]) }))
+            /* @__PURE__ */ jsxRuntime.jsx("img", __spreadProps(__spreadValues({}, logo.default), { className: clsx67__default.default(PodcastCard_module_default["icon-default"]) })),
+            /* @__PURE__ */ jsxRuntime.jsx("img", __spreadProps(__spreadValues({}, logo.active), { className: clsx67__default.default(PodcastCard_module_default["icon-active"]) }))
           ]
         },
         index
@@ -6304,15 +6612,15 @@ var PodcastGridCards_module_default = {
   title: "PodcastGridCards_module_title"
 };
 var PodcastGridCards = ({ title, items, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(PodcastGridCards_module_default["podcast-grid-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(PodcastGridCards_module_default["container"]), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx65__default.default(PodcastGridCards_module_default["title"]), children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 12, gap: 16, className: clsx65__default.default(PodcastGridCards_module_default["podcast-grid"]), children: items == null ? void 0 : items.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(PodcastGridCards_module_default["podcast-grid-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(PodcastGridCards_module_default["container"]), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default(PodcastGridCards_module_default["title"]), children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 12, gap: 16, className: clsx67__default.default(PodcastGridCards_module_default["podcast-grid"]), children: items == null ? void 0 : items.map((item, index) => {
       var _a;
       return /* @__PURE__ */ jsxRuntime.jsx(
         GridItem,
         {
           colSpan: { md: 12, lg: 6, xl: 4 },
-          className: clsx65__default.default(PodcastGridCards_module_default["timeline-card-item"]),
+          className: clsx67__default.default(PodcastGridCards_module_default["timeline-card-item"]),
           children: /* @__PURE__ */ jsxRuntime.jsx(PodcastCard, __spreadValues({}, item))
         },
         (_a = item == null ? void 0 : item.id) != null ? _a : index
@@ -6345,9 +6653,9 @@ var TextFootnote = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx65__default.default(TextFootnote_module_default.textFootnote, className), children: [
-    titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx65__default.default(TextFootnote_module_default.title, titleAlign), children: titleNode }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(TextFootnote_module_default.body), children: bodyNode })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default(TextFootnote_module_default.textFootnote, className), children: [
+    titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx67__default.default(TextFootnote_module_default.title, titleAlign), children: titleNode }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(TextFootnote_module_default.body), children: bodyNode })
   ] });
 };
 
@@ -6369,17 +6677,17 @@ var Faq_module_default = {
 };
 var Faq = (props) => {
   const { items, className } = props;
-  const accordionItems = React72.useMemo(() => {
+  const accordionItems = React73.useMemo(() => {
     return (items == null ? void 0 : items.map((item, index) => ({
       id: index,
       title: item.title,
-      content: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx65__default.default(Faq_module_default["accordion-content"]), children: item.body }),
+      content: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default(Faq_module_default["accordion-content"]), children: item.body }),
       hasDivider: true,
       renderItemHeader: ({ isOpen, toggle }) => {
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
-            className: clsx65__default.default(Faq_module_default["accordion-header"], {
+            className: clsx67__default.default(Faq_module_default["accordion-header"], {
               [Faq_module_default["accordion-header-open"]]: isOpen
             }),
             onClick: toggle,
@@ -6389,7 +6697,7 @@ var Faq = (props) => {
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: clsx65__default.default(Faq_module_default["accordion-title"], {
+                  className: clsx67__default.default(Faq_module_default["accordion-title"], {
                     [Faq_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: item.title
@@ -6398,7 +6706,7 @@ var Faq = (props) => {
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: clsx65__default.default(Faq_module_default.accordionChevron, {
+                  className: clsx67__default.default(Faq_module_default.accordionChevron, {
                     [Faq_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -6407,7 +6715,7 @@ var Faq = (props) => {
                       type: "downChevronBlack",
                       size: 40,
                       stroke: "#949494",
-                      className: clsx65__default.default(Faq_module_default.collapsed)
+                      className: clsx67__default.default(Faq_module_default.collapsed)
                     }
                   )
                 }
@@ -6418,30 +6726,74 @@ var Faq = (props) => {
       }
     }))) || [];
   }, [items]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx65__default.default(Faq_module_default["faq"], className), children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx67__default.default(Faq_module_default["faq"], className), children: /* @__PURE__ */ jsxRuntime.jsx(
     Accordion,
     {
       items: accordionItems,
       allowMultiple: true,
       defaultOpenIds: [],
-      className: clsx65__default.default(Faq_module_default["accordion"])
+      className: clsx67__default.default(Faq_module_default["accordion"])
     }
   ) });
 };
 
 // src/widgets/Faq/index.tsx
 var Faq2 = Object.assign(Faq, {});
+var IconTeamSelect = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+var IconTeamCard2 = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+
+// src/widgets/IconTeam/IconTeam.module.scss
+var IconTeam_module_default = {
+  "icon-team": "IconTeam_module_icon-team",
+  container: "IconTeam_module_container",
+  header: "IconTeam_module_header",
+  subtitle: "IconTeam_module_subtitle",
+  title: "IconTeam_module_title",
+  "select-wrapper": "IconTeam_module_select-wrapper"
+};
+var IconTeam = ({ className, title, subtitle, children }) => {
+  const slots = resolveCompoundSlots(children, {
+    select: IconTeamSelect,
+    card: IconTeamCard2
+  });
+  const selectNode = slots.select || null;
+  const cardNode = slots.card || null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx67__default.default("icon-team", IconTeam_module_default["icon-team"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx67__default.default("container", IconTeam_module_default["container"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("header", IconTeam_module_default["header"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx67__default.default("title", IconTeam_module_default["title"]), children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx67__default.default("subtitle", IconTeam_module_default["subtitle"]), children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx67__default.default("select-wrapper", IconTeam_module_default["select-wrapper"]), children: [
+      selectNode && React73.cloneElement(selectNode, {
+        className: clsx67__default.default("select", IconTeam_module_default["select"])
+      }),
+      cardNode && React73.cloneElement(cardNode, {
+        className: clsx67__default.default("info-card", IconTeam_module_default["info-card"])
+      })
+    ] })
+  ] }) });
+};
+
+// src/widgets/IconTeam/index.tsx
+var IconTeam2 = Object.assign(IconTeam, {
+  Select: IconTeamSelect,
+  Card: IconTeamCard2
+});
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
 } = {}) {
-  const observeRef = React72.useRef(null);
-  const [isVisible, setIsVisible] = React72.useState(false);
+  const observeRef = React73.useRef(null);
+  const [isVisible, setIsVisible] = React73.useState(false);
   if (typeof IntersectionObserver === "undefined") {
     console.warn("IntersectionObserver is not supported in this browser.");
     return { observeRef, isVisible: true };
   }
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     const currentRef = observeRef.current;
     if (!currentRef) return;
     const observer = new IntersectionObserver((entries) => {
@@ -6487,6 +6839,8 @@ exports.GlobalSearchResultsList = GlobalSearchResultsList2;
 exports.HeroBanner = HeroBanner2;
 exports.HeroBannerCarousel = HeroBannerCarousel;
 exports.Icon = Icon;
+exports.IconTeam = IconTeam2;
+exports.IconTeamCard = IconTeamCard;
 exports.InfoCard = InfoCard2;
 exports.Input = Input;
 exports.InternalBrandsTab = InternalBrandsTab2;
@@ -6509,6 +6863,7 @@ exports.QuoteSectionBlock = QuoteSectionBlock;
 exports.ResourceCardItem = ResourceCardItem;
 exports.ResourcesGridList = ResourcesGridList;
 exports.Search = Search;
+exports.Select = Select;
 exports.Sidebar = Sidebar;
 exports.Teaser5050With3Text = Teaser5050With3Text2;
 exports.Teaser5050WithCta = Teaser5050WithCta2;