.container.ingredients{background-color:var(--color-tonal4);padding:24px 0 32px}@media screen and (width >= 768px){.container.ingredients{padding:32px 0 56px}}.container.ingredients .ingredientscarousel{background:var(--color-tonal1);height:832px}.container.ingredients .carousel-cell{background:var(--color-tonal1);width:200px;height:100%;padding-bottom:40px}.container.ingredients .carousel-cell .ingredient_image img{aspect-ratio:1}.container.ingredients .carousel-cell:first-child{background:#f6f5f0;width:180px;margin-right:24px;padding:16px}@media screen and (width >= 768px){.container.ingredients .carousel-cell:first-child{width:240px;padding:24px}}@media screen and (width >= 960px){.container.ingredients .carousel-cell:first-child{width:320px;padding:32px}}.container.ingredients .vintro{padding-right:16px}.container.ingredients .ingredient{padding:0 20px 32px;display:block;position:relative}.container.ingredients .ingredient img{transition:all .3s ease-in-out}.container.ingredients .ingredient .hovertext{z-index:2;opacity:1;text-align:center;transition:all .3s ease-in-out;position:absolute;bottom:24px;left:8px;right:8px}.container.ingredients .ingredient .hovertext p{margin-bottom:0}.container.ingredients .ingredient .hovertext .svg_icon{position:absolute;top:100%;left:0;right:0}.container.ingredients .ingredient .hovertext .svg_icon svg{width:13px;transition:all .3s ease-in-out}.container.ingredients .ingredient:hover img{opacity:.65}.container.ingredients .ingredient.active svg{transform:rotate(180deg)}.ingredientsClose{z-index:999;width:17px;height:17px;position:absolute;top:20px;right:20px}.ingredientsClose svg{transition:all .4s cubic-bezier(.32,.24,.15,1) .1s}.ingredientsClose:hover{cursor:pointer}.ingredientsClose:hover svg path{fill:var(--color-grey)}.slidinsCloser{z-index:1;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}.slideins_section{z-index:999}.slideins{background-color:var(--color-tonal1);z-index:9999;min-width:90vw;max-width:90vw;min-height:100vh;transition:all 1s cubic-bezier(.32,.24,.15,1) .1s;display:none;position:fixed;top:0;left:0;transform:translate(-90vw)}@media screen and (width >= 768px){.slideins{min-width:46vw;max-width:46vw;transform:translate(-46vw)}}@media screen and (width >= 1360px){.slideins.brave_slides{min-width:590px;max-width:590px;transform:translate(-600px)}}@media screen and (width >= 1700px){.slideins{min-width:40vw;max-width:40vw;transform:translate(-40vw)}}.slideins>.flex{background-color:var(--color-tonal1);z-index:2;align-content:flex-start;align-items:flex-start;height:100vh;padding:80px 24px;position:relative;overflow-y:auto}@media screen and (width >= 1440px){.slideins>.flex{align-content:flex-start;align-items:center;padding:56px 56px 94px}}.slideins+.slidinsCloser{opacity:0;transition:opacity 1s cubic-bezier(.32,.24,.15,1) .1s;display:none}.slideins.inpage{opacity:0;display:block}.slideins.inpage+.slidinsCloser{display:block}.slideins.active{opacity:1;transform:translate(0)}.slideins.active+.slidinsCloser{opacity:1;cursor:pointer}.slideins .slidein_details{opacity:0;flex:100%;display:none}.slideins .slidein_details.inpageInner{opacity:0;display:block}.slideins .slidein_details.slideOut{animation-name:dissappear_left;animation-duration:.6s;animation-timing-function:cubic-bezier(.32,.24,.15,1);animation-iteration-count:1}.slideins .slidein_details.activeInner{opacity:1;animation:.7s cubic-bezier(.32,.24,.15,1) both b}.slideins .slidein_details.activeInner>div *{animation:.6s cubic-bezier(.32,.24,.15,1) both b}.slideins .slidein_details.activeInner>div :first-child{animation-delay:0s}.slideins .slidein_details.activeInner>div :nth-child(2){animation-delay:50ms}.slideins .slidein_details.activeInner>div :nth-child(3){animation-delay:90ms}.slideins .slidein_details.activeInner>div :nth-child(4),.slideins .slidein_details.activeInner>div :nth-child(5){animation-delay:.125s}.slideins .slidein_details.activeInner>div :nth-child(6){animation-delay:.165s}.slideins .slidein_details.activeInner>div :nth-child(7){animation-delay:.19s}.featured_ingredients{background-color:var(--color-tonal4)}.featured_ingredients .hero_ingredients .featured_ingredient:last-child{background-color:var(--color-tonal2)}.featured_ingredients .featured_ingredient_hero{position:relative}.featured_ingredients .featured_ingredient_hero>.flex{z-index:2;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0}.featured_ingredients .featured_ingredient_hero>.flex .titles{color:#fff;text-align:center;flex:0 900px;max-width:900px;padding:0 16px}@media screen and (width >= 960px){.featured_ingredients .featured_ingredient_hero>.flex .titles{padding:0 32px}}.featured_ingredients .featured_ingredient_hero>.flex .titles h2{margin-bottom:16px}.featured_ingredients .featured_ingredient_hero>.flex .titles .rte p{color:#fff;font-size:20px}.featured_ingredients .featured_ingredient_hero>.flex.left .titles{text-align:left}.featured_ingredients .featured_ingredient_hero>.flex.right .titles{text-align:right}.featured_ingredients .featured_ingredient_hero .hero_ingredient_image{z-index:1;position:relative}.featured_ingredients .inner{padding:16px 12px}@media screen and (width >= 960px){.featured_ingredients .inner{padding:80px 16px 108px}.featured_ingredients .inner .flex{align-content:flex-end;align-items:flex-end}}.featured_ingredients .inner .rte a{color:rgba(var(--color-text),.8)}.ingredient_details>hr{margin-top:40px}.featured_ingredients .content{max-width:900px;margin:0 auto}@media screen and (width >= 768px){.featured_ingredients .content{flex-wrap:nowrap}}.featured_ingredients .content .subtext{margin-top:0}.featured_ingredients .content .subtext.fact p{font-size:12px}.featured_ingredients .content .rte{flex:auto;margin-bottom:0;padding:16px}@media screen and (width >= 768px){.featured_ingredients .content .rte{flex:50%;padding:16px 32px}.featured_ingredients .content .rte.first_col{flex:50%}.featured_ingredients .content .rte.second_col .hero_ingredient_image+.extra_text{align-self:flex-end}}.featured_ingredients .content .rte hr{border-color:rgba(var(--color-grey),.2);margin-bottom:32px}.featured_ingredients .content .rte a.arrow svg path{fill:var(--color-burnt-red)}.featured_ingredients .content .rte h3{margin-bottom:24px;font-family:Nexa W01 Heavy,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/styles-ingredients.css.map */