ingredients-component{display:block}.ingredients__layout{display:flex;flex-direction:column;gap:3rem}.ingredients__heading{margin:0 0 2.4rem;font-family:var(--font-heading-3-family);font-size:1.2rem;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.ingredients__list{margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.ingredients__trigger{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:rgb(var(--color-foreground))}.ingredients__number{display:inline-block;margin-right:.4rem;font-family:var(--font-heading-3-family);font-size:1.4rem;line-height:1;vertical-align:top;color:rgba(var(--color-foreground),.45)}.ingredients__hero-text{display:inline;font-family:var(--font-heading-2-family);font-size:40px;line-height:1.15;color:rgba(var(--color-foreground),.3);transition:color var(--duration-short) ease}.ingredients__trigger--active .ingredients__hero-text,.ingredients__trigger:hover .ingredients__hero-text,.ingredients__trigger:focus-visible .ingredients__hero-text{color:rgb(var(--color-foreground))}.ingredients__panel{display:grid;min-height:20rem}.ingredients__content{grid-area:1 / 1;display:flex;flex-direction:column;gap:1.6rem;opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.ingredients__content--active{opacity:1;visibility:visible}.ingredients__category{margin:0;font-family:var(--font-heading-2-family);font-size:1.6rem;line-height:1.3;color:rgb(var(--color-foreground))}.ingredients__text{margin:0;max-width:42rem;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground))}.ingredients__text>*:first-child{margin-top:0}.ingredients__text>*:last-child{margin-bottom:0}.ingredients__image{align-self:flex-end;width:min(100%,14rem);margin-top:auto}.ingredients__image img{display:block;width:100%;height:auto}@media screen and (min-width:750px){.ingredients__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}.ingredients__nav{padding-right:4rem}.ingredients__panel{padding-left:4rem;min-height:28rem}.ingredients__list{gap:1.6rem}.ingredients__hero-text{font-size:80px}.ingredients__category,.ingredients__text{font-size:1.8rem}.ingredients__image{width:min(100%,18rem)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-ingredients.css.map */