.ingredient-module{width:100%;max-height:450px;overflow:visible;padding:60px 0}.ingredient-module__header{display:flex;align-items:flex-end;margin:0 60px 60px;gap:10px}.ingredient-module__title{font-family:Bricolage Grotesque,sans-serif;font-weight:400;margin:0;white-space:nowrap;line-height:1}.ingredient-module__keyline{flex:1;height:1px;background-color:currentColor;margin-bottom:.15em}.ingredient-module__eyebrow{font-family:Space Mono,monospace;font-weight:400;margin:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;line-height:1}.ingredient-module__grid-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 60px}.ingredient-module__grid-wrapper::-webkit-scrollbar{display:none}.ingredient-module__grid{display:grid;gap:10px;min-width:min-content}.ingredient-module__grid--1,.ingredient-module__grid--2,.ingredient-module__grid--3,.ingredient-module__grid--4{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.ingredient-module__grid--5,.ingredient-module__grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.ingredient-module__grid--7,.ingredient-module__grid--8,.ingredient-module__grid--9,.ingredient-module__grid--10,.ingredient-module__grid--11,.ingredient-module__grid--12{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ingredient-module__item{display:flex;flex-direction:column;min-width:0}.ingredient-module__image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--corner-radius);background-color:#f5f5f5;position:relative}.ingredient-module__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--corner-radius)}.ingredient-module__image-label{position:absolute;bottom:20px;left:20px;font-family:Space Mono,monospace;font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#000;background-color:#ffffffe6;padding:6px 12px;border-radius:4px}.ingredient-module__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:var(--corner-radius)}.ingredient-module__image-placeholder svg{width:50%;height:50%;opacity:.3}.ingredient-module__content{padding-top:15px}.ingredient-module__text{font-family:Bricolage Grotesque,sans-serif;font-weight:400;margin:0;line-height:1.4}.ingredient-module__text-bold{font-family:Bricolage Grotesque,sans-serif;font-weight:500}@media screen and (max-width: 989px){.ingredient-module{padding:40px 0}.ingredient-module__header{margin:0 40px 40px}.ingredient-module__grid-wrapper{padding:0 40px}}@media screen and (max-width: 749px){.ingredient-module{padding:30px 0}.ingredient-module__header{margin:0 20px 30px;gap:8px}.ingredient-module__keyline{margin-bottom:.1em}.ingredient-module__grid-wrapper{padding:0 20px;scroll-snap-type:x mandatory;scroll-padding-left:20px}.ingredient-module__grid{display:flex;flex-wrap:nowrap;gap:10px;width:max-content}.ingredient-module__item{scroll-snap-align:start;width:calc((100vw - 40px - 10px - (100vw - 40px) / 12) / 2);min-width:calc((100vw - 40px - 10px - (100vw - 40px) / 12) / 2);flex-shrink:0}.ingredient-module__content{padding-top:12px}}@media screen and (max-width: 480px){.ingredient-module__header{flex-wrap:wrap}.ingredient-module__title{font-size:calc(var(--title-size) * .8)!important}.ingredient-module__eyebrow{font-size:calc(var(--eyebrow-size) * .9)!important}.ingredient-module__text{font-size:calc(var(--body-size) * .9)!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-ingredient-module.css.map */