.ingredient-browser{--ingredient-browser-inset: max(var(--gutter, 20px), calc((100vw - var(--container, 1280px)) / 2));--ingredient-browser-gap: 18px;padding-block:18px 8px;color:#243327;background:#fff}.ingredient-browser__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ingredient-browser__head h2{margin:0;color:#243327;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.ingredient-browser__controls{display:flex;flex:0 0 auto;align-items:center;gap:9px;padding-bottom:1px}.ingredient-browser__arrow{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #dce1d7;border-radius:50%;color:#243327;background:#fff;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.ingredient-browser__arrow--previous svg{transform:rotate(180deg)}.ingredient-browser__arrow:disabled{color:#bcc2b8;border-color:#e9ece6;cursor:default}.ingredient-browser__filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:10px}.ingredient-browser__filter{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid #e0e5da;border-radius:999px;color:#59634f;background:#fff;font:inherit;font-size:.76rem;line-height:1.2;white-space:nowrap;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.ingredient-browser__filter[aria-pressed=true]{color:#fff;background:#243327;border-color:#243327}.ingredient-browser__track{display:flex;align-items:stretch;gap:var(--ingredient-browser-gap);overflow-x:auto;overscroll-behavior-inline:contain;padding:7px var(--ingredient-browser-inset) 14px;scroll-padding-inline:var(--ingredient-browser-inset);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ingredient-browser__track::-webkit-scrollbar{display:none}.ingredient-browser__card{position:relative;isolation:isolate;display:block;flex:0 0 calc((min(calc(100vw - 2 * var(--gutter, 20px)),var(--container, 1280px)) - 64px) / 4.5);min-width:210px;aspect-ratio:.88;overflow:hidden;padding:0;border:0;border-radius:22px;color:#fff;background:#5e583d;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:inset 0 0 0 1px #ffffff1f;transition:box-shadow .2s ease,transform .24s ease}.ingredient-browser__card[hidden]{display:none}.ingredient-browser__artwork{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit}.ingredient-browser__photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.ingredient-browser__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f180d05 0% 38%,#0f180db8 68%,#0f180df7)}.ingredient-browser__copy{position:absolute;inset:auto 0 0;display:block;padding:16px;color:#fff}.ingredient-browser__name{display:block;max-width:95%;min-height:2em;color:#fff;font-family:var(--font-display);font-size:clamp(1.15rem,1.5vw,1.45rem);font-weight:500;letter-spacing:-.035em;line-height:1;text-wrap:balance}.ingredient-browser__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.27)}.ingredient-browser__price{color:#fff;font-size:.76rem;font-weight:600;line-height:1.3;white-space:nowrap}.ingredient-browser__weight{color:#ffffffb8;font-size:.64rem;font-weight:400}.ingredient-browser__explore{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;color:#fff}.ingredient-browser__check{position:absolute;top:15px;right:15px;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#243327;background:#e2ebbf;opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease}.ingredient-browser__card.is-selected,.ingredient-browser__card[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px #526824}.ingredient-browser__card.is-selected .ingredient-browser__check,.ingredient-browser__card[aria-pressed=true] .ingredient-browser__check{opacity:1;transform:scale(1)}.ingredient-browser__foot{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:8px}.ingredient-browser__credits{position:relative;flex:0 0 auto;max-width:550px;margin:0;color:#7a8272;font-size:.64rem;line-height:1.6}.ingredient-browser__credits summary{display:flex;align-items:center;justify-content:flex-end;gap:7px;list-style:none;cursor:pointer}.ingredient-browser__credits summary::-webkit-details-marker{display:none}.ingredient-browser__credits[open] summary svg{transform:rotate(45deg)}.ingredient-browser__credits ul{display:grid;gap:8px;margin:14px 0 0;padding:16px;border:1px solid #e3e7de;border-radius:12px;list-style:none;background:#fff}.ingredient-browser__credits li{display:block}.ingredient-browser__credits li>strong{display:block;color:#48543f;font-weight:600}.ingredient-browser__credits .ingredient-photo-credit{color:inherit;font:inherit}.ingredient-browser__credits a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ingredient-browser__fallback{margin-top:24px;font-size:.85rem}.ingredient-browser__fallback a{display:inline-flex;align-items:center;gap:10px;color:#243327;text-decoration:underline;text-underline-offset:4px}.ingredient-browser__card:focus-visible,.ingredient-browser__arrow:focus-visible,.ingredient-browser__filter:focus-visible,.ingredient-browser__credits summary:focus-visible{outline:2px solid #526824;outline-offset:4px}@media(hover:hover){.ingredient-browser__arrow:not(:disabled):hover{color:#fff;background:#243327;border-color:#243327}.ingredient-browser__filter[aria-pressed=false]:hover{color:#243327;background:#f2f5eb;border-color:#cbd4bf}.ingredient-browser__card:hover .ingredient-browser__photo{transform:scale(1.035)}.ingredient-browser__card:hover{transform:translateY(-3px)}}@media(max-width:1100px){.ingredient-browser__card{flex-basis:calc((100vw - 2 * var(--gutter, 20px) - 46px) / 3.5);min-width:215px}}@media(max-width:760px){.ingredient-browser{--ingredient-browser-gap: 13px;--ingredient-browser-inset: 16px;padding-block:14px 6px}.ingredient-browser__head{align-items:center;gap:12px}.ingredient-browser__head h2{max-width:none;font-size:18px;line-height:1.25}.ingredient-browser__controls{align-self:center;gap:6px;padding-bottom:0}.ingredient-browser__arrow{width:36px;height:36px}.ingredient-browser__arrow svg{width:17px;height:17px}.ingredient-browser__filters{flex-wrap:nowrap;overflow-x:auto;width:100%;margin-top:10px;margin-bottom:10px;padding-inline:var(--ingredient-browser-inset);gap:6px;scrollbar-width:none}.ingredient-browser__filters::-webkit-scrollbar{display:none}.ingredient-browser__filter{flex:0 0 auto;min-height:32px;padding:6px 11px;font-size:.68rem}.ingredient-browser__track{padding-bottom:12px}.ingredient-browser__card{flex-basis:calc((100vw - 2 * var(--gutter, 20px) - 8px) / 1.6);min-width:210px;max-width:325px;aspect-ratio:.86;border-radius:19px}.ingredient-browser__copy{padding:15px}.ingredient-browser__name{font-size:1.25rem}.ingredient-browser__price{font-size:.76rem}.ingredient-browser__weight{font-size:.62rem}.ingredient-browser__foot{display:block;margin-top:9px}.ingredient-browser__credits{max-width:none;margin-top:9px;font-size:.6rem}.ingredient-browser__credits summary{justify-content:flex-start}.ingredient-browser__credits ul{padding:13px}}@media(max-width:480px){.ingredient-browser{--ingredient-browser-inset: 12px}}@media(max-width:430px){.ingredient-browser__head{display:flex}.ingredient-browser__head h2{max-width:none;font-size:18px}.ingredient-browser__controls{gap:5px}.ingredient-browser__arrow{width:31px;height:31px}.ingredient-browser__card{min-width:200px}.ingredient-browser__name{font-size:1.2rem}.ingredient-browser__copy{padding:14px}}@media(prefers-reduced-motion:reduce){.ingredient-browser *,.ingredient-browser *:before,.ingredient-browser *:after{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ingredient-browser.css.map */