.ingredient-blocks{background-color:var(--bg-color, #fff);color:var(--text-color, #000);padding:var(--padding-top-mobile, 0px) var(--padding-right-mobile, 50px) var(--padding-bottom-mobile, 0px) var(--padding-left-mobile, 50px);margin-top:var(--margin-top-mobile, 0px);margin-bottom:var(--margin-bottom-mobile, 0px)}.ingredient-blocks__heading{margin:0 0 32px;max-width:none;color:inherit}.ingredient-blocks__heading *{margin:0}.ingredient-blocks__grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 1),minmax(0,1fr));gap:var(--gap-mobile, 24px)}.ingredient-blocks__item{min-width:0;text-align:var(--text-alignment, left)}.ingredient-blocks__media{position:relative;overflow:hidden;aspect-ratio:1;background-color:var(--placeholder-color, #f3f3f3)}.ingredient-blocks--portrait .ingredient-blocks__media{aspect-ratio:3 / 4}.ingredient-blocks--landscape .ingredient-blocks__media{aspect-ratio:4 / 3}.ingredient-blocks__media .o-img__frame,.ingredient-blocks__video,.ingredient-blocks__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.ingredient-blocks__video{display:block;object-fit:cover}.ingredient-blocks__placeholder svg{width:100%;height:100%}.ingredient-blocks__content{padding-top:var(--content-spacing-mobile, var(--content-spacing, 16px))}.ingredient-blocks__title{margin:0 0 8px;max-width:none;color:inherit}.ingredient-blocks__title *{margin:0}.ingredient-blocks__description{margin:0;max-width:none;color:inherit}.ingredient-blocks__description *{margin:0 0 8px;font-size:inherit;line-height:inherit;letter-spacing:inherit}.ingredient-blocks__description *:last-child{margin-bottom:0}@media(min-width:768px){.ingredient-blocks__content{padding-top:var(--content-spacing, 16px)}.ingredient-blocks{padding:var(--padding-top-desktop, 0px) var(--padding-right-desktop, 100px) var(--padding-bottom-desktop, 0px) var(--padding-left-desktop, 100px);margin-top:var(--margin-top-desktop, 0px);margin-bottom:var(--margin-bottom-desktop, 0px)}.ingredient-blocks__grid{grid-template-columns:repeat(var(--columns, 4),minmax(0,1fr));gap:var(--gap-desktop, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ingredient-blocks.css.map */