.ingredients{position:relative;overflow:hidden}.ingredients__container{position:relative;max-width:calc(var(--container-width, 1280px) + var(--fluid-offset) * 2);margin:0 auto;padding:0 2rem}@media screen and (max-width: 749px){.ingredients__container{padding:0 1.5rem}}.ingredients__header{display:grid;grid-template-columns:1.5fr 1fr;gap:18rem;align-items:center}.ingredients__text-content{display:flex;flex-direction:column;gap:1rem}.ingredients__subheading{font-family:Neue Haas Grotesk,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:150%;letter-spacing:0%;margin:0;text-transform:uppercase}.ingredients__heading{font-weight:300;font-style:normal;line-height:120%;letter-spacing:0%;margin:0}.ingredients__cta{font-family:Neue Haas Grotesk,sans-serif;font-weight:500;font-style:normal;font-size:24px;line-height:100%;letter-spacing:0%;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:2px;display:inline-block;transition:all .3s ease;width:fit-content;border-bottom:none;padding-bottom:0}.ingredients__cta:hover{opacity:.7;transform:translateY(-1px);text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:2px}.ingredients__description{font-family:Neue Haas Grotesk,sans-serif;font-weight:400;font-style:normal;line-height:150%;letter-spacing:0%;margin:0}.ingredients__description--mobile{display:none}.ingredients__main-image-container{position:relative;display:flex;justify-content:center;margin:.5rem 0;min-height:300px}.ingredients__main-image{max-width:800px;width:100%;height:auto}.ingredients__callouts{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ingredients__callout{position:absolute;background:none;border-radius:0;padding:0;box-shadow:none;max-width:450px;opacity:0;transform:scale(.8) translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:auto;z-index:10;display:flex;align-items:flex-end;gap:1.5rem}.ingredients__callout.active{opacity:1;transform:scale(1) translateY(0)}.ingredients__callout:hover{transform:scale(1.05) translateY(-5px)}.ingredients__callout-image{width:140px;height:160px;max-height:160px;object-fit:cover;flex-shrink:0}.ingredients__callout-heading{font-family:Neue Haas Grotesk,sans-serif;font-weight:500;font-style:normal;font-size:24px;line-height:100%;letter-spacing:0%;margin:0}.ingredients__callout-description{font-family:Neue Haas Grotesk,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:150%;letter-spacing:0%;margin:0}.ingredients__callout-description p{margin:0;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}.ingredients__callout-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;justify-content:center;width:auto}.ingredients__line{position:absolute;background:currentColor;height:2px;transform-origin:left center;opacity:0;transition:opacity .3s ease;z-index:5}.ingredients__line.active{opacity:.6}.ingredients__callout[data-position^=left]{flex-direction:row-reverse}.ingredients__callout[data-position^=right]{flex-direction:row}.ingredients__callout[data-position=left-1]{top:20%;left:2%}.ingredients__callout[data-position=left-2]{top:45%;left:2%}.ingredients__callout[data-position=left-3]{top:70%;left:2%}.ingredients__callout[data-position=right-1]{top:20%;right:2%}.ingredients__callout[data-position=right-2]{top:45%;right:2%}.ingredients__callout[data-position=right-3]{top:70%;right:2%}.ingredients__line[data-position=left-1]{top:25%;left:35%;width:10%;transform:rotate(0)}.ingredients__line[data-position=left-2]{top:50%;left:35%;width:10%;transform:rotate(0)}.ingredients__line[data-position=left-3]{top:75%;left:35%;width:10%;transform:rotate(0)}.ingredients__line[data-position=right-1]{top:25%;right:35%;width:10%;transform:rotate(0)}.ingredients__line[data-position=right-2]{top:50%;right:35%;width:10%;transform:rotate(0)}.ingredients__line[data-position=right-3]{top:75%;right:35%;width:10%;transform:rotate(0)}.ingredients__callout:only-child[data-position^=left]{top:40%;left:2%}.ingredients__callout:only-child[data-position^=right]{top:45%;right:2%}.ingredients__mobile-scroller{display:none;margin-top:2rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ingredients__mobile-scroller::-webkit-scrollbar{display:none}.ingredients__mobile-item{width:calc(66.666% - .5rem);min-width:280px;flex-shrink:0;background:none;border-radius:0;padding:1.25rem;box-shadow:none;transition:transform .3s ease;display:flex;align-items:flex-end;gap:1rem}.ingredients__mobile-item:hover{transform:translateY(-2px)}.ingredients__mobile-item-image{width:140px;height:210px;object-fit:cover;margin-bottom:0}.ingredients__mobile-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;justify-content:flex-end}.ingredients__mobile-item-heading{font-family:Neue Haas Grotesk,sans-serif;font-weight:500;font-style:normal;line-height:100%;letter-spacing:0%;margin:0 0 .25rem}.ingredients__mobile-item-description{font-family:Neue Haas Grotesk,sans-serif;font-weight:300;font-style:normal;line-height:150%;letter-spacing:0%;margin:0}.ingredients__mobile-item-description p{margin:0;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}.ingredients__filters{display:flex;justify-content:center;gap:2rem;margin:6rem 0;flex-wrap:wrap}.ingredients__mobile-filter{display:none}.ingredients__filters[data-mobile-type=swippable]{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;white-space:nowrap;justify-content:flex-start;padding:0 1rem;gap:.75rem;margin:3rem 0}.ingredients__filters[data-mobile-type=swippable]::-webkit-scrollbar{display:none}.ingredients__filters[data-mobile-type=swippable]{justify-content:center}.ingredients__filters[data-mobile-type=swippable] .ingredients__filter-btn{flex-shrink:0;white-space:nowrap;padding:.75rem 1.5rem;min-width:fit-content;font-size:16px;text-align:center}.ingredients__filter-btn{background:none;border:none;font-family:Neue Haas Grotesk,sans-serif;font-weight:500;font-style:normal;line-height:100%;letter-spacing:0%;text-decoration:none;border-bottom:2px solid transparent;padding:.75rem 0;cursor:pointer;transition:all .3s ease;position:relative;text-transform:capitalize;font-size:18px}.ingredients__filter-btn:hover{transform:translateY(-2px)}.ingredients__filter-btn.active{font-weight:600}.ingredients__filter-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:currentColor;animation:underlineExpand .3s ease}@keyframes underlineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ingredients__filter-btn:focus{outline:none}.ingredients__callout:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.ingredients__callout,.ingredients__line,.ingredients__mobile-callout,.ingredients__filter-btn{transition:none}.ingredients__callout.animate-in{animation:none}}@media screen and (max-width: 749px){.ingredients__header{grid-template-columns:1fr;gap:2rem;text-align:center}.ingredients__heading{font-size:28px}.ingredients__description--desktop{display:none}.ingredients__description--mobile{display:block;font-size:16px;margin:2rem 0;text-align:center}.ingredients__cta{font-size:20px;display:flex;justify-content:center;align-items:center;width:100%}.ingredients__callouts{display:none}.ingredients__mobile-scroller{display:flex}.ingredients__mobile-callout{display:block}.ingredients__filters{gap:1rem;justify-content:center}.ingredients__filter-btn{font-size:18px;padding:.5rem 0}.ingredients__main-image-container{min-height:250px}}@media screen and (max-width: 480px){.ingredients__container{padding:0 1rem}.ingredients__heading{font-size:24px}.ingredients__cta{font-size:18px;text-align:center;display:flex;justify-content:center;align-items:center;width:100%}.ingredients__header{text-align:center}.ingredients__mobile-item{width:calc(66.666% - .5rem);min-width:320px;padding:1rem}.ingredients__filters[data-mobile-type=dropdown]{display:none}.ingredients__filters[data-mobile-type=swippable]{display:flex;justify-content:flex-start}.ingredients__mobile-filter{display:block;margin:3rem 0;padding:0 1rem}.ingredients__filter-label{display:block;font-family:Neue Haas Grotesk,sans-serif;font-weight:500;font-size:16px;margin-bottom:.75rem;color:#000}.ingredients__filter-select{width:100%;padding:.75rem 3rem .75rem 1rem;font-family:Neue Haas Grotesk,sans-serif;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#000;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.ingredients__filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}}@media screen and (min-width: 1200px){.ingredients__callout{max-width:450px}.ingredients__callout-image{width:140px}}@media screen and (min-width: 1024px) and (max-width: 1199px){.ingredients__callout{max-width:380px}.ingredients__callout-image{width:120px}.ingredients__callout[data-position^=left]{left:1%}.ingredients__callout[data-position^=right]{right:1%}.ingredients__line[data-position^=left]{left:30%;width:8%}.ingredients__line[data-position^=right]{right:30%;width:8%}}@media screen and (min-width: 1100px) and (max-width: 1199px){.ingredients__callout{max-width:350px}.ingredients__callout-image{width:110px}.ingredients__callout[data-position^=left]{left:.5%}.ingredients__callout[data-position^=right]{right:.5%}.ingredients__line[data-position^=left]{left:28%;width:7%}.ingredients__line[data-position^=right]{right:28%;width:7%}}@media screen and (min-width: 750px) and (max-width: 799px){.ingredients__callout{max-width:240px}.ingredients__callout-image{max-width:80px;max-height:100px}.ingredients__callout-heading{font-size:16px}.ingredients__callout-description{font-size:10px}.ingredients__callout[data-position^=left]{left:1%}.ingredients__callout[data-position^=right]{right:1%}.ingredients__line[data-position^=left]{left:35%;width:8%}.ingredients__line[data-position^=right]{right:35%;width:8%}.ingredients__main-image{max-width:500px}.ingredients__filter-btn{font-size:20px}}@media screen and (min-width: 1001px) and (max-width: 1023px){.ingredients__callout{max-width:260px}.ingredients__callout-image{max-width:80px;max-height:100px}.ingredients__callout-heading{font-size:17px}.ingredients__callout-description{font-size:10px}.ingredients__callout[data-position^=left]{left:1.5%}.ingredients__callout[data-position^=right]{right:1.5%}.ingredients__line[data-position^=left]{left:33%;width:9%}.ingredients__line[data-position^=right]{right:33%;width:9%}.ingredients__main-image{max-width:520px}}@media screen and (min-width: 1000px) and (max-width: 1023px){.ingredients__callout{max-width:280px}.ingredients__callout-image{max-width:80px;max-height:100px}.ingredients__callout[data-position^=left]{left:0%}.ingredients__callout[data-position^=right]{right:0%}.ingredients__line[data-position^=left]{left:20%;width:5%}.ingredients__line[data-position^=right]{right:20%;width:5%}}@media screen and (min-width: 950px) and (max-width: 1100px){.ingredients__callout{max-width:250px}.ingredients__callout-image{max-width:80px;max-height:100px}.ingredients__callout-heading{font-size:16px}.ingredients__callout-description{font-size:10px}.ingredients__callout[data-position^=left]{left:6.5%}.ingredients__callout[data-position^=right]{right:6.5%}.ingredients__line[data-position^=left]{left:33%;width:12%;z-index:15}.ingredients__line[data-position^=right]{right:33%;width:12%;z-index:15}.ingredients__main-image{max-width:450px}}@media screen and (min-width: 800px) and (max-width: 1000px){.ingredients__callout{max-width:220px}.ingredients__callout-image{max-width:80px;max-height:100px}.ingredients__callout-heading{font-size:15px}.ingredients__callout-description{font-size:9px}.ingredients__callout[data-position^=left]{left:5%}.ingredients__callout[data-position^=right]{right:5%}.ingredients__line[data-position^=left]{left:32%;width:10%}.ingredients__line[data-position^=right]{right:32%;width:10%}.ingredients__main-image{max-width:480px}}@keyframes calloutFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ingredients__callout.animate-in{animation:calloutFadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.ingredients__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.ingredients__spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/350/assets/ingredients.css.map */