.ingredient-grid__heading,.ingredient-grid__text{margin:1.5rem 0 0}.ingredient-grid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;margin:3rem 0 0;padding:0;list-style:none}.ingredient-grid__item{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.ingredient-grid__tile{position:relative;width:85%;margin:0;aspect-ratio:1 / 1;border-radius:1.2rem;background:var(--ingredient-tile-background, rgba(var(--color-foreground), .15));border:.1rem solid var(--ingredient-tile-outline, rgba(var(--color-foreground), .3));overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}@media(hover:hover){.ingredient-grid__tile:hover{background:var( --ingredient-tile-background-hover, var(--ingredient-tile-background, rgba(var(--color-foreground), .3)) )}}.ingredient-grid__image{display:block;width:55%;height:55%;background-color:#6e1e00;-webkit-mask-image:var(--ingredient-icon-url);mask-image:var(--ingredient-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:opacity .3s ease}.ingredient-grid__image-color{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:55%;object-fit:contain;opacity:0;transition:opacity .3s ease}@media(hover:hover){.ingredient-grid__tile:hover .ingredient-grid__image{opacity:0}.ingredient-grid__tile:hover .ingredient-grid__image-color{opacity:1}}.ingredient-grid__label{width:85%;margin:1rem 0 0;font-size:1.5rem;font-weight:var(--font-body-weight-bold);line-height:1.15;text-align:center}.ingredient-grid__link{margin:3rem 0 0}@media screen and (max-width:749px){.ingredient-grid__list{gap:1.5rem 1rem}.ingredient-grid.page-width{padding-left:calc(1.5rem + 8px);padding-right:calc(1.5rem + 8px)}}@media screen and (min-width:750px){.ingredient-grid__list{grid-template-columns:repeat(6,minmax(0,1fr))}.ingredient-grid__tile,.ingredient-grid__label{width:70%}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/section-ingredient-grid.css.map */