:root{--color-neutral: #fbf8f7;--color-peach: #fee0cf;--color-coral: #f58262;--color-blue: #8a94f4;--blob-size: scale(.0022727272727273, .0022727272727273);--header-padding: calc(80px + var(--pencil-bar));--full-nav-offset: 0px;--nav-bar-offset: 45px}.scroll-scene-can{position:relative}.scroll-scene-can .wave3{bottom:0;left:0;max-height:250px;position:absolute;right:0;width:100vw}#can-scene-wrapper{background:#fbf2ef;max-width:100%;overflow-x:hidden;overflow-y:hidden;padding-bottom:125px;position:relative}#can-scene-wrapper.isMp4{background-color:#fee0cf}#mobile-arrow-wrapper{display:none}.view-index{background:#fbf8f7}.scroll-scene{position:relative}.scroll-scene .wave3{bottom:0;left:0;max-height:250px;position:absolute;right:0;width:100vw}.graph-card-container{display:flex;gap:4rem;margin:0 auto;max-width:1300px;padding:0 2rem}@media screen and (max-width:1300px){.graph-card-container{gap:2rem}}.snap-container{display:flex;flex-wrap:wrap;margin:auto auto 200px;max-width:1440px;position:relative}.slide-in-init{transform:translateY(50vh);transition:transform 1.5s cubic-bezier(0,0,0,.99)}@media screen and (max-width:768px){.slide-in-init{transform:translateY(0)}}.slide-in-init.slide-in{transform:translateY(0)}.blob-container{align-items:center;display:flex;height:auto;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:-1}.blob-container .subhead{padding:20px;position:absolute;text-align:center;width:70%}.blob-container .subhead .eyebrow{display:block;margin-bottom:10px}.blob-container svg{fill:#f58262;height:100%;width:100%}@media(max-width:768px){.blob-container{top:38%}.blob-container svg{max-height:200px;width:100%}}.graph{gap:15px}.graph,.graph .bar-graph-unit{display:grid;grid-template-columns:auto}.graph .bar-graph-unit{gap:6px}.graph .bar-graph-unit.breast-milk .bar{background-color:#e0abf7}.graph .bar-graph-unit.byheart .bar{background-color:#8a94f4}.graph .bar-graph-unit.others .bar{background-color:#c4c4c4}.graph .bar-graph-unit .bar{height:16px;transform:scaleX(0);transform-origin:top left;transition:transform .35s ease-out;transition-delay:0s}.graph .bar-graph-unit .label{color:#00000080;opacity:0;transform:translate(-12px);transition-delay:0s}@media screen and (max-width:768px){.graph .bar-graph-unit .label{opacity:1;transform:translate(0)}}.labeled-bar{display:grid;gap:6px;grid-template-columns:1fr auto}#scroll-header{margin:auto;max-width:800px;opacity:0;padding-top:50px;text-align:center;transform:translateY(-300%);transition:opacity .3s ease-in-out}#scroll-header.fade-in{opacity:1}@media(max-width:768px){#scroll-header{max-width:335px;padding-top:85px;transform:translateY(-150%);z-index:4}}@media(max-width:768px)and (max-height:668px){#scroll-header{font-size:1.7rem;line-height:2rem;padding-top:75px}}.panel{opacity:1;transition:opacity .3s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}.panel.active .bar{transform:scaleX(1);transition:transform .35s ease-in-out;transition-delay:.35s}.panel.active .label{opacity:1;transform:translate(0);transition:opacity 1s ease-in-out,transform 1s ease-in}@media screen and (max-width:768px){.panel.active .label{transition:unset}}#scene-wrapper{background:#fbf2ef;max-width:100%;overflow-x:hidden;overflow-y:hidden;padding-bottom:125px;position:relative}.top-blob-container{left:0;position:absolute;top:0;width:100%;z-index:0}.top-blob-container.isMp4{display:none}.intro{display:flex;flex:0 0 40%;padding:6rem 0 0 10rem}@media(max-width:768px){.intro{transform:translate(0)}.intro .slide-in-init{transform:translateY(0)}}#tranisition-spacer{height:1000px}#arrow-scene-wrapper{margin-left:10%;padding-top:40px;position:relative;z-index:2}#arrow-svg{opacity:1;transition:opacity .3s ease-in-out}#arrow-svg.active{opacity:1}.UNTESTEDINDESKTOP{position:static}#lottie-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:auto;max-width:1024px;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:scale(1.2);transition:opacity .3s ease-in-out}#lottie-container.fade-in{opacity:1}@media(max-width:768px){#lottie-container{padding-top:55px;position:unset;transform:scale(1)}}#transform-container{transform:translate(0);transition:all 1s ease-in-out;width:100%}@media(min-width:768px){#transform-container{transform:translate(180px)}}#lottie-container.active h1{opacity:1}@media(min-width:768px){#lottie-container.active #transform-container{transform:translate(-180px)}}@media(max-width:768px){#lottie-container.active #transform-container{transform:translateY(0)}}#can-video-container{align-self:flex-start;flex:0 0 60%;height:0;-o-object-fit:cover;object-fit:cover;overflow:hidden;padding-bottom:50%;visibility:visible;width:100%}#can-video-container video{display:block;margin:0 auto;width:100%}#can-video-container #video-wave{display:none;visibility:hidden}#can-video-container.isMp4 #video-wave{fill:#ffeee5;bottom:-80px;display:block;height:85px;left:0;position:absolute;right:0;transform:rotate(180deg);visibility:visible;width:100%}@media(max-width:768px){.UNTESTEDINDESKTOP{position:relative}.snap-container{flex-direction:column}.intro{flex:1;padding:2rem;text-align:center}#can-video-container{flex:0 0 auto;height:0;-o-object-fit:cover;object-fit:cover;overflow:hidden;padding-bottom:133%;visibility:visible;width:100%}#can-video-container video{left:-25%;position:relative;width:150%}#can-video-container #video-wave{display:none;visibility:hidden}#can-video-container.isMp4 #video-wave{fill:#fee0cf;bottom:-80px;display:block;height:85px;left:0;position:absolute;right:0;transform:rotate(180deg);visibility:visible;width:100%}#mobile-arrow-wrapper{display:block;margin:0 auto}#mobile-arrow-wrapper svg{margin-right:4rem}#lottie-container{display:none;visibility:hidden}.cards-header{width:100%}.graph-card-container{align-items:center;flex-direction:column;padding:0}.card{align-content:space-evenly;height:auto;justify-content:center;max-height:440px;padding:20px;z-index:5}.card .heading{font-size:20px;line-height:24px}.card .graph{margin:30px 0}.card .card-blob{align-items:flex-end;display:flex;justify-content:center;opacity:1;padding:0;position:static;transform:translate(0)!important;width:100%}.card .card-blob .svg-blob{display:none;height:0;visibility:hidden;width:0}.card .card-blob .subhead{background:#fee0cf;margin:0;padding:10px;position:static;width:100%}.card .card-blob .subhead,.card .card-blob .subhead .eyebrow{font-size:14px;line-height:18px}.card .blob-container{position:static;text-align:center;transform:translate(0)}.top-blob-container{width:150%}#lottie{transform:scale(2)}#arrow-scene-wrapper{display:none;visibility:hidden}#tranisition-spacer{height:25px}.graph .bar-graph-unit .bar{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/563/assets/bundle.index.css.map */