body.ingredient-modal-open{overflow:hidden}.template-ingredients .iit-tabs-title-container{display:flex;gap:.8rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.6rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.template-ingredients .iit-tabs-title-container::-webkit-scrollbar{display:none}.template-ingredients .iit-tabs-title-container.is-reanchoring{scroll-snap-type:none}.template-ingredients .iit-tab-title{flex:0 0 auto;min-width:fit-content;min-height:4.4rem;margin:0;padding:.9rem 1.5rem;border:1px solid var(--buddy-color-border-strong, rgba(28, 58, 19, .28));border-radius:999px;background:var(--buddy-color-surface, #ffffff);color:var(--buddy-color-primary, #1c3a13);font-family:var(--buddy-font-body, var(--body__font-family));font-size:1.4rem;font-weight:var(--buddy-font-weight-regular, 400);line-height:1.2;letter-spacing:0;text-align:center;cursor:pointer;scroll-snap-align:start;-webkit-appearance:none;appearance:none}.template-ingredients .iit-tab-title.active{padding:.9rem 1.5rem;border-color:var(--buddy-color-primary, #1c3a13);background:var(--buddy-color-accent, #e7fea6);color:var(--buddy-color-primary, #1c3a13)}.template-ingredients .iit-tab-title:focus-visible{outline:2px solid var(--buddy-color-primary, #1c3a13);outline-offset:2px}.template-ingredients .iit-ingredients{display:grid;width:100%;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;margin-top:3.2rem;text-align:center}.template-ingredients .iit-ingredient-box{display:none;min-width:0;opacity:1;filter:saturate(1);transition:opacity .24s ease,filter .24s ease}.template-ingredients .iit-ingredient-box.active{display:block}.template-ingredients .iit-ingredient-box[hidden]{display:none!important}.template-ingredients .iit-ingredient-box.is-deprioritized{opacity:.38;filter:saturate(.2)}.template-ingredients .iit-ingredient-box.is-deprioritized:hover,.template-ingredients .iit-ingredient-box.is-deprioritized:focus-within{opacity:.68;filter:saturate(.65)}.template-ingredients .iit-ingredient-inner-box{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;min-height:100%;margin:0;padding:1.6rem 1rem;border:1px solid var(--buddy-color-border-strong, rgba(28, 58, 19, .18));border-radius:var(--buddy-card-radius, 0);background:var(--buddy-color-surface, #ffffff);color:var(--buddy-color-primary, #1c3a13);font-family:var(--buddy-font-body, var(--body__font-family));font-size:var(--buddy-type-body, 1.6rem);line-height:var(--buddy-line-body, 1.55);letter-spacing:0;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.template-ingredients .iit-ingredient-inner-box:hover,.template-ingredients .iit-ingredient-inner-box:focus-visible{border-color:var(--buddy-color-primary, #1c3a13);box-shadow:var(--buddy-shadow-soft, 0 8px 24px rgba(28, 58, 19, .08))}.template-ingredients .iit-ingredient-inner-box:focus-visible{outline:2px solid var(--buddy-color-primary, #1c3a13);outline-offset:2px}.template-ingredients .iit-ingredient-inner-box img{display:block;width:7.5rem;max-width:7.5rem;height:7.5rem;border-radius:50%;object-fit:cover}.template-ingredients .iit-ingredient-name{display:block;margin-top:.8rem}.template-ingredients .iit-popup-container{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;text-align:left}.template-ingredients .iit-popup-container[hidden]{display:none!important}.template-ingredients .iit-popup-container.open{z-index:10001;display:flex;align-items:center;justify-content:center;padding:2rem;background:#00000094}.template-ingredients .iit-popup-container:before{display:none}.template-ingredients .iit-popup-inner-container{display:block;width:min(64rem,100%);max-width:64rem;max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);margin:0;overflow-y:auto;border-radius:1.6rem;text-align:left}.template-ingredients .iit-popup-inner-content{position:relative;margin:0;padding:2.4rem;background:var(--buddy-color-surface, #ffffff)}.template-ingredients .ingredient-close-popup{position:absolute;top:1.2rem;right:1.2rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:1px solid var(--buddy-color-border-strong, rgba(28, 58, 19, .28));border-radius:50%;background:var(--buddy-color-surface, #ffffff);color:var(--buddy-color-primary, #1c3a13);font-size:1.8rem;cursor:pointer}.template-ingredients .iit-popup-img-title{position:relative;display:flex;align-items:center;gap:2rem;padding:0 4.8rem 2rem 0}.template-ingredients .iit-popup-img-title img{display:block;width:8rem;min-width:8rem;max-width:8rem;height:8rem;aspect-ratio:1;border-radius:50%;object-fit:cover}.template-ingredients .iit-popup-img-title h3{margin:0;color:var(--buddy-color-primary, #1c3a13);font-family:var(--buddy-font-heading, var(--head__font-family));font-size:3rem;font-weight:var(--buddy-font-weight-regular, 400);line-height:1.2;letter-spacing:0}.template-ingredients .iit-amount{margin:.4rem 0 0;color:var(--buddy-color-muted, #555555);font-family:var(--buddy-font-body, var(--body__font-family));font-size:1.4rem;line-height:1.4}.template-ingredients .iit-popup-description{padding-top:2rem;border-top:1px solid var(--buddy-color-border-strong, rgba(28, 58, 19, .28))}.template-ingredients .iit-popup-description+.iit-popup-description{margin-top:2rem}.template-ingredients .iit-popup-description p,.template-ingredients .iit-popup-description ul,.template-ingredients .iit-popup-description ol{color:var(--buddy-color-muted, #555555);font-family:var(--buddy-font-body, var(--body__font-family));font-size:var(--buddy-type-body, 1.6rem);line-height:var(--buddy-line-body, 1.55)}.template-ingredients .iit-popup-description p{margin:0 0 2rem}.template-ingredients .iit-popup-description ul,.template-ingredients .iit-popup-description ol{margin:0 0 2rem;padding-left:2.4rem}.template-ingredients .iit-popup-description--references ul{margin-bottom:2rem;padding-left:0;list-style:none}.template-ingredients .iit-popup-description--references li{position:relative;margin:0 0 1rem;padding-left:3rem;background-image:none}.template-ingredients .iit-popup-description--references li:before{content:"";position:absolute;top:.15em;left:0;width:2rem;height:2rem;background:var(--buddy-color-primary, #1c3a13);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h8l4 4v14H6V3Zm8 0v5h5M9 12h6M9 16h6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h8l4 4v14H6V3Zm8 0v5h5M9 12h6M9 16h6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.template-ingredients .iit-popup-description a{color:inherit}.template-ingredients .iit-specific{margin:0 0 1rem;color:var(--buddy-color-primary, #1c3a13);font-family:var(--buddy-font-heading, var(--head__font-family));font-size:1.8rem;font-weight:var(--buddy-font-weight-regular, 400);line-height:1.45;letter-spacing:0}@media screen and (max-width:749px){.template-ingredients .iit-tabs-title-container{width:calc(100% + var(--buddy-container-padding-mobile, 2rem));margin-right:calc(-1 * var(--buddy-container-padding-mobile, 2rem));-webkit-overflow-scrolling:touch;scroll-padding-inline:0 var(--buddy-container-padding-mobile, 2rem)}.template-ingredients .iit-tabs-title-container.is-at-scroll-end{width:calc(100% + var(--buddy-container-padding-mobile, 2rem) + var(--buddy-container-padding-mobile, 2rem));margin-left:calc(-1 * var(--buddy-container-padding-mobile, 2rem))}.template-ingredients .iit-tabs-title-container:after{content:"";flex:0 0 calc(var(--buddy-container-padding-mobile, 2rem) - .8rem)}.template-ingredients .iit-ingredients{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.4rem}.template-ingredients .iit-ingredient-inner-box{padding:1.2rem .8rem;font-size:1.4rem;line-height:1.35}.template-ingredients .iit-popup-container.open{align-items:center;padding:1.2rem}.template-ingredients .iit-popup-inner-container{width:100%;max-height:calc(100vh - 2.4rem);max-height:calc(100dvh - 2.4rem);border-radius:1.6rem}.template-ingredients .iit-popup-inner-content{padding:2rem}.template-ingredients .iit-popup-img-title h3{font-size:2.5rem}}@media screen and (min-width:750px){.template-ingredients .iit-tabs-title-container{flex-wrap:wrap;gap:.4rem;overflow:visible;scroll-snap-type:none}.template-ingredients .iit-tab-title,.template-ingredients .iit-tab-title.active{padding-right:1.3rem;padding-left:1.3rem}}@media(prefers-reduced-motion:reduce){.template-ingredients .iit-ingredient-box,.template-ingredients .iit-ingredient-inner-box{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/ingredient-browser.css.map */