https://1pstage.com/_next/static/chunks/900-ade35d22d4f70f8f.js?dpl=dpl_GeCG4FST824LY7yKtfhqC928zvJe

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[900],{16110:(e,a,t)=>{t.d(a,{W:()=>v});var n=t(37876),r=t(70143),l=t(14232),o=t(89099),s=t(62964),i=t(88095),c=t(48741),d=t(10372),u=t(78530),m=t(51005),h=t(231),g=t(44239),p=t(91597),x=t(19292),b=t(32719);let f="transition-transform duration-300 group-hover:scale-110",v=({heading:e,media:a,bodyCopy:t,href:v,externalUrl:w,className:N,animationOrder:k,variant:j="containedImage",alignment:_="top",fontSize:C,theme:y,useLightDropdownColors:T=!1,customBackgroundHex:I})=>{let L=(({themeOverride:e,useLightDropdownColors:a,variant:t,navigationTheme:n})=>e||(a&&"fullImage"!==t?"On Light":n??("fullImage"===t?"On Dark":"On Light")))({themeOverride:y,useLightDropdownColors:T,variant:j,navigationTheme:(0,p.DO)(e=>e.navigationTheme)}),R=(0,x.g)(L),O=(0,b.oU)("background",R.cardBackgroundColor),D=(0,b.oU)("text",R.textColor),A=(0,o.useRouter)(),E=(0,l.useRef)(null),Q=(0,l.useRef)(null),{width:B}=(0,h.y)(),M=(0,g.C)(B);(0,l.useEffect)(()=>{Q.current&&I&&Q.current.style.setProperty("--nav-promo-custom-bg",String(I))},[I]);let z=C??(M?"redesign-body-lg":"redesign-body-xl"),U="top"===_,S=t?(0,s.l)(t):"",P="dark"===R.textTheme?"dark":"iron-ore",$=()=>{w?window.open(v,"_blank"):A.push(v)},W=()=>(0,n.jsx)(u.default,{type:"btn",variant:u.ButtonVariants.TextLinkRefresh,label:S,href:v,textLinkRefreshTheme:P,textLinkSize:"sm",tabIndex:-1});return(0,n.jsx)("li",{className:(0,r.Q)(N,M&&"w-full basis-full","xlRedesign:h-full"),style:{"--animation-order":k},children:(0,n.jsx)(m.A,{className:"header-navigation__promo-container group flex h-full w-full cursor-pointer flex-col items-start space-x-0 rounded-[20px] outline-offset-4",ref:E,onClick:$,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),$())},tabIndex:0,role:"link","aria-label":e,children:(0,n.jsx)(m.A,{className:(0,r.Q)("relative h-full w-full"),children:"fullImage"===j?(0,n.jsxs)(m.A,{className:"header-navigation__dropdown-item relative h-full min-h-102 w-full min-w-0 overflow-hidden rounded-[20px] md:min-h-120 xlRedesign:min-h-75",children:[a?.image&&(0,n.jsx)(d.default,{type:"backgroundMedia",image:a.image,altText:a.alt,className:"rounded-/xl",imageClassName:(0,r.Q)(f,"object-top")}),(0,n.jsxs)(m.A,{className:(0,r.Q)("absolute left-0 right-0 z-20 p-6",U?"top-0":"bottom-0"),children:[(0,n.jsx)(i.EY,{size:z,className:(0,r.Q)("block pb-4",D),as:"span",children:e}),W()]})]}):(0,n.jsxs)(m.A,{ref:Q,className:(0,r.Q)("flex h-full min-h-110 flex-col overflow-hidden rounded-[20px]",!U&&"flex-col-reverse",I?"header-navigation__promo-custom-bg":O),children:[(0,n.jsxs)(m.A,{className:"flex flex-1 flex-col justify-between p-6",children:[(0,n.jsx)(i.EY,{className:(0,r.Q)("header-navigation__dropdown-group-title animate-text pb-2 xlRedesign:pb-4",D),size:z,children:e}),W()]}),a&&(0,n.jsx)(m.A,{className:(0,r.Q)("header-navigation__dropdown-item items-start overflow-hidden rounded-[20px]",U?"rounded-t-none":"rounded-b-none"),children:(0,n.jsx)(c.default,{...a,alt:a.alt,className:(0,r.Q)("w-full max-w-none object-cover xlRedesign:h-49",f)})})]})})})})}},19292:(e,a,t)=>{t.d(a,{g:()=>n});let n=e=>{let a="bits-blue-new-950",t="iron-ore-new-50",n="iron-ore-new-800",r="pure-white",l="transparent",o="iron-ore-new-900";switch(e){case"Bits Blue":return{textTheme:"light",backgroundColor:"bits-blue-new-100",cardBackgroundColor:"bits-blue-new-50",textColor:a,smallText:n};case"Bits Blue 75":return{textTheme:"light",backgroundColor:"bits-blue-new-75",cardBackgroundColor:"bits-blue-new-50",textColor:a,smallText:n};case"Readable Blue Light":return{textTheme:"dark",backgroundColor:"readable-blue-light",cardBackgroundColor:r,textColor:n,smallText:n};case"Intrepid Blue":return{textTheme:"dark",backgroundColor:"bits-blue-new-900",cardBackgroundColor:"bits-blue-new-700",textColor:r,smallText:r};case"Lagoon":return{textTheme:"light",backgroundColor:"lagoon-new-100",cardBackgroundColor:"lagoon-new-50",textColor:a,smallText:n};case"Cloud":case"Pure White":return{textTheme:"light",backgroundColor:r,cardBackgroundColor:t,textColor:a,smallText:n};case"Iron Ore":return{textTheme:"dark",backgroundColor:o,cardBackgroun

1dColor:o,textColor:r,smallText:r};case"Iron Ore 50":return{textTheme:"light",backgroundColor:t,cardBackgroundColor:l,textColor:n,smallText:n};case"Iron Ore 950":return{textTheme:"dark",backgroundColor:"iron-ore-new-950",cardBackgroundColor:l,textColor:r,smallText:r};case"Biscuit 200":return{textTheme:"light",backgroundColor:"biscuit-new-200",cardBackgroundColor:l,textColor:"iron-ore-new-800",smallText:r};case"Secure Blue":return{textTheme:"dark",backgroundColor:"secure-blue",cardBackgroundColor:r,textColor:r,smallText:r};case"Enable Mint":return{textTheme:"dark",backgroundColor:"enable-mint",cardBackgroundColor:r,textColor:n,smallText:n};case"Gold":return{textTheme:"light",backgroundColor:"gold",cardBackgroundColor:r,textColor:n,smallText:n};case"Cornflower Blue":return{textTheme:"light",backgroundColor:"cornflower-blue",cardBackgroundColor:r,textColor:n,smallText:n};case"On Light":return{textTheme:"light",backgroundColor:r,cardBackgroundColor:"iron-ore-new-75",textColor:n,smallText:"iron-ore-new-500",hoverColor:"secure-blue",borderColor:"iron-ore-new-75"};case"On Dark":return{textTheme:"dark",backgroundColor:"iron-ore-new-950",cardBackgroundColor:"iron-ore-new-900",textColor:r,smallText:"iron-ore-new-200",hoverColor:r,borderColor:"iron-ore-new-700"};default:return{textTheme:"light",backgroundColor:"transparent",cardBackgroundColor:t,textColor:a,smallText:n}}}},40900:(e,a,t)=>{t.r(a),t.d(a,{default:()=>q});var n=t(37876),r=t(14232),l=t(18847),o=t.n(l),s=t(89099),i=t(70143),c=t(44339),d=t(53025),u=t(50419),m=t(13965),h=t(19292),g=t(32719),p=t(231),x=t(91597),b=t(20341),f=t(95829),v=t(6564);let w=({_id:e,locale:a,promoText:t,promoUrl:l,phoneNumber:o,phoneNumberLabel:c,signInLabel:w,signInUrl:N,theme:k="Gold"})=>{let j=(0,s.useRouter)(),_=(0,x.DO)(e=>e.tabletBreakpoint),{backgroundColor:C,textColor:y}=(0,h.g)(k),[T,I]=(0,r.useState)(!0),L=a?m.VN[a]:m.VN["en-US"],R=(0,g.oU)("background",C),O=(0,p.y)().width<(_??1180),D=(0,u.jq)(y),A=t.split(" "),E=A[A.length-1],Q=A.slice(0,-1).join(" ");return(0,r.useEffect)(()=>{O||T||I(!0)},[O,T]),(0,r.useEffect)(()=>{let a=(0,b.Ri)(b.Zg.alertBannerVersion);I(!(0,f.wR)(a,e))},[O,e]),(0,n.jsx)("div",{className:(0,i.Q)("flex w-full justify-center px-6 py-4 xlRedesign:flex xlRedesign:px-18",R,!T&&"hidden"),children:(0,n.jsxs)("div",{className:(0,i.Q)("mx-auto flex w-full max-w-[1248px] items-center justify-between gap-16",y),children:[(0,n.jsx)(d.T,{label:t??"",href:l??"",externalUrl:!1,className:"header-navigation__nav-banner-link [&>span]:text-wrap",children:(0,n.jsxs)("span",{className:D,children:[Q,(0,n.jsxs)("span",{children:[" ",E]})]})}),O?(0,n.jsx)("button",{onClick:()=>{let a=j?.asPath;(0,f.HR)(e),I(!1),(0,v.W8)("redesignAlertBannerDismissed",{asPath:a,ariaLabel:"Close promo banner"})},"aria-label":L,className:"header-navigation__close hover:text-iron-ore-new-400",children:(0,n.jsx)("span",{className:"header-navigation__close-icon"})}):(0,n.jsxs)("div",{className:"flex gap-8",children:[c&&(0,n.jsx)(d.T,{label:c??"",href:`tel:${o??""}`,externalUrl:!1,children:(0,n.jsx)("span",{className:(0,i.Q)(D,"whitespace-nowrap"),children:c??o})}),w&&(0,n.jsx)(d.T,{label:w??"",href:N??"",externalUrl:!1,children:(0,n.jsx)("span",{className:(0,i.Q)(D,"whitespace-nowrap"),children:w})})]})]})})};var N=t(48230),k=t.n(N),j=t(54587),_=t.n(j),C=t(65870),y=t(49452),T=t(51005),I=t(44239),L=t(39705),R=t(78087);let O=({href:e,logoAnimation:a,logoAnimationOnDark:t,logo:l,staticLogoOnDark:o,className:s,shouldShowSubMenuTitle:d})=>{let u=(0,y.j)(),{width:m}=(0,p.y)(),h=(0,I.C)(m),{setIsMobileAccordionNavOpen:g,navigationTheme:b}=(0,x.DO)((0,c.k)(e=>({setIsMobileAccordionNavOpen:e.setIsMobileAccordionNavOpen,navigationTheme:e.navigationTheme}))),f=(0,x.BO)(e=>e.isAnimatedLogoLoaded),[v,w]=(0,r.useState)(!0),[N,j]=(0,r.useState)(!1),[O,D]=(0,r.useState)(!1),A=(0,r.useRef)(null),E=(0,r.useRef)(d),Q=(0,r.useRef)(!0);(0,r.useEffect)(()=>{if(A.current&&(clearTimeout(A.current),A.current=null),Q.current){Q.current=!1,E.current=d,w(!0),j(!1),D(!1);return}return d?(j(!0),D(!1),A.current=setTimeout(()=>{w(!1),j(!1)},300)):(w(!0),j(!1),E.current?D(!0):D(!1)),E.current=d,()=>{A.current&&clearTimeout(A.current)}},[d]);let B=b===R.w.Dark?t:a;if(!v)return null;let M=(0,i.Q)("header-navigation__logo-container relative z-50",O&&"slide-in",N&&"slide-out");return(0,n.jsx)("div",{className:M,children:(0,n.jsxs)(k(),{href:e,"aria-label":"1Password Home Page",className:(0,i.Q)("relative z-50",s),tabIndex:d?-1:void 0,onClick:()=>{g(!1)},children:[(!f||h||u)&&(0,n.jsx)(T.A,{children:(0,n.jsx)(_(),{alt:"1Password",loader:C.T,id:"static-logo",src:l&&l?.image.file?.url&&b===R.w.Dark?`https:${o?.image?.file.url}`:`https:${l?.image?.file.url}`,className:"block",width:143,height:35,unoptimized:!0,priority:!0})}),B&&!h&&m>1?(0,n.jsx)(L.d,{...B,className:(0,i.Q)("h-[35px] w-[143px]",(!f||h||u)&&"hidden")}):null]})})},D=r.forwardRef(({onClick:e,isOpen:a,className:t,theme:r=R.w.Light},l)=>(0,n.jsx)("button",{onClick:e,className:(0,i.Q)("group relative inline-block h-5 w-5",t,"outline-none focus-visible:outline-[1px] focus-visible:outline-offset-4 focus-visible:outline-secure-blue"),type:"button","aria-label":"open navigation menu","aria-expanded":a,"data-state":a?"open":"closed",ref:l,children:(0,n.jsx)("span",{className:(0,i.Q)(r===R.w.Light?"bg-iron-ore-new-800 before:bg-iron-ore-new-800 after:bg-iron-ore-new-800":"bg-pure-white before:bg-pure-white after:bg-pure-white","group-hover:bg-iron-ore-new-400 before:group-hover:bg-iron-ore-new-400 after:group-hover:bg-iron-ore-new-400","absolute left-1/2 top-1/2 block h-0.5 w-5 -translate-x-1/2 -translate-y-1/2 roun

1ded-sm","before:absolute before:left-1/2 before:block before:h-0.5 before:w-5 before:-translate-x-1/2 before:rounded-sm before:content-['']","after:absolute after:left-1/2 after:block after:h-0.5 after:w-5 after:-translate-x-1/2 after:rounded-sm after:content-['']","[transition:transform_0.1s_cubic-bezier(0.55,0.055,0.675,0.19),width_0.15s_0.2s_cubic-bezier(0.215,0.61,0.355,1),background-color_0.2s_ease]","before:-top-2 before:[transition:top_0.2s_0.2s_ease,opacity_0.1s_ease,background-color_0.2s_ease]","after:-bottom-2 after:[transition:bottom_0.2s_0.2s_ease,transform_0.1s_cubic-bezier(0.55,0.055,0.675,0.19),width_0.15s_0.2s_cubic-bezier(0.215,0.61,0.355,1),background-color_0.2s_ease]",a&&["w-[27px] rotate-45 [transition:transform_0.15s_0.2s_cubic-bezier(0.215,0.61,0.355,1),width_0.15s_0.2s_cubic-bezier(0.215,0.61,0.355,1)]","before:top-0 before:opacity-0 before:[transition:top_0.2s_ease,opacity_0.15s_0.2s_ease]","after:bottom-0 after:w-[27px] after:-rotate-90 after:[transition:bottom_0.2s_ease,transform_0.15s_0.2s_cubic-bezier(0.215,0.61,0.355,1),width_0.15s_0.2s_cubic-bezier(0.215,0.61,0.355,1)]"])})}));D.displayName="MenuTrigger";var A=t(59486),E=t(98647);let Q=r.forwardRef(({children:e,label:a,className:t,active:r,isMobileAccordionNavOpen:l,isMobile:o,...s},c)=>{let d=(0,x.DO)(e=>e.navigationTheme),{textColor:m,hoverColor:p,textTheme:b}=(0,h.g)(d??"On Light");return(0,n.jsxs)("button",{"aria-label":a,"aria-expanded":r,"data-testid":"navigation-dropdown-trigger",className:(0,i.Q)("group/nav-item inline-flex items-center gap-1",!o&&(0,u.jq)("dark"===b?p:void 0),!o&&"py-0.5",t),ref:c,...s,children:[e,(0,n.jsx)(E.zm,{direction:l?"right":"down",name:"chevron",width:l?16:12,height:l?16:12,className:(0,i.Q)("transition-all duration-300",(0,g.oU)("text",m),!l&&r&&"rotate-[180deg]")})]})});Q.displayName="NavigationDropdownTrigger";let B=({navItems:e,setActiveDropdown:a})=>{let t=(0,s.useRouter)(),{isMobileAccordionNavOpen:r,activeDropdown:l,navigationTheme:o}=(0,x.DO)((0,c.k)(e=>({isMobileAccordionNavOpen:e.isMobileAccordionNavOpen,activeDropdown:e.activeDropdown,navigationTheme:e.navigationTheme}))),{textTheme:m,hoverColor:g}=(0,h.g)(o??"On Light"),p=(0,u.jq)("dark"===m?g:void 0);return e&&e.length>0?(0,n.jsx)("ul",{className:"flex h-full flex-col items-start gap-6 px-6",children:e?.map(e=>{let o={"data-on":e.dataOn,"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel};return(0,n.jsx)(A.s$,{className:"w-full",children:e.dropdownItems&&e.dropdownItems.length>0?(0,n.jsx)(Q,{className:"flex w-full items-center justify-between focus-visible:outline-offset-[3px]",isMobile:!0,label:e?.label,active:l===e?._id,isMobileAccordionNavOpen:r,onClick:()=>{e._id&&a(e._id),(0,v.W8)("redesignNavigationMenuExpand",{action:"expand",menuName:e.label,menuType:"dropdown",asPath:t?.asPath})},tabIndex:l?-1:void 0,"data-nav-trigger":e?.label,...o,children:(0,n.jsx)(A.zm,{isMainMenuItem:!0,size:"heading-32",className:(0,i.Q)("font-regular",p),children:e.label})}):(0,n.jsx)(d.T,{label:e.label,href:e.href,externalUrl:e.externalUrl,className:"pb-1",tabIndex:l?-1:void 0,children:(0,n.jsx)(A.zm,{size:"heading-32",className:"font-regular",spanClassName:"pb-0.5",isMainMenuItem:!0,children:e.label})})},e._id)})}):null};var M=t(78530);let z=({navBanner:e,cta:a,className:t,containerClasses:l,shouldSlideOut:o,disableTabFocus:s})=>{let c=(0,x.DO)(e=>e.navigationTheme),{textTheme:m,hoverColor:p,textColor:b}=(0,h.g)(c??"On Light"),[f,v]=(0,r.useState)(!1),w=(0,r.useRef)(o),N=(0,r.useRef)(!0);return(0,r.useEffect)(()=>{if(N.current){N.current=!1,w.current=o,v(!1);return}w.current&&!o?v(!0):v(!1),w.current=o},[o]),(0,n.jsxs)("div",{className:(0,i.Q)("header-navigation__mobile-navigation-actions flex items-center gap-6",f&&"slide-in",o&&"slide-out",l),children:[e?.phoneNumber&&(0,n.jsx)(d.T,{label:e.phoneNumberLabel??"",href:`tel:${e.phoneNumber??""}`,externalUrl:!1,className:(0,i.Q)((0,g.oU)("text",b),(0,u.jq)("dark"===m?p:void 0),t),tabIndex:s?-1:void 0,children:e?.phoneNumberLabel??e?.phoneNumber}),e?.signInLabel&&(0,n.jsx)(d.T,{label:e.signInLabel??"",href:e.signInUrl??"",externalUrl:!0,className:(0,i.Q)((0,g.oU)("text",b),(0,u.jq)("dark"===m?p:void 0),t),tabIndex:s?-1:void 0,children:e?.

1signInLabel}),a&&(0,n.jsx)(M.default,{...a,className:"min-w-0 px-6",tabIndex:s?-1:void 0})]})},U=o()(async()=>t.e(9499).then(t.bind(t,79499)),{loadableGenerated:{webpack:()=>[79499]}}),S=o()(async()=>Promise.resolve().then(t.bind(t,78530)),{loadableGenerated:{webpack:()=>[78530]}}),P=({navItems:e,secondaryNavItems:a,cta:t,className:l,navBanner:o})=>{let d,u,m,b,{setIsMobileAccordionNavOpen:f,isMobileAccordionNavOpen:v,desktopNavHeight:w,activeDropdown:N,setActiveDropdown:k,alertBannerVisible:j,navigationTheme:_}=(0,x.DO)((0,c.k)(e=>({setIsMobileAccordionNavOpen:e.setIsMobileAccordionNavOpen,isMobileAccordionNavOpen:e.isMobileAccordionNavOpen,desktopNavHeight:e.desktopNavHeight,activeDropdown:e.activeDropdown,setActiveDropdown:e.setActiveDropdown,alertBannerVisible:e.alertBannerVisible,navigationTheme:e.navigationTheme}))),[,C]=(0,r.useTransition)(),y=(0,s.useRouter)(),{isSubMenuClosing:T,isClosingSubMenu:I,getSubMenuItems:L}=(({activeDropdown:e,isMobileAccordionNavOpen:a,navItems:t,animationDuration:n=300})=>{let l=(0,r.useRef)(e),o=(0,r.useRef)(null),[s,i]=(0,r.useState)(!1),c=t&&0!==t.length&&e?t.find(a=>a._id===e)??null:null;c&&(o.current=c);let d=null!==l.current&&null===e,u=null!==e&&l.current!==e;return(0,r.useEffect)(()=>{let t=null;if(!a){i(!1),l.current=null;return}return null!==e&&(u||s)&&i(!1),d?(i(!0),t=setTimeout(()=>{i(!1),l.current=e},n)):null===e||d||(l.current=e),()=>{t&&clearTimeout(t)}},[e,a,d,u,s,n]),{isSubMenuClosing:s,isClosingSubMenu:d,isOpeningSubMenu:u,activeDropdownItems:c,getSubMenuItems:()=>d||s?o.current:c}})({activeDropdown:N,isMobileAccordionNavOpen:v,navItems:e});(0,r.useEffect)(()=>{f(!1)},[y.asPath,f]);let R=()=>{f(!1)},O=(d=(0,p.y)().width)>=1024&&d<=1179,{backgroundColor:A,borderColor:E,hoverColor:Q}=(0,h.g)(_??"On Light"),{backgroundColor:P}=(0,h.g)("On Light");return(0,n.jsxs)(r.Fragment,{children:[(0,n.jsxs)("div",{"data-testid":"mobile-navigation",className:(0,i.Q)("isolate z-50 flex h-[44px] items-center justify-end gap-6",l),children:[O&&o&&(0,n.jsx)(z,{navBanner:o,cta:t,className:"pt-1",shouldSlideOut:!!N,disableTabFocus:!!N}),(0,n.jsx)(D,{onClick:()=>{f(!v),C(()=>{k(null)})},isOpen:v,theme:_})]}),(0,n.jsx)("div",{className:(0,i.Q)("absolute left-0 top-0 isolate z-[49] w-screen overflow-hidden transition-opacity duration-300 ease-in-out",(0,g.oU)("background",A),v?"visible opacity-100":"pointer-events-none invisible opacity-0",j?"h-[calc(var(--alert-banner-visible-height,0px)+100dvh)]":"h-dvh"),style:{top:w?`${w}px`:"67px",height:w?`calc(100dvh - ${w}px)`:"100dvh"},children:v&&(0,n.jsx)("div",{className:(0,i.Q)("flex h-full flex-col overflow-y-auto border-t",E&&(0,g.oU)("border",E)),children:(0,n.jsxs)("div",{className:"relative h-auto flex-1 py-6",children:[(0,n.jsxs)("div",{className:(0,i.Q)("header-navigation__mobile-main-menu-container flex h-full w-full flex-col gap-6",N&&"slide-out"),children:[(0,n.jsx)(B,{navItems:e,setActiveDropdown:e=>{C(()=>{k(e)})}}),(m=(u=a&&a.length>0)||t,(0,n.jsxs)("div",{className:(0,i.Q)("mt-auto flex flex-col items-start gap-4 self-stretch px-6 pt-6 lg:mb-0",j&&"mb-8",m?E&&`border-t ${(0,g.oU)("border",E)}`:"border-t-0"),children:[o&&(0,n.jsx)(z,{navBanner:o,className:Q?(0,g.oU)("hoverText",Q):void 0,disableTabFocus:!!N}),m&&(0,n.jsxs)("div",{className:"flex w-full flex-col gap-4 md:flex-row md:gap-4",children:[u&&a.map((e,a)=>(0,n.jsx)(S,{className:"w-full md:flex-1",onClick:R,...e,variant:M.ButtonVariants.SecondaryRefresh,tabIndex:N?-1:void 0},a)),t&&(0,n.jsx)(S,{...t,className:"w-full md:flex-1",tabIndex:N?-1:void 0})]})]}))]}),(N||T||I)&&(0,n.jsx)("div",{className:(0,i.Q)("absolute inset-0 z-10 overflow-y-auto p-6",(0,g.oU)("background",P),(T||I)&&"pointer-events-none"),children:(b=L())&&b.dropdownItems&&0!==b.dropdownItems.length?(0,n.jsx)(U,{navItems:b,onClickNavLink:R,subNav:b.subNav,subNavLeft:b.subNavLeft,subNavRight:b.subNavRight,isClosing:T}):null})]})})})]})},$=({item:e,index:a,activeDropdown:t,isMobileAccordionNavOpen:l,onClickNavLink:o,handleNavItemClick:s,containerRef:c,buttonRef:u,dropdownRef:m,router:h})=>{let g={"data-on":e?.dataOn,"data-event-category":e?.dataEventCategory,"data-event-action":e?.dataEventAction,"data-event-label":e.dataEventLabel},p=t===e?._id,x=e?.dropdownItems&&e?.dropdownItems.length>0;return(0,n.jsx)(A.s$,{className:"flex h-full items-center",ref:e=>{e&&(c.current[a]=e)},children:x?(0,n.jsxs)(r.Fragment,{children:[(0,n.jsx)(Q,{label:e?.label,active:p,isMobileAccordionNavOpen:l,className:(0,i.Q)(p?"![background-position:left_100%] ![background-size:100%_1.4px] [background:linear-gradient(currentColor,currentColor)_right_100%/0_1.4px_no-repeat] focus-visible:before:bottom-[-8px]":""),onClick:()=>{e?.href&&e?.href!==""&&e?.enableNavigationUrl?h.push(e?.href):s(e?._id)},ref:e=>{e&&(u.current[a]=e)},...g,children:(0,n.jsx)(A.zm,{isMainMenuItem:!0,isDropdownTrigger:!0,children:e?.label})}),(0,n.jsx)(A.gG,{isOpen:p,dropdownItems:e?.dropdownItems,subNavItems:e?.

1subNav,subNavLeftItems:e?.subNavLeft,subNavRightItems:e?.subNavRight,ref:e=>{e&&(m.current[a]=e)},navPromo:e?.navPromo,onClickNavLink:o})]}):(0,n.jsx)(d.T,{className:(0,i.Q)("h-auto xlRedesign:before:bottom-8"),label:e.label,href:e.href,externalUrl:e.externalUrl,onClickNavLink:o,children:(0,n.jsx)(A.zm,{isMainMenuItem:!0,spanClassName:"py-0.5",children:e?.label})})},e?._id)},W=({navItems:e,secondaryNavItems:a,cta:t})=>{let l=(0,r.useRef)([]),o=(0,r.useRef)([]),i=(0,r.useRef)([]),m=(0,s.useRouter)(),{activeDropdown:g,setActiveDropdown:p,isMobileAccordionNavOpen:b,navigationTheme:f}=(0,x.DO)((0,c.k)(e=>({activeDropdown:e.activeDropdown,setActiveDropdown:e.setActiveDropdown,setDesktopNavHeightState:e.setDesktopNavHeight,isMobileAccordionNavOpen:e.isMobileAccordionNavOpen,navigationTheme:e.navigationTheme}))),[w,N]=(0,r.useState)(null),k=e.find(e=>e._id===g)?.label,j=e.find(e=>e._id===w)?.label,_=()=>{p(null)};(0,r.useEffect)(()=>{k?(0,v.W8)("redesignNavigationMenuExpand",{action:"expand",menuName:k,menuType:"hover_activated",asPath:m?.asPath}):j&&(0,v.W8)("redesignNavigationMenuExpand",{action:"collapse",menuName:j,menuType:"hover_activated",asPath:m?.asPath})},[k,m?.asPath]),(0,r.useEffect)(()=>{let e=e=>{o.current.every(a=>!a.contains(e.target))&&l.current.every(a=>!a.contains(e.target))&&i.current.every(a=>!a.contains(e.target))&&g&&p(null)},a=e=>{"Escape"===e.key&&g&&p(null);let a=e.target.ariaLabel;"Enter"===e.key&&a&&(0,v.W8)("redesignNavigationMenuExpand",{action:"expand",menuName:a,menuType:"hover_activated",asPath:m?.asPath}),"Escape"===e.key&&a&&(0,v.W8)("redesignNavigationMenuExpand",{action:"collapse",menuName:a,menuType:"hover_activated",asPath:m?.asPath})};return document.addEventListener("click",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("click",e),document.removeEventListener("keydown",a)}},[o,g,p,m?.asPath]);let C=e=>{e&&(N(g),g===e?p(null):p(e))},{textTheme:y,hoverColor:I}=(0,h.g)(f??"On Light"),L=(0,u.jq)("dark"===y?I:void 0);return(0,n.jsxs)(T.A,{className:"flex h-full flex-1 justify-between gap-5",children:[(0,n.jsx)(T.A,{className:"flex items-center gap-8",children:Array.isArray(e)&&e.length>0&&(0,n.jsx)("ul",{className:"flex h-full items-center gap-5",children:e.map((e,a)=>(0,n.jsx)($,{item:e,index:a,activeDropdown:g,isMobileAccordionNavOpen:b,onClickNavLink:_,handleNavItemClick:C,containerRef:l,buttonRef:i,dropdownRef:o,router:m},e?._id))})}),(0,n.jsxs)(T.A,{className:"flex items-center gap-5",children:[a&&a.length>0&&(0,n.jsx)("ul",{className:"flex items-center gap-5",children:a?.map(e=>(0,n.jsx)(A.s$,{children:(0,n.jsx)(d.T,{label:e.label,href:e.href,externalUrl:e.externalUrl,onClickNavLink:_,className:L,children:(0,n.jsx)(A.zm,{isMainMenuItem:!0,spanClassName:"py-0.5",children:e.label})})},e?._id))}),t&&(0,n.jsx)(M.default,{...t,className:"min-w-0 px-6"})]})]})},H=o()(async()=>t.e(1305).then(t.bind(t,11305)),{loadableGenerated:{webpack:()=>[11305]}}),q=e=>{let a=(0,s.useRouter)(),t=(0,r.useRef)(null),l=(0,r.useRef)(null),{logoNavigationItem:o,currencyCTAs:d,theme:m}=e,{activeDropdown:b,setActiveDropdown:f,setIsMobileAccordionNavOpen:v,setDesktopNavHeight:N,setNavigationTheme:k,tabletBreakpoint:j,globalCurrency:_,setAlertBannerVisible:C}=(0,x.DO)((0,c.k)(e=>({activeDropdown:e.activeDropdown,setActiveDropdown:e.setActiveDropdown,setIsMobileAccordionNavOpen:e.setIsMobileAccordionNavOpen,setDesktopNavHeight:e.setDesktopNavHeight,tabletBreakpoint:e.tabletBreakpoint,globalCurrency:e.currency,setNavigationTheme:e.setNavigationTheme,setAlertBannerVisible:e.setAlertBannerVisible}))),[y,T]=(0,r.useState)(!1),I=(0,p.y)(),L=I.width<(j??1180),R=d?.find(({currency:e})=>e===_)?.cta;(0,r.useEffect)(()=>{C(!1)},[C]),(0,r.useEffect)(()=>{m&&k(m)},[m,k]),(0,r.useEffect)(()=>{T(!0)},[]),(0,r.useEffect)(()=>{if(null===l.current){l.current=L;return}let e=l.current;l.current=L,e!==L&&(f(null),L||(v(!1),N(0)))},[L,f,N,v]),(0,r.useEffect)(()=>{if(!L)return;let e=requestAnimationFrame(()=>{t.current&&N(t.current.offsetHeight)});return()=>cancelAnimationFrame(e)},[L,I.width,N]),(0,r.useEffect)(()=>{let e=()=>{f(null),v(!1),L||N(0)};return a.events.on("routeChangeComplete",e),()=>{a.events.off("routeChangeComplete",e)}},[a.events,v,N,f,L]),(0,r.useEffect)(()=>{let e=()=>{L&&t.current&&requestAnimationFrame(()=>{t.current&&N(t.current.offsetHeight)})};return window.addEventListener("redesignAlertBannerDismissed",e),()=>{window.removeEventListener("redesignAlertBannerDismissed",e)}},[L,N]);let{backgroundColor:D}=(0,h.g)(m??"On Light"),A=(0,u.hb)(e.pageNavBanner,e.navBanner),E=e.navItems&&e.navItems.length>0&&b?e.navItems.find(e=>e._id===b)??null:null,Q=!!(L&&E&&E.label),[B,M]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{Q&&M(!0)},[Q]),(0,n.jsx)("div",{className:"sticky top-0 z-[100]",children:(0,n.jsxs)("nav",{ref:t,className:(0,i.Q)("header-navigation relative -mb-20",(0,g.oU)("background",D)),role:"navigation","data-testid":"navigation",children:[A&&(0,n.jsx)(w,{...A,locale:e.locale}),(0,n.jsx)("div",{className:"px-6 xlRedesign:px-18",children:(0,n.jsx)("div",{className:(0,i.Q)("mx-auto max-w-[1248px] py-4 transition-all duration-300 ease-in-out",!1===L&&y&&"relative"),children:(0,n.jsxs)("div",{className:"max-w-xlRedesign flex h-[44px] w-full items-center justify-between gap-5 xlRedesign:justify-start",children:[(0,n.jsx)("div",{className:(0,i.Q)("relative flex w-[286px] items-center xlRedesign:w-[143px]",Q&&"absolute"),children:o&&(0,n.jsx)(O,{...o,navItems:e.navItems,shouldShowSubMenuTitle:Q})}),L&&y&&(0,n.jsxs)("div",{className:(0,i.Q)("flex w-full items-center justify-end xlRedesign:justify-start"),children:[B&&(0,n.jsx)(H,{navItems:e.navItems,containerClasses:"mr-auto"}),(0,n.jsx)(P,{...e,cta:R||e.cta})]}),!1===L&&y&&(0,n.jsx)(W,{...e,cta:R||e.cta})]})})})]})})}},50419:(e,a,t)=>{t.d(a,{Rh:()=>s,a2:()=>i,hb:()=>l,jq:()=>o});var n=t(70143),r=t(32719);let l=(e,a)=>e?a?{...e,theme:e.theme??a.theme,phoneNumber:e.phoneNumber??a.phoneNumber,phoneNumberLabel:e.phoneNumberLabel??a.phoneNumberLabel,signInLabel:e.signInLabel??a.signInLabel,signInUrl:e.signInUrl??a.signInUrl}:e:a,o=(e="current")=>(0,n.Q)("box-decoration-clone pb-0.5",(0,r.oU)("text",e),"[background:linear-gradient(currentColor,currentColor)_right_100%/0_1.4px_no-repeat]","transition-[background-size] duration-300 motion-reduce:transition-none","hover:[background-size:100%_1.4px] hover:[background-position:left_100%]","focus-visible:outline-offset-[3px] focus-visible:[background-size:100%_1.4px] focus-visible:[background-position:left_100%]","focus-visible:decoration-current"),s=()=>(0,n.Q)("group-hover/nav-item:[background-position:left_100%] group-hover/nav-item:[background-size:100%_1.4px]","group-focus-visible/nav-item:outline-offset-[3px] group-focus-visible/nav-item:[background-position:left_100%] group-focus-visible/nav-item:[background-size:100%_1.4px]","group-focus-visible/nav-item:decoration-current"),i=e=>{if(!e?.image?.file)return{isSvgIcon:!1,maskStyles:{}};let a=e?.image?.file?.contentType==="image/svg+xml",t=e.image.file.url;if(!a||!t)return{isSvgIcon:!1,maskStyles:{}};let n=t.startsWith("//")?`https:${t}`:t,r=`url(${n})`;return{isSvgIcon:!0,maskStyles:{WebkitMaskImage:r,WebkitMaskRepeat:"no-repeat",WebkitMaskPosition:"center",WebkitMaskSize:"contain",maskImage:r,maskRepeat:"no-repeat",maskPosition:"center",maskSize:"contain"}}}},53025:(e,a,t)=>{t.d(a,{T:()=>m});var n=t(37876),r=t(89099),l=t(14232),o=t(70143),s=t(3197),i=t(84634),c=t(6564),d=t(82518),u=t

1(72094);let m=l.forwardRef(({label:e,href:a,externalUrl:t,onClickNavLink:m,className:h,autoFocus:g,dataOn:p,dataEventAction:x,dataEventCategory:b,dataEventLabel:f,dataDownloadMobile:v,dataPixelSource:w,dataConversionId:N,utmMedium:k,utmCampaign:j,utmSource:_,utmRef:C,...y},T)=>{let I=(0,l.useRef)(null),{entryTitle:L,...R}=y;(0,l.useImperativeHandle)(T,()=>I.current),(0,l.useEffect)(()=>{g&&I&&I.current&&I.current.focus()},[g,I]);let O=(0,u.c$)(a,k,_,j,C),D=(0,r.useRouter)();return(0,n.jsx)(s.i,{"aria-label":e,href:O,target:t?"_blank":"",rel:t?"nofollow noopener":"",className:(0,o.Q)(h,"group/nav-item focus-visible:outline-offset-[4px]"),ref:I,onClick:()=>{b&&f&&x&&setTimeout(()=>{(0,i.Z)(b,f,x)},500),(()=>{if(w&&""!==w){let e=document.querySelector("body");return e?.append((0,d.nA)(w))}})(),N&&(0,d.q4)(N),(0,c.W8)("redesignNavigationMenuClick",{linkUrl:O,label:e,asPath:D?.asPath}),m?.()},...{"data-on":p,"data-event-category":b,"data-event-action":x,"data-event-label":f,"data-download-mobile":v,"data-pixel-source":w,"data-conversion-id":N},...R,children:y.children})});m.displayName="NavigationLink"},59486:(e,a,t)=>{t.d(a,{gG:()=>_,s$:()=>j,zm:()=>b});var n=t(37876),r=t(14232),l=t(70143),o=t(44339),s=t(16110),i=t(61902),c=t(53025),d=t(50419),u=t(51005),m=t(91597),h=t(19292),g=t(88095),p=t(48741),x=t(32719);let b=({size:e="text-link-16",children:a,className:t,spanClassName:r,bold:o,brandIcon:s,productIcon:i,bodyText:c,isMainMenuItem:b=!1,useLightDropdownColors:f=!1,isDropdownTrigger:v=!1,reserveIconSpace:w=!1,textContainerMaxWidth:N})=>{let k=(0,m.DO)(e=>e.navigationTheme),{textColor:j,hoverColor:_,smallText:C,textTheme:y}=b||!f?(0,h.g)(k??"On Light"):(0,h.g)("On Light"),{isSvgIcon:T,maskStyles:I}=(0,d.a2)(s),L=(0,d.jq)("dark"===y||b?j:_),R=v||"light"!==y?"group-hover/nav-item:bg-pure-white group-focus/nav-item:bg-pure-white":"group-hover/nav-item:bg-secure-blue group-focus/nav-item:bg-secure-blue",O=(()=>{let e=b?"inline max-w-[164px] items-center gap-1 xlRedesign:max-w-24":"flex max-w-[210px] flex-col items-start gap-1";if(void 0!==N){let a=e.split(" ").filter(e=>!e.startsWith("max-w-")).join(" ");return N?`${a} ${N}`:a}return e})(),D=(0,l.Q)(r||"",v?"":L,(0,x.oU)("text",j),v||b?"":(0,d.Rh)(),!v&&!b&&(v||"light"!==y?"group-hover/nav-item:text-pure-white":"group-hover/nav-item:text-secure-blue"));return(0,n.jsxs)(u.A,{className:(0,l.Q)("inline-flex gap-3",s?"items-start":"items-center",t),children:[T?(0,n.jsx)(u.A,{className:(0,l.Q)("m-0 h-[26px] w-5 transition-colors duration-500 ease-in-out",j&&(0,x.oU)("background",j),R),style:I}):s?(0,n.jsx)(p.default,{...s,alt:s?.alt,className:"m-0 h-[26px] w-5"}):i?(0,n.jsx)(p.default,{...i,alt:i?.alt,className:"h-[40px] w-[40px] object-contain"}):w?(0,n.jsx)(u.A,{className:"m-0 h-[26px] w-5","aria-hidden":"true"}):null,(0,n.jsxs)(u.A,{className:O,children:[(0,n.jsx)(g.EY,{size:e,bold:o,as:"span",children:(0,n.jsx)("span",{className:D,children:a})}),c&&(0,n.jsx)(g.EY,{size:"body-14",color:C,children:c})]})]})},f={1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12",13:"col-span-13",14:"col-span-14",15:"col-span-15",16:"col-span-16",17:"col-span-17",18:"col-span-18",19:"col-span-19",20:"col-span-20",21:"col-span-21",22:"col-span-22",23:"col-span-23",24:"col-span-24"},v="hover:[&>span]:bg-[length:100%_1px]",w=({subNavLeftItems:e,subNavRightItems:a,subNavItems:t})=>e||a?(0,n.jsxs)("div",{className:"header-navigation__dropdown-subnav-container",children:[e&&e.length>0&&(0,n.jsx)("ul",{className:"flex flex-1 items-center justify-start gap-8",children:e.map((e,a)=>(0,n.jsx)(i.C,{animationOrder:a,navItem:e,labelClassName:(0,l.Q)(v),useLightDropdownColors:!0},`left-${a}`))}),a&&a.length>0&&(0,n.jsx)("ul",{className:"flex flex-1 items-center justify-end gap-8",children:a.map((a,t)=>(0,n.jsx)(i.C,{animationOrder:(e?.length||0)+t,navItem:a,labelClassName:(0,l.Q)(v),useLightDropdownColors:!0},`right-${t}`))})]}):(0,n.jsx)("ul",{className:"header-navigation__dropdown-subnav-container",children:t&&t.length>0&&t.map((e,a)=>(0,n.jsx)(i.C,{animationOrder:a+a,navItem:e,labelClassName:(0,l.Q)(v),useLightDropdownColors:!0},a))}),N=({dropdownItem:e,index:a,totalItems:t,hasNavPromo:r,smallText:o,onClickNavLink:s})=>(0,n.jsxs)("div",{className:(0,l.Q)("header-navigation__dropdown-group p-8",a>0&&"border-l border-iron-ore-new-75",k(t,r)),style:{"--animation-order":a},children:[(0,n.jsx)(g.EY,{className:"header-navigation__dropdown-group-title animate-text",color:o,size:"eyebrow",children:e.title}),(0,n.jsx)("ul",{className:"header-navigation__dropdown-group-list",children:e.navigationItems?.map((e,t)=>(0,n.jsx)(j,{className:"header-navigaton__group-list-item",style:{"--animation-order":a+t},children:(0,n.jsx)(c.T,{label:e.label,href:e.href,externalUrl:e.externalUrl,onClickNavLink:s,children:(0,n.jsx)(b,{brandIcon:e?.brandIcon,productIcon:e?.productIcon,bodyText:e?.bodyText,useLightDropdownColors:!0,children:e.label})})},e._id))})]}),k=(e,a)=>e<1||e>24?f[6]:f[Math.floor((24-6*!!a)/e)]||f[6],j=r.forwardRef(({...e},a)=>(0,n.jsx)("li",{ref:a,...e,children:e.children}));j.displayName="NavigationItem";let _=r.forwardRef(({dropdownItems:e,subNavItems:a,subNavLeftItems:t,subNavRightItems:i,navPromo:c,isOpen:d,onClickNavLink:u,...g},p)=>{let b=(0,r.useRef)(null),{activeDropdown:f,setDesktopNavHeightState:v}

1=(0,m.DO)((0,o.k)(e=>({activeDropdown:e.activeDropdown,setDesktopNavHeightState:e.setDesktopNavHeight})));(0,r.useImperativeHandle)(p,()=>b.current);let{smallText:k,backgroundColor:j}=(0,h.g)("On Light"),_=t&&t.length>0||i&&i.length>0||a&&a.length>0,[C,y]=(0,r.useState)(d);return(0,r.useEffect)(()=>{if(d)y(!0);else{let e=setTimeout(()=>y(!1),300);return()=>clearTimeout(e)}},[d]),(0,r.useEffect)(()=>{d&&b&&b.current&&v(b.current?.offsetHeight)},[d,b,v]),(0,n.jsx)("div",{className:(0,l.Q)("header-navigation__dropdown transition-all duration-300 ease-out",f&&"active",d?"pointer-events-auto translate-y-0 opacity-100":"pointer-events-none translate-y-4 opacity-0"),ref:b,"aria-hidden":!d,"data-testid":"navigation-dropdown",...g,children:C&&(0,n.jsx)("div",{className:(0,l.Q)("header-navigation__dropdown-container",(0,x.oU)("background",j)),children:(0,n.jsxs)("div",{className:"header-navigation__dropdown-inner-container",children:[e?.map((a,t)=>(0,n.jsx)(N,{dropdownItem:a,index:t,totalItems:e.length,hasNavPromo:!!c,smallText:k,onClickNavLink:u},a._id)),c&&(0,n.jsx)("div",{className:(0,l.Q)("header-navigation__dropdown-group items-start gap-0 p-8",e?.length&&"border-l border-iron-ore-new-75"),children:(0,n.jsx)("ul",{className:"h-full w-full",children:(0,n.jsx)(s.W,{...c,animationOrder:e?.length,useLightDropdownColors:!0})})}),_&&(0,n.jsx)("div",{className:"header-navigation__dropdown-subnav",children:(0,n.jsx)(w,{subNavLeftItems:t,subNavRightItems:i,subNavItems:a})})]})})})});_.displayName="NavigationDropdown"},61902:(e,a,t)=>{t.d(a,{C:()=>o});var n=t(37876),r=t(59486),l=t(53025);let o=({animationOrder:e,navItem:a,onClickNavLink:t,labelClassName:o,useLightDropdownColors:s=!1})=>(0,n.jsx)(r.s$,{style:{"--animation-order":e},children:(0,n.jsx)(l.T,{className:"header-navigation__dropdown-subnav-item",href:a?.href,label:a?.label,externalUrl:a?.externalUrl,onClickNavLink:t,children:(0,n.jsx)(r.zm,{size:"text-link-16",brandIcon:a?.brandIcon,productIcon:a?.productIcon,className:o,reserveIconSpace:!0,useLightDropdownColors:s,children:a.label})})})}}]);