https://www.onepeloton.com/blog/_next/static/chunks/7117.cd072d330…?dpl=dpl_H41aFfbogsrRsXDpekr2iAFX7FA5

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7117],{28740:(e,t,i)=>{i.d(t,{A:()=>n});var n=i(80427).Ay.div.withConfig({displayName:"OverlaidChildren",componentId:"design-system__sc-uqb1tf-0"})(["display:grid;grid-template-columns:1fr;grid-template-rows:100%;"," width:",";> *{grid-column:1 / -1;grid-row:1 / -1;z-index:1;pointer-events:none;*{pointer-events:auto;}}"],function(e){return e.minHeight?"min-height: ".concat(e.minHeight,";"):""},function(e){var t;return null!=(t=e.width)?t:"100%"})},34964:(e,t,i)=>{i.d(t,{Ay:()=>d,R2:()=>o,f5:()=>r,he:()=>s});var n=i(12712),a=i(9643);let l=(e,t,i)=>{let{NEXT_PUBLIC_PIXEL_FORGE_HOST:l,NEXT_PUBLIC_PIXEL_FORGE_ACCOUNT:r}=a.A,s={src:"",title:"",width:0,height:0};if(!e)return s;let{title:o,focalPoint:d={focalPoint:{x:0,y:0}}}=e,c=e.image;"fields"in c&&(c=(0,n.b)(c));let h=c?.file?.url??"";if(!h)return s;let[p,g]=[320,320];void 0!==t?[p,g]=t:c?.file?.details?.image&&({width:p,height:g}=c.file.details.image);let m=`https://${l}/${r}/image/fetch/`,x=Math.round(Math.max(d.focalPoint.x-p/2,0)),u=Math.round(Math.max(d.focalPoint.y-g/2,0)),f="";if(h.endsWith(".gif"))f="f_auto/q_auto/";else{let e=(i??1).toFixed(1);f=`c_fill,dpr_${e},w_${p},h_${g},x_${x},y_${u}/f_auto/q_auto/`}return{src:`${m}${f}https:${h}`,title:o,width:p,height:g}},r=(e,t,i)=>{let n={};return Object.entries(t).forEach(([t,a])=>{n[t]=l(e,a,i)}),n},s=e=>{let{NEXT_PUBLIC_PIXEL_FORGE_HOST:t,NEXT_PUBLIC_PIXEL_FORGE_ACCOUNT:i}=a.A;return`https://${t}/${i}/image/fetch/https:${e}`},o=({src:e,width:t,quality:i})=>{let{NEXT_PUBLIC_PIXEL_FORGE_HOST:n,NEXT_PUBLIC_PIXEL_FORGE_ACCOUNT:l}=a.A,r=["f_auto","c_limit",`w_${t}`,`q_${i||"auto"}`];return`https://${n}/${l}/image/fetch/${r.join(",")}/https:${e}`},d=l},42017:(e,t,i)=>{i.d(t,{P:()=>l});var n=i(14232),a=i(34964);let l=(e,t)=>{let i=(0,n.useRef)(t),[l,r]=(0,n.useState)((0,a.f5)(e,i.current));return(0,n.useEffect)(()=>r((0,a.f5)(e,i.current,window.devicePixelRatio)),[e]),l}},67117:(e,t,i)=>{i.r(t),i.d(t,{default:()=>N});var n=i(37876),a=i(58564),l=i(14232),r=i(48230),s=i.n(r),o=i(19659),d=i(97414),c=i(2826),h=i(87395),p=i(76791),g=i(88180),m=i(18847),x=i.n(m),u=i(89099),f=i(3968),b=i(52591),v=i(94557),w=i(25809),y=i(95451),k=i(99675);let j=x()(async()=>await i.e(2340).then(i.bind(i,52340)),{loadableGenerated:{webpack:()=>[52340]}}),$=x()(async()=>await i.e(3505).then(i.bind(i,43505)),{loadableGenerated:{webpack:()=>[43505]}}),C=x()(async()=>await i.e(3514).then(i.bind(i,23514)),{loadableGenerated:{webpack:()=>[23514]},ssr:!0}),N=({isOpen:e,links:t,title:i,excerpt:r,setOpen:m})=>{let x=(0,l.useContext)(f.n),{breakpoint:N}=(0,a.Ay)(d.N,"desktop"),[_,A]=(0,l.useState)(N),{trackEvent:K}=(0,o.z1)(),Y=(0,u.useRouter)();(0,l.useEffect)(()=>A(N),[N]);let R=e=>{let{relativeUrl:t,name:i}=e;return(0,n.jsx)(s(),{href:(0,v.KY)(t,Y),passHref:!0,legacyBehavior:!0,children:(0,n.jsx)(w.gQ,{as:"a",$variant:"body",onClick:()=>{m(!1),(0,k.R)(K,{event:"Clicked Blog Navigation",properties:{linkTo:t,linkName:i,category:e.categoryTitle,parent:"MenuDrawer",unitName:"name"}})},children:i})},`nav-list-${i.split(" ").join("")}}`)},W=e=>(0,n.jsx)(w.c0,{gap:"0",items:e.map(R),listStyle:"none"}),B=t?.flatMap(e=>{let t=(0,v.ID)(e.url,Y),i=t?.startsWith("https://");return e.url&&e.title&&!i?{arrowColor:c.O[60],title:e.title,content:W([{name:x?.siteContext["see-all"]?.description||"See all",relativeUrl:t??"",categoryTitle:e.title},...e.links?.map(t=>({...t,relativeUrl:(0,v.ID)(t,Y)??"",categoryTitle:e.title}))])}:[]});return(0,n.jsx)(w.rf,{$isOpen:e,children:(0,n.jsxs)(w.qg,{alignItems:{mobile:"left",desktop:"center"},centered:!0,flexDirection:"column",padding:{mobile:"20px 0 0",tablet:"20px 0 0",desktop:"40px 0 150px"},"data-testid":"menudrawer",children:["desktop"!==_&&(0,n.jsx)("div",{style:{position:"relative",display:"flex",justifyContent:"flex-end",marginRight:"20px",marginBottom:"10px"},children:(0,n.jsx)(C,{open:e,title:x?.siteContext["header-menu"]?.description,closeTitle:x?.siteContext["header-menu-close"]?.description,onMenuToggle:()=>{m(!e)}})}),(0,n.jsx)(h.s,{alignItems:{mobile:"left",desktop:"start"},centered:!0,flexDirection:{mobile:"column",desktop:"row"},margin:"0",gap:{mobile:0,desktop:p.YK[120]},minWidth:{mobile:"auto",desktop:"660px"},children:"desktop"===_?(0,n.jsx)(j,{title:i,links:t,navList:W}):(0,n.jsx)($,{theme:"dark",values:B,scrollTo:!1,multiple:!0,narrow:!0,track:()=>{(0,k.R)(K,{event:"Clicked Blog Navigation",properties:{linkName:i,parent:"StyledAccordion",category:"Links List"}})}})}),(0,n.jsx)(h.s,{padding:{mobile:`${p.YK[24]} 0 0 `,desktop:`${p.YK[48]} 0 0`},children:x?.navBellyBand&&(0,n.jsx)(y.default,{...x?.navBellyBand,isNav:!0,bp:_})}),(0,n.jsx)(g.A,{display:{desktop:"none"},maxWidth:{mobile:"95%",tablet:"97%"},centered:!0,style:{borderBottom:"1px solid #65666A"}}),(0,n.jsx)(g.A,{padding:{mobile:`${p.YK[16]} 0 0 ${p.YK[16]}`,desktop:`${p.YK[48]} 0 0 0`},children:(0,n.jsx)(b.xI,{title:i,excerpt:r})})]})})}},95451:(e,t,i)=>{i.r(t),i.d(t,{default:()=>z});var n=i(37876);i(14232);var a=i(97414),l=i(76791),r=i(88180),s=i(84669),o=i(87395),d=i(80427),c=i(61351),h=i(62597),p=i(19659),g=i(28740),m=i(8468),x=i(2826);let u=({children:e})=>(0,n.jsx)(b,{children:e}),f=({height:e,mobileWidth:t,tabletWidth:i,children:a})=>(0,n.jsx)(v,{flexDirection:"column",justifyContent:"flex-end",maxHeight:`${e}px`,maxWidth:{mobile:`${t}px`,tablet:`${i}px`},position:"relative",borderRadius:"12px",children:a}),b=(0,d.Ay)(g.A).withConfig({componentId:"sc-18b8ac21-0"})(["@media only screen and (min-width:","px){width:calc( (calc(648px + calc(var(--content-gutter) * 2)) / 3) - (12px / (3 / 2)) );}overflow:hidden;border-radius:20px;svg{fill:transparent;transition:fill 0.4s ease-in-out;

1path{fill:",";transition:fill 0.4s ease-in-out;}}@media only screen and (min-width:","px){transition:all 0.4s ease-in-out 0s;img,video{transition:all 0.4s ease-in-out 0s;overflow:hidden;}&:hover,&:focus-within{cursor:pointer;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.18);img,video{transform:scale(1.03);overflow:hidden;}}}"],a.N.tablet,m.O,a.N.desktop),v=(0,d.Ay)(o.s).withConfig({componentId:"sc-18b8ac21-1"})(["background:linear-gradient( 192.13deg,transparent 45.49%,"," 115.04% );overflow:hidden;transition:box-shadow 0.4s ease-in-out;box-shadow:none;svg{fill:transparent;transition:fill 0.4s ease-in-out;path{fill:",";transition:fill 0.4s ease-in-out;}}img{transform:scale(1,1);transition:transform 0.4s ease-in-out;}&:hover{box-shadow:0px 5px 16px 0px rgba(0,0,0,0.18);img{transform:scale(1.03,1.03);}svg{fill:",";path{fill:",";}}}"],x.O[90],m.O,m.O,x.O[90]);var w=i(13642),y=i(81112),k=i(31556),j=i(37898),$=i(42017),C=i(83595);let N=({text:e})=>{let t=e.match(/__[^_]+__/)?.[0];if(!t)return(0,n.jsx)(w.A,{size:"small",style:{fontWeight:600},as:"h5",textColor:m.O,children:e});{let i=e.split(t);return(0,n.jsxs)(o.s,{flexWrap:"wrap",children:[(0,n.jsx)(w.A,{size:"small",style:{fontWeight:600},as:"h5",textColor:m.O,children:i[0]}),(0,n.jsx)(w.A,{size:"small",style:{fontWeight:600,whiteSpace:"pre"},as:"h5",textColor:C.w.accent,children:t.replaceAll("__"," ")}),(0,n.jsx)(w.A,{size:"small",style:{fontWeight:600},as:"h5",textColor:m.O,children:i[1]})]})}};var _=i(9240);let A=({width:e,height:t,isRedesign:i,image:a,icon:r,isNav:s,title:d,subtitle:c})=>{let h="calc((calc(648px + calc(var(--content-gutter) * 2)) / 3) - (12px / (3/2) ))",p=(0,$.P)(a,{mobile:[161,t],tablet:[e,t],desktop:[i?219:e,t]}),g=i?`0 ${l.YK[12]} ${l.YK[12]} ${l.YK[8]}`:l.YK[8];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(K,{height:`${t}px`,productCardWidth:e,media:{alt:a.alt,mobile:p.mobile.src,tablet:h?p.desktop.src:p.tablet.src,desktop:p.desktop.src,loading:"lazy",type:"image"},redesignWidth:i?h:void 0}),i&&(0,n.jsx)(Y,{"data-testid":"tile-gradient"}),(0,n.jsxs)(o.s,{flexDirection:"column",justifyContent:r?"space-between":"flex-end",children:[r&&(0,n.jsx)(W,{"data-test-id":"icon-container",alignItems:"center",justifyContent:"center",borderRadius:"50px",backgroundColor:(0,_.B3)(x.O[70],.25),margin:`${l.YK[8]} 0 0 ${l.YK[8]}`,children:(0,n.jsx)(R,{name:r,primaryColor:m.O})}),(0,n.jsxs)(o.s,{justifyContent:"space-between",alignItems:"flex-end",padding:s?l.YK[16]:g,"data-testid":"text-and-icon-container",children:[(0,n.jsxs)(o.s,{flexDirection:"column",position:"relative",children:[(0,n.jsx)(w.A,{size:"extraLarge",style:{fontWeight:600,lineHeight:i?"1.25":"1.5"},as:"h4",textColor:m.O,children:d}),c&&(0,n.jsx)(N,{text:c})]}),(0,n.jsx)(y.A,{name:"carouselArrow",rotate:180,primaryColor:m.O,height:16})]})]})]})},K=(0,d.Ay)(k.A).withConfig({componentId:"sc-3490795e-0"})(["@media only screen and (min-width:","px){width:","px;}@media only screen and (min-width:","px){width:","px;}img{position:",";top:",";border-radius:",";z-index:-1;}"],a.N.mobile,161,a.N.tablet,e=>e.redesignWidth??e.productCardWidth,e=>e.redesignWidth?"unset":"absolute",e=>e.redesignWidth?"unset":"0",e=>e.redesignWidth?"20px":"12px"),Y=d.Ay.div.withConfig({componentId:"sc-3490795e-1"})(["width:100%;height:100%;background:linear-gradient( 180deg,"," 44.3%,"," 100% );border-radius:20px;"],(0,_.B3)(j.Q,0),(0,_.B3)(j.Q,.7)),R=(0,d.Ay)(y.A).withConfig({componentId:"sc-3490795e-2"})(["height:",";width:",";@media only screen and (min-width:","px) height:18px;width:18px;};path{fill:",";};"],l.YK[16],l.YK[16],a.N.tablet,m.O),W=(0,d.Ay)(o.s).withConfig({componentId:"sc-3490795e-3"})(["backdrop-filter:blur(12px);height:",";width:",";"],l.YK[32],l.YK[32]);var B=i(99675);let O=e=>{let{trackEvent:t}=(0,p.z1)();return(0,n.jsx)(h.A,{href:e.url,hasUnderline:!1,onClick:()=>{(0,B.R)(t,{event:e.isNav?"Clicked Blog Nav":"Clicked Blog Bellyband",properties:{parentType:"Belly Band",parent:"BellyBand",unitName:"ProductCard",linkName:e.subtitle,linkTo:e.url,category:e.title}})},target:"_blank",children:e.isRedesign?(0,n.jsx)(u,{children:(0,n.jsx)(A,{width:e.width,height:e.height,isRedesign:e.isRedesign,isNav:e.isNav,image:e.image,icon:e.icon,title:e.title,subtitle:e.subtitle})}):(0,n.jsx)(f,{height:e.height,mobileWidth:161,tabletWidth:e.width,children:(0,n.jsx)(A,{width:e.width,height:e.height,isRedesign:e.isRedesign,isNav:e.isNav,image:e.image,icon:e.icon,title:e.title,subtitle:e.subtitle})})})};var I=i(58564);let T=(0,d.Ay)(o.s).withConfig({componentId:"sc-759c58bb-0"})(["overflow-x:scroll;-webkit-overflow-scrolling:touch;::-webkit-scrollbar{height:0;width:0;background:transparent;}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){-ms-overflow-style:-ms-autohiding-scrollbar;}@supports (-ms-ime-align:auto){-ms-overflow-style:-ms-autohiding-scrollbar;}"]),z=e=>{let{breakpoint:t}=(0,I.Ay)(a.N,"mobile"),{length:i}=e.productCards,o="desktop"===e.bp,d="mobile"===e.bp,h="tablet"===e.bp,p=(0,c.l)();if(0===i)return null;let g=e.isNav&&(o||h),m=e.isNav&&d,x=g?170:130,u=g?Math.min(p.width-50,880):680,f=i>1?Math.floor((u-12*(i-1))/i):161,b={mobile:e.isRedesign?`20px calc(${l.YK[40]} - var(--content-gutter))`:`${l.YK[8]} ${l.YK[24]}`,tablet:e.isRedesign?`44px calc(${l.YK[64]} - var(--content-gutter))`:`0 ${l.YK[24]}`,desktop:e.isRedesign?`20px calc(${l.YK[40]} - var(--content-gutter))`:`0 ${l.YK[24]}`};return(0,n.jsxs)(r.A,{maxWidth:{mobile:`calc(100vw - ${l.YK[32]})`,tablet:`calc(${u}px + calc(var(--content-gutter) * 2))`},margin:{mobile:e.isNav?"0":"0 auto"},verticalPadding:{mobile:b.mobile,tablet:b.tablet,desktop:e.isNav?"0":b.desktop},children:[(0,n.jsx)(r.A,{verticalMargin:`0 ${l.YK[16]}`,horizontalMargin:{mobile:e.isNav?`${l.YK[32]}`:"0",tablet:e.isNav?`${l.YK[32]}`:"var(--content-gutter)",desktop:e.isNav?"0":"var(--content-gutter)"},children:(0,n.jsx)(s.A,{as:"h3",size:m?"large":"medium",children:e.title})}),(0,n.jsx)(T,{gap:l.YK[12],maxWidth:{mobile:`calc(${u}px + calc(var(--content-gutter) * 2))`},margin:{mobile:"0 calc(var(--content-gutter) * -1)",tablet:0},padding:{mobile:e.isNav&&!o?`0 0 0 ${l.YK[32]}`:"0 var(--content-gutter) var(--content-gutter)"},flexWrap:"mobile"!==t&&e.isRedesign?"wrap":"unset",children:e.productCards.map((t,i)=>(0,n.jsx)(O,{...t,width:f,height:x,isRedesign:e.isRedesign,isNav:e.isNav},i))})]})}}}]);