.section--ingredients-grid{background-color:var(--ig-section-bg, #E6DFD3)}.ig-header{margin-bottom:2rem}.ig-filter{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.ig-filter__label{font-family:var(--body-font-stack);font-size:var(--base-font-size);font-weight:var(--font-weight-bold);color:var(--text-color)}.ig-filter__select-wrapper{position:relative;display:inline-block}.ig-filter__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ig-item-bg, #ffffff);border:1px solid var(--text-color-transparent25, rgba(0,0,0,.25));border-radius:var(--input-border-radius, .4rem);padding:.6rem 2.5rem .6rem 1rem;font-family:var(--body-font-stack);font-size:var(--base-font-size);color:var(--text-color);cursor:pointer;transition:border-color .2s ease;min-width:180px}.ig-filter__select:focus{outline:none;border-color:var(--text-color)}.ig-filter__chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-color);display:flex;align-items:center}.ig-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ig-gap, 32px);max-width:calc(var(--ig-cols-desktop, 3) * (var(--ig-item-size, 160px) + var(--ig-gap, 32px)) - var(--ig-gap, 32px));margin-left:auto;margin-right:auto}.ig-item{text-align:center;width:var(--ig-item-size, 160px);max-width:var(--ig-item-size, 160px);cursor:pointer;transition:filter .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.ig-item__circle{position:relative;width:100%;padding-bottom:100%;border-radius:50%;overflow:hidden;background-color:var(--ig-item-bg, #ffffff);box-shadow:0 2px 12px #0000000f;transition:box-shadow .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.ig-item:hover .ig-item__circle{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.ig-item__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:10%}.ig-item__image-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.ig-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--ig-overlay-bg, rgba(0, 0, 0, .7));display:flex;align-items:center;justify-content:center;padding:18%;opacity:0;transition:opacity .3s ease}.ig-item__circle:hover .ig-item__overlay,.ig-item--active .ig-item__circle .ig-item__overlay{opacity:1}.ig-item__description{color:#fff;font-family:var(--body-font-stack);font-size:.8em;line-height:1.4;text-align:center;margin:0}.ig-item__name{font-family:var(--body-font-stack);font-weight:var(--font-weight-bold);font-size:.9em;color:var(--text-color);margin:.75rem 0 0;line-height:1.3}.ig-item--dimmed{pointer-events:none}.ig-item--dimmed .ig-item__circle,.ig-item--dimmed:hover .ig-item__circle{transform:scale(.8);box-shadow:none}.ig-button-wrapper{display:flex;justify-content:center;margin-top:2.5rem}.ig-item__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:25%;color:var(--text-color-transparent25, rgba(0,0,0,.25))}.ig-item__placeholder svg{width:100%;height:100%}@media screen and (max-width:767px){.ig-grid{--ig-gap-mobile: calc(var(--ig-gap, 32px) * .6);gap:var(--ig-gap-mobile);max-width:calc(var(--ig-cols-mobile, 3) * (var(--ig-item-size, 160px) + var(--ig-gap-mobile)) - var(--ig-gap-mobile))}.ig-item__name{font-size:.8em;margin-top:.5rem}.ig-item__description{font-size:.7em}.ig-item__overlay{padding:15%}.ig-item__circle:hover .ig-item__overlay{opacity:0}.ig-item--active .ig-item__circle .ig-item__overlay{opacity:1}.ig-item:hover .ig-item__circle{box-shadow:0 2px 12px #0000000f;transform:none}.ig-item--active .ig-item__circle{box-shadow:0 4px 20px #0000001f}}@media screen and (max-width:480px){.ig-filter{flex-direction:column;gap:.5rem}.ig-filter__select{width:100%;min-width:unset}}.ig-item.ig-item--dimmed{opacity:.5!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-ingredients-grid.css.map */