.ff-ingredients{padding:var(--ff-section-padding-y) 0}.ff-ingredients__heading{margin:0 0 32px;font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--color-text-on-cream)}.ff-ingredients__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.ff-ingredients__tab{padding:10px 20px;border:1px solid rgba(18,18,18,.2);background:transparent;color:var(--color-text-on-cream);font-family:var(--ff-font-body);font-size:var(--ff-text-body-sm);cursor:pointer}.ff-ingredients__tab.is-active{background:var(--color-text-on-cream);border-color:var(--color-text-on-cream);color:var(--color-bg-cream)}.ff-ingredients__track{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.ff-ingredients__track::-webkit-scrollbar{display:none}.ff-ingredients__card{display:none;flex-direction:column;flex:none;width:220px;background:#fff;border:1px solid rgba(18,18,18,.08)}.ff-ingredients__card.is-visible{display:flex}.ff-ingredients__media{aspect-ratio:var(--ff-ing-ratio, 4 / 5);background:#f2f2f2}.ff-ingredients__media img{width:100%;height:100%;object-fit:cover}.ff-ingredients__name{margin:16px 16px 0;font-family:var(--ff-font-heading);font-size:18px;color:var(--color-text-on-cream)}.ff-ingredients__note{margin:4px 16px 0;font-family:var(--ff-font-body);font-size:var(--ff-text-body-sm);color:var(--color-text-on-cream-muted)}.ff-ingredients__more{margin:12px 16px 16px auto;font-family:var(--ff-font-body);font-size:12px;color:var(--color-text-on-cream);text-decoration:underline;text-underline-offset:3px}.ff-ingredients__carousel{--ff-arrow-inset: 6px}.ff-ingredients__carousel .ff-drag-arrow{background:#ffffffd1;border-color:#1212122e;color:var(--color-text-on-cream)}.ff-ingredients__carousel .ff-drag-arrow:hover{background:#fff}.ff-ingredients__track{scroll-snap-type:x proximity}.ff-ingredients__card{scroll-snap-align:start}.ff-ingredients__carousel.is-dragging .ff-ingredients__track{scroll-snap-type:none}.ff-ingredients__carousel.is-dragging img{pointer-events:none}@media screen and (max-width:749px){.ff-ingredients__card{width:66vw;max-width:240px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ff-ingredients.css.map */