https://assets.babycenter.com/_next/static/chunks/415.3d76038c3ef032ab.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[415],{23:(e,t,o)=>{o.d(t,{A:()=>i});let i=(e,t)=>{if(e){let o=Object.keys(e).find(o=>e[o]===t),i=o?.split("phase")[1];if(i)return i.toLowerCase();if(o)return o.toLowerCase()}}},415:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var i=o(37876),l=o(27964),a=o(58103),r=o.n(a),s=o(76252),n=o(6081),c=o(48230),g=o.n(c),m=o(88168),d=o(8134),p=o(564),h=o(34589),u=o(58903),f=o(23);let y=s.A.div`
2  content-visibility: auto;
3  contain-intrinsic-height: auto 590px;
4  @media (${({theme:e})=>e.mediumUp}) {
5    contain-intrinsic-height: auto 990px;
6  }
7
8  margin-bottom: 1.5rem; // 24px
9
10  &.withBottomBorder {
11    margin-bottom: 0;
12
13    hr {
14      margin: 1rem 15px;
15    }
16  }
17
18  .tool {
19    a {
20      display: block;
21
22      figure {
23        margin: 0;
24        text-align: center;
25        margin-block-start: 0;
26        margin-block-end: 0;
27        margin-inline-start: 0;
28        margin-inline-end: 0;
29
30        figcaption {
31          text-align: center;
32          line-height: 162.5%;
33          letter-spacing: 0.1px;
34        }
35      }
36    }
37  }
38
39  h2 {
40    text-align: center;
41    margin-bottom: 0;
42  }
43
44  figcaption {
45    display: inline-block;
46    /* Ensure tool label doesn't scale up too large if user configures browser's font size to be larger */
47    font-size: clamp(0.1rem, 1rem, 28px);
48  }
49
50  .toolImageWrapper {
51    max-width: 140px;
52    width: 100%;
53    height: auto;
54    margin: auto;
55    padding: 15px 15px 10px;
56    aspect-ratio: 1 / 1;
57  }
58
59  .toolImage {
60    display: block;
61    width: 100%;
62    height: 100%;
63    object-fit: contain;
64  }
65
66  // Desktop exceptions
67  @media (${e=>e.theme.mediumUp}) {
68    h2 {
69      margin-bottom: 0;
70    }
71  }
72
73  // iPhone 8 - Handle word Immunization becoming wider than picture circle at font size 1rem (16px)
74  @media (max-width: 375px) and (min-width: 320px) {
75    figcaption {
76      /* Ensure tool label doesn't scale up too large if user configures browser's font size to be larger */
77      font-size: clamp(0.1rem, 0.875rem, 20px);
78      line-height: 100%;
79    }
80  }
81
82  // iPhone SE - Handle word Immunization becoming wider than picture circle at font size 1rem (16px)
83  @media only screen and (max-width: 320px) {
84    figcaption {
85      /* Ensure tool label doesn't scale up too large if user configures browser's font size to be larger */
86      font-size: clamp(0.1rem, 0.75rem, 20px);
87      line-height: 100%;
88    }
89  }
90`,b=e=>{let t,o,a,s,c,b,x,w,L,C,j,k,z,N=(0,l.c)(47),{sectionName:B,homeUsage:K,headingOverride:T,usersActivePregOrChildPhase:A,bottomBorder:O}=e,{ssr:v,requestDetails:I}=(0,m.m)(),_=(0,p.A)(),E=v?.labels?.general,S=(0,d.A)("tools",v?.labels?.tools),$=v?.configs?.specialPageIdCollection,P=v?.urlMapping?.artifactId??void 0;N[0]!==$||N[1]!==P?(t=(0,f.A)($,P),N[0]=$,N[1]=P,N[2]=t):t=N[2];let J=t;if(N[3]!==O||N[4]!==E?.tools||N[5]!==T||N[6]!==K||N[7]!==_||N[8]!==J||N[9]!==I||N[10]!==B||N[11]!==S?.allToolsList||N[12]!==S?.homeLoggedOutToolKeysList||N[13]!==S?.toolKeysByCategory||N[14]!==A){s=Symbol.for("react.early_return_sentinel");e:{let e,t,{allToolsList:l,toolKeysByCategory:m}=S?.allToolsList&&S?.toolKeysByCategory?{allToolsList:(0,u.A)(I,S?.allToolsList,"error parsing JSON site label allToolsList"),toolKeysByCategory:(0,u.A)(I,S?.toolKeysByCategory,"error parsing JSON site label toolKeysByCategory")}:{allToolsList:null,toolKeysByCategory:null};if(K)if(A&&m)e=m[A];else{let t,o=S?.homeLoggedOutToolKeysList;N[24]!==I||N[25]!==o?(t=(0,u.A)(I,o,"error parsing JSON site label homeLoggedOutToolKeysList"),N[24]=I,N[25]=o,N[26]=t):t=N[26];let i=t;i&&(e=i.tools)}else m&&J&&(e=m[J]);let d=e?.reduce((e,t)=>{let o=l?.tools.find(e=>e.key.toLowerCase()===t.toLowerCase());return o&&e.push(o),e},[]);if(!d?.length){s=null;break e}a=y,N[27]!==O?(L=r()({withBottomBorder:O}),N[27]=O,N[28]=L):L=N[28];let p=T||`${B} ${E?.tools}`;N[29]!==p?(C=(0,i.jsx)("h2",{children:p}),N[29]=p,N[30]=C):C=N[30],o=n.A,c=!0,b=2,x="center",N[31]!==_?(t=e=>{let t=e.destination.indexOf("https://courses.babycenter.com")>-1,o=e.ariaLabel?{"aria-label":e.ariaLabel}:void 0;return t&&_?null:(0,i.jsx)(n.A,{className:"tool",size:{xs:4,sm:2},children:(0,i.jsx)(g(),{href:e.destination,rel:t?"nofollow sponsored":void 0,...o,children:(0,i.jsxs)("figure",{children:[(0,i.jsx)("div",{className:"toolImageWrapper",children:(0,i.jsx)("img",{className:"toolImage",src:`${h.NE}${e.image}`,alt:"",role:"presentation",loading:"lazy",decoding:"async"})}),(0,i.jsxs)("figcaption",{className:"textLinks",children:[e.caption,!!e.caption2&&(0,i.jsx)("div",{className:"finePrint",children:e.caption2})]})]})})},e.destination)},N[31]=_,N[32]=t):t=N[32],w=d.map(t)}N[3]=O,N[4]=E?.tools,N[5]=T,N[6]=K,N[7]=_,N[8]=J,N[9]=I,N[10]=B,N[11]=S?.allToolsList,N[12]=S?.homeLoggedOutToolKeysList,N[13]=S?.toolKeysByCategory,N[14]=A,N[15]=o,N[16]=a,N[17]=s,N[18]=c,N[19]=b,N[20]=x,N[21]=w,N[22]=L,N[23]=C}else o=N[15],a=N[16],s=N[17],c=N[18],b=N[19],x=N[20],w=N[21],L=N[22],C=N[23];return s!==Symbol.for("react.early_return_sentinel")?s:(N[33]!==o||N[34]!==c||N[35]!==b||N[36]!==x||N[37]!==w?(j=(0,i.jsx)(o,{container:c,spacing:b,justifyContent:x,children:w}),N[33]=o,N[34]=c,N[35]=b,N[36]=x,N[37]=w,N[38]=j):j=N[38],N[39]!==O?(k=O&&(0,i.jsx)("hr",{}),N[39]=O,N[40]=k):k=N[40],N[41]!==a||N[42]!==j||N[43]!==k||N[44]!==L||N[45]!==C?(z=(0,i.jsxs)(a,{className:L,children:[C,j,k]}),N[41]=a,N[42]=j,N[43]=k,N[44]=L,N[45]=C,N[46]=z):z=N[46],z)}}}]);