.ingredient-directory{--ingredient-navy: #1a2a37;--ingredient-green: #446c76;--ingredient-surface: #f5f7f6;padding-block:var(--ingredient-padding-top) var(--ingredient-padding-bottom)}.ingredient-directory__header{width:min(760px,100%);margin:0 auto clamp(30px,5vw,52px);text-align:center}.ingredient-directory__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--ingredient-green);font-size:12px;font-weight:700;letter-spacing:.16em}.ingredient-directory__eyebrow:before{width:34px;height:1px;background:currentColor;content:""}.ingredient-directory__heading{margin:0;color:var(--ingredient-navy);font-family:var(--font-heading-family);font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.14;letter-spacing:-.02em}.ingredient-directory__description{max-width:650px;margin:18px auto 0;color:#1a2a37bf;font-size:16px;line-height:1.65}.ingredient-directory__description p{margin:0}.ingredient-search__form{width:min(680px,100%);margin:0 auto clamp(34px,5vw,52px)}.ingredient-search__field{position:relative}.ingredient-search__icon{position:absolute;top:50%;left:20px;display:grid;width:22px;color:var(--ingredient-green);pointer-events:none;transform:translateY(-50%)}.ingredient-search__icon svg,.ingredient-search__empty svg{width:100%}.ingredient-search__input{width:100%;height:58px;padding:0 56px;border:1px solid rgba(26,42,55,.25);border-radius:0;outline:0;color:var(--ingredient-navy);background:rgb(var(--color-background));font:inherit;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.ingredient-search__input::placeholder{color:#1a2a3785}.ingredient-search__input:focus{border-color:var(--ingredient-green);box-shadow:0 0 0 2px #446c7626}.ingredient-search__clear{position:absolute;top:50%;right:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;color:var(--ingredient-navy);background:transparent;cursor:pointer;transform:translateY(-50%)}.ingredient-search__clear:hover{color:#fff;background:var(--ingredient-navy)}.ingredient-search__clear span[aria-hidden=true]{font-size:26px;font-weight:300;line-height:1}.ingredient-search__count{margin:10px 0 0;color:#1a2a37a6;font-size:13px;text-align:right}.ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,30px);margin:0;padding:0;list-style:none}.ingredient-grid__item[hidden]{display:none!important}.ingredient-card{display:block;height:100%;overflow:hidden;border:1px solid rgba(26,42,55,.12);color:var(--ingredient-navy);background:rgb(var(--color-background));text-decoration:none;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.ingredient-card:hover{border-color:#446c7699;color:var(--ingredient-navy);box-shadow:0 14px 36px #1a2a371a;transform:translateY(-4px)}.ingredient-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--ingredient-surface)}.ingredient-card__image,.ingredient-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1)}.ingredient-card:hover .ingredient-card__image{transform:scale(1.035)}.ingredient-card__content{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:18px 20px}.ingredient-card__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:20px;font-weight:500;line-height:1.25}.ingredient-card__arrow{flex:0 0 auto;color:var(--ingredient-green);font-size:22px;transition:transform .2s ease}.ingredient-card:hover .ingredient-card__arrow{transform:translate(4px)}.ingredient-search__empty{width:min(560px,100%);margin:30px auto 0;padding:52px 24px;color:var(--ingredient-navy);background:var(--ingredient-surface);text-align:center}.ingredient-search__empty svg{width:34px;margin-bottom:14px;color:var(--ingredient-green)}.ingredient-search__empty h3{margin:0 0 8px;color:inherit;font-family:var(--font-heading-family);font-size:24px}.ingredient-search__empty p{margin:0;color:#1a2a37ad;font-size:15px}@media screen and (min-width:750px)and (max-width:989px){.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ingredient-directory{padding-block:28px 44px}.ingredient-directory__header{margin-bottom:26px}.ingredient-directory__eyebrow{gap:9px;margin-bottom:10px;font-size:11px;letter-spacing:.13em}.ingredient-directory__eyebrow:before{width:24px}.ingredient-directory__heading{font-size:28px;line-height:1.18}.ingredient-directory__description{display:none}.ingredient-search__form{margin-bottom:26px}.ingredient-search__icon{left:14px;width:19px}.ingredient-search__input{height:50px;padding-inline:44px;font-size:15px}.ingredient-search__clear{right:6px;width:36px;height:36px}.ingredient-search__count{margin-top:7px;font-size:12px}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ingredient-card__content{align-items:flex-start;min-height:70px;padding:12px 10px}.ingredient-card__title{overflow-wrap:anywhere;font-size:15px;line-height:1.3}.ingredient-card__arrow{display:none}.ingredient-search__empty{margin-top:18px;padding:38px 18px}.ingredient-search__empty h3{font-size:21px}}@media screen and (max-width:359px){.ingredient-directory__heading{font-size:25px}.ingredient-card__title{font-size:14px}}@media(hover:none){.ingredient-card:hover{box-shadow:none;transform:none}.ingredient-card:hover .ingredient-card__image{transform:none}}@media(prefers-reduced-motion:reduce){.ingredient-card,.ingredient-card__image,.ingredient-card__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-key-ingredients.css.map */