"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11051],{6208:(e,t,i)=>{i.d(t,{E7:()=>s,bo:()=>c});var a=i(55150),o=i(11516),n=i(68852);let l={src:"https://images.simpletire.com/image/upload/v1639765369/homepage/how_it_works/how_it_works.jpg",altText:"how it works",type:a.z.IMAGE},r={src:"https://images.simpletire.com/image/upload/v1704306017/steer/common/how_it_works_install.svg",altText:"how it works",type:a.z.IMAGE},d={src:"https://images.simpletire.com/image/upload/v1704306017/steer/common/how_it_works_mobile_install.svg",altText:"how it works",type:a.z.IMAGE},s=(e,t,i,a)=>({featuredInfoModules:[{action:{as:o.r.BUTTON,onClick:t,text:(0,n.ui)("homepage.howItWorks.startSearch")},action1:{as:o.r.BUTTON,onClick:i,text:(0,n.ui)("homepage.howItWorks.chatWithExpert")},copy:(0,n.ui)("homepage.howItWorks.featuredInfo.tire.copy"),icon:"tire",itemNumber:"1",title:(0,n.ui)("homepage.howItWorks.featuredInfo.tire.title")},{copy:(0,n.ui)("homepage.howItWorks.featuredInfo.localBusiness.copy",{verifiedCount:a||68}),icon:"local-business",itemNumber:"2",title:(0,n.ui)("homepage.howItWorks.featuredInfo.localBusiness.title")},{copy:(0,n.ui)("homepage.howItWorks.featuredInfo.creditCard.copy"),icon:"credit-card",itemNumber:"3",title:(0,n.ui)("homepage.howItWorks.featuredInfo.creditCard.title")},{action:{as:o.r.BUTTON,onClick:e,text:(0,n.ui)("homepage.howItWorks.easyReturn")},copy:"24/7 roadside assistance included with installation.",icon:"vehicle-cart",itemNumber:"4",title:(0,n.ui)("homepage.howItWorks.featuredInfo.vehicleCart.title")}],footer:(0,n.ui)("homepage.howItWorks.footer"),header:(0,n.ui)("homepage.howItWorks.header"),image:l,imageHowItWorksInstall:r,subHeader:(0,n.ui)("homepage.howItWorks.subHeader")}),c=(e,t)=>({featuredInfoModules:[{icon:"tire",title:(0,n.ui)("homepage.howItWorks.featuredInfo.tire.title"),copy:(0,n.ui)("homepage.howItWorks.featuredInfo.tire.copy")},{icon:"shipping-truck-outline",title:(0,n.ui)("homepage.howItWorks.featuredInfo.mobileInstaller.title"),copy:(0,n.ui)("homepage.howItWorks.featuredInfo.mobileInstaller.copy",{verifiedCount:t||68})},{icon:"credit-card",title:(0,n.ui)("homepage.howItWorks.featuredInfo.creditCard.title"),copy:(0,n.ui)("homepage.howItWorks.featuredInfo.creditCard.copy")},{icon:"vehicle-cart",title:(0,n.ui)("homepage.howItWorks.featuredInfo.vehicleCart.title"),copy:"24/7 roadside assistance included with installation.",action:{as:o.r.BUTTON,onClick:e,text:(0,n.ui)("homepage.howItWorks.easyReturn")}}],footer:(0,n.ui)("homepage.howItWorks.footer"),header:(0,n.ui)("homepage.howItWorks.header"),imageHowItWorksMobileInstall:d,subHeader:(0,n.ui)("homepage.howItWorks.subHeaderMobile")})},42471:(e,t,i)=>{i.d(t,{A:()=>Z});var a=i(41364),o=i(55028),n=i(12115),l=i(20903),r=i(50965),d=i(33400),s=i(82462),c=i(50988),p=i(46450),u=i(77071),m=i(47684);async function I(e){let{query:t,signal:i}=e;return await (0,m.q$)({endpoint:"/installer-services",includeUserRegion:!0,includeUserZip:!0,method:"get",query:t,signal:i})}var g=i(55150),h=i(16652),f=i(80130),S=i(68852),M=i(15586),E=i(25289),L=i(40539),y=i(68536),_=i(44787);let w={comment:[_.Il.smallCopy,{color:L.l.LIGHT.GRAY_70}],headline:{marginBottom:y.E.SIZE_40,[E.MQ.S]:[_.gI.primaryHeadline.base],[E.MQ.M]:[_.gI.primaryHeadline.M],[E.MQ.XL]:[_.gI.primaryHeadline.XL]},icon:{color:L.l.GLOBAL.ORANGE,height:30,marginRight:0,width:30,[E.MQ.S]:{marginRight:y.E.SIZE_30}},installation:{paddingLeft:y.E.SIZE_50,position:"relative",[E.MQ.S]:[{marginLeft:-y.E.SIZE_50}]},installationContent:{display:"flex",justifyContent:"space-between",marginBottom:y.E.SIZE_20},installationDetails:{"[role='tab']":{color:L.l.LIGHT.GRAY_70,textAlign:"center",textTransform:"uppercase",...(0,_._R)(10,12),"&:hover":{color:L.l.GLOBAL.BLACK},"&[aria-selected='true']":{borderBottom:M.s.SOLID_BLACK_3PX,color:L.l.GLOBAL.BLACK,"&:after":{height:0}}},"[role='tablist']":{"&::-webkit-scrollbar":{display:"none"},borderBottom:M.s.SOLID_GRAY_10_1PX,display:"flex",justifyContent:"space-around",marginBottom:y.E.SIZE_30,marginTop:y.E.SIZE_30,overflowX:"scroll"}},originalPrice:{textDecoration:"line-through"},priceOld:[_.Il.smallCopyTight,{color:L.l.LIGHT.GRAY_70,display:"block",textAlign:"right"}],priceSale:[_.Il.primarySubhead,{color:L.l.GLOBAL.BLACK,display:"block",textAlign:"right"}],rims:[_.Il.labelCopy,{"& span":{marginRight:20},color:L.l.LIGHT.GRAY_70,margin:"".concat(y.E.SIZE_20,"px 0")}],services:{"& > div > button":[_.Il.tertiaryHeadline,{"& span:first-of-type":{paddingLeft:y.E.SIZE_55}}],"& > div > div":{"& button > span:first-of-type":{display:"block",margin:"0 auto",marginRight:y.E.SIZE_20,width:y.E.SIZE_35},"& button > span:nth-of-type(2)":[_.Il.tertiaryHeadline,{color:L.l.GLOBAL.BLACK}],"& button > span:nth-of-type(3)":[_.Il.smallCopy,{color:L.l.LIGHT.GRAY_70,marginRight:0}],"& button > span:nth-of-type(4)":{width:0},"&:not(:first-of-type)":{borderTop:"none"},borderBottom:M.s.SOLID_GRAY_20_1PX},"& button":{borderTop:"none",padding:"".concat(y.E.SIZE_30,"px 0")},borderTop:M.s.SOLID_GRAY_20_1PX,margin:"".concat(y.E.SIZE_60,"px 0")},shopServicesContainer:{"> div":{gridTemplateColumns:"[wrapper-start] 0px [start] repeat(12, 1fr) [end] 30px [wrapper-end]"},width:"92%",[E.MQ.S]:{marginTop:0,marginBottom:y.E.SIZE_60},[E.MQ.M]:{marginTop:y.E.SIZE_80,marginBottom:y.E.SIZE_80},[E.MQ.L]:{marginTop:y.E.SIZE_120,marginBottom:y.E.SIZE_120}},tireInstallation:{display:"flex",flexDirection:"column",width:"100%",[E.MQ.S]:{marginLeft:20}},tireInstallationDescription:[_.Il.bodyCopy,{color:L.l.LIGHT.GRAY_70,[E.MQ.S]:{display:"none"},[E.MQ.M]:{display:"inline"}}],tireInstallationIcon:{display:"flex",width:"10%",[E.MQ.M]:{marginLeft:-y.E.SIZE_60}},tireInstallationTitle:[_.Il.primarySubhead,{[E.MQ.S]:{marginLeft:y.E.SIZE_20},[E.MQ.M]:{marginLeft:0}}],tireInstallContainer:{display:"flex",flexDirection:"row",[E.MQ.S]:{marginLeft:0},[E.MQ.M]:{marginLeft:-y.E.SIZE_60}},tireInstallH:{[E.MQ.S]:[_.gI.tertiaryHeadline.base],[E.MQ.XL]:[_.gI.tertiaryHeadline.XL]},tireInstallP:{color:L.l.LIGHT.GRAY_70,[E.MQ.S]:[_.Il.smallCopyTight],[E.MQ.M]:[_.Il.bodyCopy],[E.MQ.XL]:[_.Il.largeCopy]}},b=(0,o.default)(()=>i.e(20974).then(i.bind(i,20974)),{loadableGenerated:{webpack:()=>[20974]}}),v=(0,o.default)(()=>Promise.all([i.e(21844),i.e(10003)]).then(i.bind(i,21844)),{loadableGenerated:{webpack:()=>[21844]}}),C=(0,o.default)(()=>i.e(93921).then(i.bind(i,93921)),{loadableGenerated:{webpack:()=>[93921]}}),T=(0,o.default)(()=>Promise.all([i.e(22037),i.e(16512)]).then(i.bind(i,16512)),{loadableGenerated:{webpack:()=>[16512]}}),Z=function(e){var t,i,o;let{isContentful:m=!1,serviceDetails:M,openStaticModal:E,openAllInstallationShopsModal:L,isModal:y,isMobileInstall:_,isShopLandingPage:Z}=e,[x,Q]=(0,n.useState)(""),[k,A]=(0,n.useState)(0),W=(0,c.W)(e=>{var t;return null===(t=e.cartSummary)||void 0===t?void 0:t.siteProducts.reduce((e,t)=>e+t.quantity,0)}),[H,G]=(0,n.useState)(M),R=(0,n.useMemo)(()=>{var e;if((null==H?void 0:null===(e=H.installerProductSubTypes)||void 0===e?void 0:e.length)==1)return null==H?void 0:H.installerProductSubTypes[0].installationSalePrice;let t=null==H?void 0:H.installerProductSubTypes.filter(e=>e.name!==p.X.COMMERCIAL);if(t&&t.length>0)return t.reduce((e,t)=>+((null==e?void 0:e.installationSalePrice)||0)<+((null==t?void 0:t.installationSalePrice)||0)?e:t).installationSalePrice},[H]),P=(0,n.useMemo)(()=>{var e;if((null==H?void 0:null===(e=H.installerProductSubTypes)||void 0===e?void 0:e.length)==1)return null==H?void 0:H.installerProductSubTypes[0].installation4TiresSalePrice;{let e=null==H?void 0:H.installerProductSubTypes.filter(e=>e.name!==p.X.COMMERCIAL);return e&&e.length>0?e.reduce((e,t)=>((null==e?void 0:e.installation4TiresSalePrice)||0)<((null==t?void 0:t.installation4TiresSalePrice)||0)?e:t).installation4TiresSalePrice:void 0}},[H]),Y=(0,n.useMemo)(()=>null==H?void 0:H.installerProductSubTypes.some(e=>e.name===p.X.COMMERCIAL),[H]),B=(0,n.useMemo)(()=>{var e;return null==H?void 0:null===(e=H.installerProductSubTypes.find(e=>e.name===p.X.COMMERCIAL))||void 0===e?void 0:e.installationSalePrice},[H]),D=(0,n.useMemo)(()=>{var e;return null==H?void 0:null===(e=H.installerProductSubTypes.find(e=>e.name===p.X.COMMERCIAL))||void 0===e?void 0:e.installation4TiresSalePrice},[H]),O=(0,n.useCallback)(async e=>{if(null==M?void 0:M.installerId){let t=await Promise.resolve(I({query:{installerId:null==M?void 0:M.installerId,frontQuantity:e+"",rearQuantity:"1"}}));t.isSuccess&&t.data&&G(t.data&&t.data.siteInstallerServices)}},[null==M?void 0:M.installerId]);(0,n.useEffect)(()=>{O(W||0)},[W,O]),(0,n.useEffect)(()=>Q(Y&&(null==H?void 0:H.installerProductSubTypes.length)==1?B||"":R||""),[Y,B,R,H]),(0,n.useEffect)(()=>A(Y&&(null==H?void 0:H.installerProductSubTypes.length)==1?D||0:P||0),[Y,D,P,H]);let X=[(0,S.ui)("installationShopDetails.noncommercialTires"),(0,S.ui)("installationShopDetails.commercialTires")];return(0,a.Y)("div",{css:w.shopServicesContainer,"data-component":"ShopDetailsServices",children:(0,a.FD)(l.A,{"data-element":"Grid",children:[(0,a.FD)(r.A,{gridColumn:y?"start/12":Z?"2/18":"2/6",gridColumnM:y?"start/4":Z?"2/5":"2/4",gridColumnL:y?"start/5":"2/5",gridColumnXL:"3/7","data-element":"GridItem",children:[(null==H?void 0:H.installationSalePrice)&&H.installationSalePrice<H.installationPrice&&(0,a.Y)(v,{label:(0,S.ui)("shopDetail.offInstallation",{value:(100*(H.installationPrice-H.installationSalePrice)/H.installationPrice).toFixed()}),icon:{svgId:s.Ze.WRENCH,type:g.z.ICON},style:u.h.SitePromotionItemOrangePill}),(0,a.Y)("h3",{css:w.headline,children:(0,S.ui)("shopDetail.shopServices")})]}),(0,a.FD)(r.A,{gridColumn:y?"start/20":Z?"2/18":"2/6",gridColumnM:y?"9/20":Z?"9/18":"4/8",gridColumnL:y?"8/21":"5/14",gridColumnXL:y?"9/21":"8/14","data-element":"GridItem",children:[(0,a.FD)("div",{css:w.installation,children:[Y&&H&&(null==H?void 0:H.installerProductSubTypes.length)>1&&(0,a.Y)("div",{css:w.installationDetails,children:(0,a.Y)(C,{id:"price-tabs",tabsLabels:X,customContainerStyles:w.tabContainer,fullWidth:!0,onChange:e=>Q(0==e?R||"":B||""),children:(0,a.Y)(a.FK,{})})}),(0,a.FD)("div",{css:w.installationContent,children:[(0,a.FD)("div",{css:w.tireInstallContainer,children:[(0,a.Y)("span",{css:w.icon,children:(0,a.Y)(d.default,{name:s.Ze.TIRE_INSTALLATION,"data-element":"Icon"})}),(0,a.Y)("div",{css:w.tireInstallation,children:(0,a.Y)("p",{css:w.tireInstallationTitle,children:(0,S.ui)("pdp.installation.tireInstallation")})})]}),!m&&(0,a.FD)("div",{"data-component":"renderSalePrice",children:[(0,a.Y)("span",{css:w.priceSale,children:(0,S.ui)("pdp.installation.installationSalePrice",{installationSalePrice:(0,f.nT)(x||0)})}),k&&W&&W<3&&(null==H?void 0:H.installerProductSubTypes)&&(null==H?void 0:H.installerProductSubTypes[0].installation4TiresSalePrice)&&(0,a.Y)("span",{css:w.priceOld,children:(0,a.Y)("span",{css:w.priceQuantity,children:(0,S.ui)("pdp.installation.installationSalePricefourtires",{installationSalePricefourtires:(0,f.nT)((null==H?void 0:H.installerProductSubTypes[0].installation4TiresSalePrice)&&(null==H?void 0:H.installerProductSubTypes[0].installation4TiresSalePrice)||0)})})})]})]}),(0,a.Y)(T,{openStaticModal:E,moreDetailsDataId:"More details link on Shop Details Services",openAllShopsModal:L,isMobileInstall:_,isPresentedInModal:y,"data-element":"InstallationWhatsIncluded"}),(0,a.FD)("p",{css:w.rims,children:[(0,a.Y)("span",{children:(0,S.ui)("pdp.installation.minRimSize",{minRimSize:(null==H?void 0:H.minRimSize)||0})}),(0,a.Y)("span",{children:(0,S.ui)("pdp.installation.maxRimSize",{maxRimSize:(null==H?void 0:H.maxRimSize)||0})})]}),(0,a.Y)("p",{css:w.comment,children:(0,S.ui)("pdp.installation.comment")})]}),(null==H?void 0:null===(t=H.installerServices)||void 0===t?void 0:t.length)&&!y?(0,a.Y)("div",{css:w.services,children:(0,a.Y)(b,{id:"services",itemsToShow:3,itemsToShowLabel:(null===(i=H.installerServices)||void 0===i?void 0:i.length)-3-1==1?(0,S.ui)("shopDetail.seeMoreService"):(0,S.ui)("shopDetail.seeMoreServices",{number:(null===(o=H.installerServices)||void 0===o?void 0:o.length)-3-1}),theme:h.C.LIGHT,items:H.installerServices.map(e=>({id:e.name,icon:e.steerIllustration,label:e.name,value:(0,S.ui)("shopDetail.offeredAtShop")}))})}):null]})]})})}},46450:(e,t,i)=>{i.d(t,{X:()=>a});let a=i(2279).B},70406:(e,t,i)=>{i.d(t,{A:()=>L});var a=i(41364),o=i(51616),n=i.n(o),l=i(12115),r=i(42635),d=i(20903),s=i(50965),c=i(72554),p=i(68852),u=i(15586),m=i(25289),I=i(40539),g=i(64385),h=i(68536),f=i(46933),S=i(44787);let M={borderBottom:{borderBottom:u.s.SOLID_GRAY_20_1PX,[m.MQ.S]:{margin:"0 ".concat(h.E.SIZE_20,"px")},[m.MQ.M]:{margin:"0 ".concat(h.E.SIZE_40,"px")},[m.MQ.L]:{margin:"0 ".concat(h.E.SIZE_55,"px")},[m.MQ.XL]:{margin:"0 ".concat(h.E.SIZE_55,"px")}},borderTop:{borderTop:u.s.SOLID_GRAY_20_1PX,[m.MQ.S]:{margin:"0 ".concat(h.E.SIZE_20,"px"),padding:"0 0 ".concat(h.E.SIZE_20,"px 0")},[m.MQ.M]:{margin:"0 ".concat(h.E.SIZE_40,"px"),padding:"0 0 ".concat(h.E.SIZE_40,"px 0")},[m.MQ.L]:{margin:"0 ".concat(h.E.SIZE_55,"px"),padding:"0 0 ".concat(h.E.SIZE_55,"px 0")},[m.MQ.XL]:{margin:"0 ".concat(h.E.SIZE_55,"px"),padding:"0 0 ".concat(h.E.SIZE_60,"px 0")}},borderTopHowItWorks:{[m.MQ.S]:{display:"none"}},container:{backgroundColor:I.l.GLOBAL.WHITE,padding:"".concat(h.E.SIZE_30,"px 0 ").concat(h.E.SIZE_20,"px"),[m.MQ.XL]:{paddingLeft:0}},containerHome:{maxWidth:"1095px",margin:"0 auto",[m.MQ.XL]:{paddingTop:h.E.SIZE_10}},containerHowItWorks:{maxWidth:"1100px",margin:"auto"},containerSmallMargin:{padding:"".concat(h.E.SIZE_30,"px 0 0 0")},containerZeroMargin:{padding:0},divider:{[m.MQ.S]:{display:"none"},[m.MQ.XL]:{display:"block",width:h.E.SIZE_01,height:"100%",border:"1px solid ".concat(I.l.LIGHT.GRAY_20)}},featuredInfoModuleContainer:{textAlign:"left",[m.MQ.S]:{minWidth:100},[m.MQ.M]:{minWidth:100},[m.MQ.L]:{minWidth:130},[m.MQ.XL]:{minWidth:195}},featuredInfoModuleCopy:[S.Il.labelCopy,{textAlign:"left"}],featuredInfoModuleCopyModal:{[m.MQ.S]:[S.Il.smallCopyTight],textAlign:"left"},featuredInfoModuleIcon:{justifyContent:"flex-start","& > svg":{height:h.E.SIZE_25}},featuredInfoModuleIconUpdate:{justifyContent:"flex-start","& > svg":{height:h.E.SIZE_25,color:"#097640"}},featuredInfoModuleLink:{[m.MQ.S]:[S.Il.smallCopyTight],justifyContent:"flex-start",paddingTop:0},featuredInfoModuleTitle:[S.gI.tertiaryHeadline.base,{textAlign:"left",[m.MQ.M]:S.gI.tertiaryHeadline.XL,[m.MQ.XL]:S.gI.tertiaryHeadline.XL}],featuredInfoModuleTitleModal:{[m.MQ.S]:[S.gI.tertiaryHeadline.base],textAlign:"left"},featuredInfoModuleUpdate:{borderRight:u.s.SOLID_GRAY_20_1PX,":last-child":{borderRight:"none"}},featuredInfoModuleWrapper:{"&::after":{background:"#e7e7e7",borderRadius:10,content:'""',position:"absolute",top:20,zIndex:9,[m.MQ.S]:{height:"100%",left:40,width:"2px"},[m.MQ.M]:{height:"2px",left:0,width:"100%"}},"&:last-child":{"&::after":{display:"none"}},position:"relative",[m.MQ.L]:{display:"grid",gridColumnGap:h.E.SIZE_20,gridRowGap:h.E.SIZE_40,gridTemplateColumns:"1fr 0fr",justifyItems:"start",width:"100%"},[m.MQ.M]:{display:"grid",gridColumnGap:h.E.SIZE_20,gridRowGap:h.E.SIZE_40,gridTemplateColumns:"1fr 0fr",justifyItems:"start",width:"100%"}},footer:[S.gI.secondaryHeadline.base,{color:I.l.GLOBAL.BLACK,marginTop:h.E.SIZE_40,paddingBottom:h.E.SIZE_60,textAlign:"left",[m.MQ.S]:{marginLeft:h.E.SIZE_20,marginRight:h.E.SIZE_100,paddingBottom:h.E.SIZE_60},[m.MQ.M]:{marginLeft:h.E.SIZE_15,marginRight:h.E.SIZE_100,paddingBottom:h.E.SIZE_60},[m.MQ.L]:{marginLeft:h.E.SIZE_15,marginRight:h.E.SIZE_120,paddingBottom:h.E.SIZE_80}}],footerextra:{textAlign:"left",[m.MQ.L]:{textAlign:"center"}},footerHome:{marginLeft:0},footerHowItWorks:{[m.MQ.M]:{maxWidth:"500px",margin:"40px auto 0px",paddingLeft:"40px"},[m.MQ.L]:{maxWidth:"100%",marginLeft:0,paddingLeft:"0px"}},footerModal:{[m.MQ.S]:[S.gI.secondaryHeadline.base,{marginLeft:h.E.SIZE_20}],[m.MQ.M]:{marginLeft:0},marginTop:h.E.SIZE_40,[m.MQ.L]:{marginTop:h.E.SIZE_70}},header:[S.gI.primaryHeadline.base,{color:I.l.GLOBAL.BLACK,[m.MQ.M]:S.gI.primaryHeadline.M}],headerModal:[S.gI.primaryHeadline.base,{color:I.l.GLOBAL.ORANGE,[m.MQ.M]:S.gI.primaryHeadline.M,[m.MQ.L]:{marginLeft:h.E.SIZE_40}}],headerWrapper:{marginLeft:60,[m.MQ.S]:{padding:"".concat(h.E.SIZE_20,"px"),textAlign:"center",marginLeft:0,marginRight:30},[m.MQ.M]:{marginLeft:0,paddingLeft:0,textAlign:"left"},[m.MQ.L]:{marginLeft:0,paddingLeft:0}},headerWrapperModal:{textAlign:"left"},howItWorksShopLandingPage:{[m.MQ.L]:{gridColumnGap:h.E.SIZE_60,gridTemplateColumns:"repeat(4, minmax(100px, 1fr))",marginLeft:0,marginRight:0,marginTop:h.E.SIZE_60}},image:{[m.MQ.L]:{borderRadius:g.Z.RADIUS_15}},imageHowItWorksInstall:{img:{left:"-140%",position:"relative",width:"250%",[m.MQ.M]:{left:"unset",width:"100%"}},marginTop:h.E.SIZE_30,overflow:"hidden",[m.MQ.L]:{marginTop:h.E.SIZE_60}},imageHowItWorksMobileInstall:{img:{left:"-65%",position:"relative",width:"240%",[m.MQ.M]:{left:"unset",width:"100%"}},marginTop:h.E.SIZE_30,overflow:"hidden",[m.MQ.M]:{marginTop:h.E.SIZE_30},[m.MQ.L]:{marginTop:h.E.SIZE_60}},imageHowItWorksMobileInstallModal:{img:{left:"-65%",width:"245%",[m.MQ.M]:{left:"-30%",width:"160%"}}},imageTop:{[m.MQ.S]:{gridRow:1,gridColumnGap:0},[m.MQ.M]:{gridRow:1,gridColumnGap:0},[m.MQ.L]:{margin:"".concat(h.E.SIZE_40,"px ").concat(h.E.SIZE_40,"px ").concat(h.E.SIZE_80,"px")},[m.MQ.XL]:{margin:"".concat(h.E.SIZE_40,"px ").concat(h.E.SIZE_40,"px ").concat(h.E.SIZE_80,"px")}},imageTopHowItWorks:{[m.MQ.XL]:{margin:"".concat(h.E.SIZE_40,"px ").concat(h.E.SIZE_01,"px ").concat(h.E.SIZE_80,"px")}},innerContainer:{maxWidth:"100%"},innerContainerHowItWorks:{[m.MQ.M]:{maxWidth:"500px",margin:"auto"},[m.MQ.L]:{maxWidth:"100%"}},mobileHeader:[S.gI.primaryHeadline.base,{color:I.l.GLOBAL.ORANGE,marginLeft:h.E.SIZE_20,textAlign:"left",[m.MQ.S]:{marginRight:h.E.SIZE_100},[m.MQ.M]:S.gI.primaryHeadline.M}],removeCol:{[m.MQ.S]:{gridColumnGap:0},[m.MQ.M]:{gridColumnGap:0}},subHeader:[S.Il.secondaryHeadline,{color:I.l.GLOBAL.GRAY_60,fontWeight:700,whiteSpace:"pre-line"}],subHeaderModal:[S.gI.primaryHeadline.base,{color:I.l.GLOBAL.BLACK,marginLeft:h.E.SIZE_20,whiteSpace:"pre-line",width:"60%",[m.MQ.M]:S.gI.primaryHeadline.M,[m.MQ.L]:{marginLeft:h.E.SIZE_40}}],topTitle:{[m.MQ.S]:{display:"none"},[m.MQ.M]:{display:"block"}},topTitleHowItWorks:{[m.MQ.S]:{display:"block",padding:"".concat(h.E.SIZE_20,"px ").concat(h.E.SIZE_20,"px 0 ").concat(h.E.SIZE_20,"px"),textAlign:"left"},[m.MQ.M]:{display:"none"}},topTitleNoWhatsIncluded:{display:"block"},whatsIncludedSection:{backgroundColor:I.l.GLOBAL.WHITE,padding:0},whatsIncludedSectionHowItWorks:{[m.MQ.S]:{padding:"".concat(h.E.SIZE_10,"px 0 0 0")},[m.MQ.M]:{padding:"".concat(h.E.SIZE_60,"px 0 0 0")}},wrapper:{display:"flex",[m.MQ.S]:{display:"unset",marginLeft:h.E.SIZE_20,marginRight:h.E.SIZE_20,marginTop:h.E.SIZE_30},[m.MQ.M]:{display:"flex",marginLeft:40,marginRight:0,marginTop:h.E.SIZE_30},[m.MQ.L]:{display:"flex",marginLeft:25,marginRight:0,marginTop:h.E.SIZE_30},marginLeft:h.E.SIZE_120,marginRight:h.E.SIZE_120},wrapperHome:{[m.MQ.XL]:{marginLeft:0}},wrapperInstaller:[f.I5,{paddingBottom:h.E.SIZE_80,marginBottom:h.E.SIZE_30}],wrapperrHowItWorks:{[m.MQ.M]:{marginLeft:40,marginRight:40,marginTop:h.E.SIZE_60},[m.MQ.L]:{marginLeft:60,marginRight:0,marginTop:h.E.SIZE_60}},wrapperUpdate:{[m.MQ.L]:{margin:"".concat(h.E.SIZE_40,"px 0px")}}};function E(e){let t=(0,p.ui)("homepage.howItWorks.featuredInfo.localBusiness.copy");return(0,a.Y)(r.A,{...e,copy:t,displayNumberCircle:!0,"data-element":"FeaturedInfoModule","data-component":"LocalBusinessFeatureInfo"})}let L=(0,l.memo)(function(e){let{header:t,subHeader:i,imageHowItWorksInstall:o,imageHowItWorksMobileInstall:n,featuredInfoModules:l,showWhatsIncluded:u,isModal:m,isHomePage:I,isMobileInstallPage:g,isTireShopsPage:h,featureInfoModuleStyles:f,isHeaderAvailable:S,isShopLandingPage:L,isPriorityImage:y=!1,isSimpleShop:_}=e;return(0,a.FD)("article",{css:[M.container,u&&M.containerSmallMargin,g&&M.containerZeroMargin,h&&M.containerHowItWorks,I&&M.containerHome],"data-component":"HowItWorks",children:[!m&&(0,a.Y)(d.A,{children:(0,a.Y)(s.A,{gridColumnL:"3/end",gridColumnXL:"1/end",children:(0,a.FD)("div",{css:[m?M.headerWrapperModal:M.headerWrapper,M.innerContainer,!u||g?M.topTitleNoWhatsIncluded:M.topTitle,M.headerWrapper],children:[(0,a.Y)("h2",{css:m?M.headerModal:M.header,children:t}),(0,a.Y)("h3",{css:m?M.subHeaderModal:M.subHeader,children:i})]})})}),(0,a.Y)("div",{css:[L?M.conatinerZeroMargin:M.whatsIncludedSection,h&&M.whatsIncludedSectionHowItWorks],children:(0,a.FD)(d.A,{css:M.removeCol,"data-element":"Grid",children:[!h&&!I&&(0,a.FD)(s.A,{gridColumnS:"1/15",gridColumnM:"1/15",gridColumnL:"1/15",gridColumnXL:"1/15",children:[!S&&!L&&(0,a.FD)("div",{children:[(0,a.Y)("h3",{css:[M.mobileHeader,M.innerContainer,m&&M.headerModal],children:t}),(0,a.Y)("h3",{css:m?M.subHeaderModal:M.subHeader,children:i})]}),(0,a.FD)("div",{css:[M.innerContainer,h&&M.innerContainerHowItWorks],children:[h&&(0,a.FD)("div",{css:[M.topTitleHowItWorks],children:[(0,a.Y)("h2",{css:m?M.headerModal:M.header,children:t}),(0,a.Y)("h3",{css:m?M.subHeaderModal:M.subHeader,children:i})]}),o&&(L||m)&&(0,a.Y)("div",{css:[M.imageHowItWorksInstall,m&&M.imageHowItWorksInstallModal],children:(0,a.Y)(c.default,{...o,widths:[320,768,1452],height:397,width:531,customImageStyles:M.image,priority:y})}),n&&(0,a.Y)("div",{css:[M.imageHowItWorksMobileInstall,m&&M.imageHowItWorksMobileInstallModal],children:(0,a.Y)(c.default,{...n,widths:[320,768,1452],height:397,width:531,customImageStyles:M.image,priority:y})})]})]}),(0,a.Y)(s.A,{gridColumnS:"1/15",gridColumnM:"1/15",gridColumnL:m?"1/15":_?"1/13":"1/15",gridColumnXL:g&&!L?"3/15":h?"3/15":L&&g||L?"3/15":_?"3/13":"1/15","data-element":"GridItem",children:(0,a.Y)("div",{css:[M.innerContainer,M.wrapper,f&&f,h&&M.wrapperrHowItWorks,(L&&g||L)&&M.howItWorksShopLandingPage,m&&M.wrapperUpdate,_&&M.wrapperInstaller,M.wrapper,I&&M.wrapperHome],children:l.map((e,t)=>(0,a.FD)("div",{css:[!m&&M.featuredInfoModuleWrapper],children:[e.title===(0,p.ui)("homepage.howItWorks.featuredInfo.localBusiness.title")&&I?(0,a.Y)(E,{...e,customContainerStyles:M.featuredInfoModuleContainer,customIconStyles:M.featuredInfoModuleIcon,customTitleStyles:m?M.featuredInfoModuleTitleModal:M.featuredInfoModuleTitle,customCopyStyles:m?M.featuredInfoModuleCopyModal:M.featuredInfoModuleCopy,customLinkStyles:M.featuredInfoModuleLink,disableMarkdown:!0}):(0,a.Y)(r.A,{...e,customContainerStyles:M.featuredInfoModuleContainer,customIconStyles:_?M.featuredInfoModuleIconUpdate:M.featuredInfoModuleIcon,customTitleStyles:m?M.featuredInfoModuleTitleModal:M.featuredInfoModuleTitle,customCopyStyles:m?M.featuredInfoModuleCopyModal:M.featuredInfoModuleCopy,customLinkStyles:M.featuredInfoModuleLink,disableMarkdown:!0,displayNumberCircle:!0}),t!==l.length-1&&(L&&g||L)&&(0,a.Y)("div",{css:M.divider})]},t))})})]})})]})},(e,t)=>n()(e,t))}}]);