"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47578],{5265:(e,t,l)=>{l.d(t,{A:()=>m});var a=l(29747),i=l(14232),n=l(14579),r=l(51263),o=l(30735),d=l(63276),s=l(63381);let c={image:{objectFit:"contain"},imageFullWidth:{[d.MQ.S]:{height:210},[d.MQ.M]:{height:430},[d.MQ.L]:{height:490},objectFit:"contain"},imageWrapper:{marginBottom:s.E.SIZE_40}},m=(0,i.memo)(function(e){let{customContainerStyles:t,image:l,isFullWidth:i}=e;return l?(l.altText||(l.altText="header-hero-image"),i?(0,a.Y)("div",{css:[c.imageWrapper,t],children:(0,a.Y)(o.default,{customImageStyles:[c.image,c.imageFullWidth],widths:[240,600,870],...l,priority:!0})}):(0,a.Y)(n.default,{children:(0,a.Y)(r.default,{gridColumnL:"3/13",gridColumnXL:"5/11",children:(0,a.Y)("div",{css:[c.imageWrapper,t],children:l&&(0,a.Y)(o.default,{customImageStyles:c.image,widths:[240,600,870],...l,priority:!0})})})})):null})},12762:(e,t,l)=>{l.d(t,{A:()=>r});var a,i=l(14232);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(null,arguments)}let r=function(e){return i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:12,height:7,fill:"currentColor",viewBox:"0 0 12 7"},e),a||(a=i.createElement("path",{fillRule:"evenodd",d:"M.293.293a1 1 0 0 1 1.414 0L6 4.586 10.293.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414",clipRule:"evenodd"})))}},47578:(e,t,l)=>{l.r(t),l.d(t,{default:()=>y});var a=l(29747),i=l(14232),n=l(12762),r=l(95709),o=l(14579),d=l(51263),s=l(5265),c=l(30735),m=l(88554),g=l(99154),h=l(67749),u=l(19009),p=l(57532),E=l(69648);function y(e){let{body:t,brandLogo:l,collapseBodyCTALabel:y=(0,p.ui)("common.headerLandingPage.collapseBodyCTALabel"),expandBodyCTALabel:A=(0,p.ui)("common.headerLandingPage.expandBodyCTALabel"),image:I,subTitle:L,subTitleAs:b="div",title:B,titleAs:v="h1",titleSize:S=g.A.JUMBO,theme:w=u.C.LIGHT,titleWithoutMarkdown:C=!1,setHeroImageWidthToFullScreen:f=!1,subTitleWithoutMarkdown:_=!1,bodyWithoutMarkdown:T=!1,customTitleStyles:Y,customSubTitleStyles:H,customBodyStyles:M,customImageStyles:G,isTireShopsPage:R,isCatalogPage:Z}=e,[O,k]=(0,i.useState)(!1),x="Tire Reviews"==B,Q=(0,i.useMemo)(()=>{let e=[E.Ay.imageContainer];return G&&e.push(G),e},[G]),F=(0,i.useCallback)(()=>{k(!O)},[O,k]),D=t&&t.split(/\n\n/g),W=D&&D[0],K=W&&W.split(/\r?\n/);K&&K[0]&&K[0].includes("#")&&(B=K[0].replace("#",""),W=W&&W.replace(K[0],""));let j=D&&D.length>1&&D.slice(1).join("\n\n"),P=W&&D&&D.length>1;return(0,a.FD)("header",{css:[E.Ay.container,E.Qp[w].container],"data-component":"HeaderLandingPage",children:[(0,a.Y)(o.default,{"data-element":"Grid",children:(0,a.FD)(d.default,{gridColumnS:x?"1/12":"start/end",gridColumnM:x?"1/12":"start/end",gridColumnL:x?"1/12":"3/13",gridColumnXL:R?"1/11":Z?"1/7":x?"1/12":"5/11","data-element":"GridItem",children:[l&&(0,a.Y)(c.default,{customImageStyles:E.Ay.brandLogo,...l}),(0,a.Y)(v,{css:[E.Gd[S].title,E.Qp[w].title,Y,E.Ay.heroMargin,x&&E.Ay.tiresReviewHeader],"data-element":"TitleContainer",children:C?(0,a.Y)("span",{children:B}):(0,a.Y)(m.A,{children:B})}),L&&(0,a.Y)(b,{css:[E.Ay.subTitle,E.Qp[w].subTitle,x?E.Ay.tiresReviewSubtitle:H],children:_?(0,a.Y)("span",{children:L}):(0,a.Y)(m.A,{children:L})})]})}),(0,a.Y)(s.A,{image:I,isFullWidth:f,customContainerStyles:Q,"data-element":"HeaderHeroImage"}),(0,a.Y)(o.default,{"data-element":"Grid",children:(0,a.FD)(d.default,{gridColumnL:"3/13",gridColumnXL:R?"1/11":Z?"1/7":"5/11","data-element":"GridItem",children:[W&&(0,a.Y)("div",{css:[E.Ay.Body,M],children:T?W:(0,a.Y)(m.A,{allowedElements:h.cR,unwrapDisallowed:!0,children:W})}),j&&(0,a.Y)("div",{css:[E.Ay.moreBody,M],"aria-hidden":!O,id:"header-detail-page-body",children:T?(0,a.Y)("span",{children:j}):(0,a.Y)(m.A,{unwrapDisallowed:!0,children:j})}),P&&(0,a.FD)("button",{"aria-expanded":O,"aria-labelledby":"header-detail-page-body","aria-controls":"header-detail-page-body",onClick:F,css:[E.Ay.showFullBody,M,E.Qp[w].buttonHover],children:[(0,a.Y)("span",{children:O?y:A}),(0,a.Y)("span",{css:E.Ay.showFullBodyIcon,children:O?(0,a.Y)(r.A,{}):(0,a.Y)(n.A,{})})]})]})})]})}},67749:(e,t,l)=>{l.d(t,{Jr:()=>a,cR:()=>n,h:()=>i});let a=["root","text","break","paragraph","strong","emphasis","link","list","listItem","a","p"],i=["root","text","break","paragraph","strong","emphasis","ul","li","link","list","listItem","a"],n=["root","text","break","paragraph","strong","emphasis","link","list","listItem","html","a","p","ol","ul","li"]},69648:(e,t,l)=>{l.d(t,{Ay:()=>p,Gd:()=>h,Qp:()=>u});var a=l(63276),i=l(44364),n=l(84265),r=l(99154),o=l(63381),d=l(19009),s=l(46605),c=l(17262),m=l(36384);let g={Body:{a:c.y.light},brandLogo:{maxHeight:o.E.SIZE_45,marginBottom:o.E.SIZE_20,[a.MQ.M]:{maxHeight:"100%",width:295}},container:[m.Il.bodyCopy,{marginBottom:o.E.SIZE_40,[a.MQ.S]:{marginBottom:0},[a.MQ.M]:{marginBottom:o.E.SIZE_40}}],heroMargin:{marginBottom:o.E.SIZE_60,[a.MQ.S]:{marginBottom:o.E.SIZE_10},[a.MQ.M]:{marginBottom:o.E.SIZE_40},[a.MQ.L]:{marginBottom:o.E.SIZE_60}},imageContainer:{a:{display:"block"},img:{aspectRatio:"auto",maxHeight:489},margin:"0 auto",marginBottom:o.E.SIZE_40,maxHeight:489,textAlign:"center"},moreBody:{'&[aria-hidden="false"]':{display:"block"},a:c.y.light,display:"none","h1, h2":[m.Il.primaryHeadline,{paddingBottom:o.E.SIZE_10,paddingTop:o.E.SIZE_20}],h3:[m.Il.secondaryHeadline,{paddingBottom:o.E.SIZE_10,paddingTop:o.E.SIZE_20}],marginTop:"1em"},showFullBody:[m.Il.primarySubhead,{alignItems:"center",display:"flex",marginTop:o.E.SIZE_05,transition:"color ".concat(s.E.MS100,"ms ").concat(n.U.CIRC_EASE_OUT)}],showFullBodyIcon:{marginTop:o.E.SIZE_02,svg:{display:"block",height:5,padding:o.E.SIZE_05}},subTitle:[m.Il.largeCopy,{marginBottom:o.E.SIZE_40}],tiresReviewHeader:{marginTop:o.E.SIZE_40,[a.MQ.L]:{marginTop:o.E.SIZE_60}},tiresReviewSubtitle:[m.Il.bodyCopy,{width:"100%"}]},h={[r.A.JUMBO]:{title:[m.Il.jumboHeadline,{marginBottom:o.E.SIZE_15}]},[r.A.PRIMARY]:{title:[m.Il.primaryHeadline,{marginBottom:o.E.SIZE_30}]}},u={[d.C.LIGHT]:{buttonHover:{"&:hover, &:focus:not(:active)":{color:i.l.GLOBAL.BLACK}},container:{color:i.l.LIGHT.GRAY_70},links:{a:c.y.LIGHT},subTitle:{color:i.l.GLOBAL.BLACK},title:{color:i.l.GLOBAL.BLACK}},[d.C.DARK]:{buttonHover:{"&:hover, &:focus:not(:active)":{color:i.l.GLOBAL.WHITE}},container:{color:i.l.DARK.GRAY_40},links:{a:c.y.DARK},subTitle:{color:i.l.GLOBAL.WHITE},title:{color:i.l.GLOBAL.WHITE}},[d.C.ORANGE]:{buttonHover:{"&:hover, &:focus:not(:active)":{color:i.l.GLOBAL.BLACK}},container:{color:i.l.ORANGE.SHADE_85},links:{a:c.y.DARK},subTitle:{color:i.l.GLOBAL.BLACK},title:{color:i.l.GLOBAL.WHITE}}},p=g},95709:(e,t,l)=>{l.d(t,{A:()=>r});var a,i=l(14232);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(null,arguments)}let r=function(e){return i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:12,height:7,fill:"currentColor",viewBox:"0 0 12 7"},e),a||(a=i.createElement("path",{fillRule:"evenodd",d:"M5.293.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414L6 2.414 1.707 6.707A1 1 0 0 1 .293 5.293z",clipRule:"evenodd"})))}}}]);