@media screen and (min-width: 750px){.product-ingredients{display:grid;grid-template:"text list" auto / 50% 50%}.product-ingredients.product-ingredients__reverse{grid-template:"list text" auto / 50% 50%}}.product-ingredients__text{align-self:flex-end;background-color:var(--sea);box-sizing:border-box;color:var(--white);display:flex;flex-direction:column;min-height:100vh;gap:var(--gap);padding:3.2rem var(--gutter);position:sticky;bottom:0;grid-area:text}@media screen and (max-width: 749px){.product-ingredients__text{min-height:calc((406/428) * 95vw)}}@media screen and (min-width: 750px){.product-ingredients__text{gap:3.2em;padding:6rem var(--gutter)}}@media screen and (min-width: 750px){.product-ingredients__copy{margin-top:1.2rem}.product-ingredients__full-list{flex-grow:1}.product-ingredients__text accordion-component{position:sticky;bottom:var(--gutter);top:80%}}h1[data-bundle-product]{cursor:pointer}h1[data-bundle-product].active span:last-child{text-decoration:underline;text-underline-position:from-font;text-decoration-thickness:.3rem}.product-ingredients__cta{display:inline-block;margin-top:var(--gap)}.product-ingredients__cta:after{content:"+";position:absolute;transform:translate(.7rem)}.accordion-group.active .product-ingredients__cta:after{content:"-"}.product-ingredients__list{align-self:flex-start;box-sizing:border-box;color:var(--sea);padding:4rem var(--gutter);position:relative;grid-area:list}.product-ingredients__list .bundle-ingredient-list:not(.active){display:none}.product-ingredients__list .drawer{font-family:var(--font-type-normal)}.product-ingredients__text .drawer__content,.product-ingredients__list .drawer__content{padding-top:var(--gap);margin-left:0}.product-ingredients__list .drawer__content p+p{margin-top:.5em}.product-ingredients__list .icon-wrapper{background-color:var(--sand);border-radius:50%;display:flex;align-items:center;flex:0 0 4rem;justify-content:center;width:4rem;height:4rem}.product-ingredients__list .accordion-group{border-bottom:3px solid var(--white);padding:var(--gap) 0}.product-ingredients__list .accordion-group:first-of-type{padding-top:0}.product-ingredients__list .trigger{font-size:3.2rem;text-transform:uppercase}@media screen and (min-width: 750px){.product-ingredients__list{padding:6rem var(--gutter)}.product-ingredients__list .accordion-group:first-child{padding-top:0}.product-ingredients__list .trigger{font-size:3.4rem}}@media screen and (min-width: 990px){.product-ingredients__list .trigger{font-size:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/278/assets/section-product-ingredients.css.map */