.ingredient-library{display:block;padding-top:var(--il-pad-top, 24px);background:var(--il-bg, transparent);--il-border: rgba(var(--il-accent-rgb, 123, 142, 114), .22);--il-shadow: 0 6px 16px -12px rgba(0, 0, 0, .35);--il-muted: #55595e}.il__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.il__head-text{display:flex;flex-direction:column;gap:12px;max-width:62ch}.il__heading{margin:0;line-height:1.04}.il__intro{color:var(--il-muted);line-height:1.6}.il__intro p:last-child{margin-bottom:0}.il__count{flex-shrink:0;margin:0 0 6px;font-size:.875rem;color:var(--il-muted)}.il__count strong{color:var(--color-heading, #1a1c1d)}.il__hint{padding:16px 20px;border:1px dashed var(--il-border);border-radius:16px;color:var(--il-muted)}.il__bar{display:flex;flex-direction:column;gap:14px;margin:0 0 20px;padding:16px 20px;background:var(--il-card-bg, #fff);border:1px solid var(--color-border, #dadce0);border-radius:16px;box-shadow:var(--il-shadow)}.il__bar-row{display:flex;align-items:center;gap:16px}.il__bar-row--secondary{flex-wrap:wrap;row-gap:12px;padding-top:4px}.il__search{display:flex;align-items:center;gap:10px;flex:0 1 340px;min-height:44px;padding:0 16px;border:1px solid var(--color-border, #dadce0);border-radius:999px;color:var(--il-muted);background:#fff}.il__search:focus-within{border-color:var(--il-deep);box-shadow:0 0 0 3px rgba(var(--il-accent-rgb, 123, 142, 114),.2)}.il__search input{flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent;font-size:.9375rem;color:var(--color-body, #2c2d2e);box-shadow:none;height:42px}.il__search input:focus{outline:none;box-shadow:none}.il__search input::-webkit-search-cancel-button{cursor:pointer}.il__group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.il__group-label{margin-right:4px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--il-accent)}.il__pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--color-border, #dadce0);border-radius:999px;background:#fff;font-size:.875rem;font-weight:500;line-height:1;color:var(--color-body, #2c2d2e);white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.il__pill:hover{border-color:var(--il-deep)}.il__pill--on,.il__pill[aria-pressed=true]{background:var(--il-deep);border-color:var(--il-deep);color:#fff}.il__more{display:contents}.il__more-summary{display:none;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--color-border, #dadce0);border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;list-style:none}.il__more-summary::-webkit-details-marker{display:none}.il__more-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--il-deep);color:#fff;font-size:.72rem;font-weight:700}.il__clear{align-self:flex-start;padding:0;border:0;background:none;font-size:.8125rem;font-weight:600;color:var(--il-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.il__alpha{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:0 0 24px}.il__alpha-letter{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 4px;border:0;border-radius:6px;background:none;font-size:.8125rem;font-weight:600;color:var(--color-heading, #1a1c1d);cursor:pointer}.il__alpha-letter:hover{background:rgba(var(--il-accent-rgb, 123, 142, 114),.14)}.il__alpha-letter[aria-pressed=true]{background:var(--il-deep);color:#fff}.il__alpha-letter--off{color:#b8bcc2;cursor:default}.il__grid{display:grid;grid-template-columns:repeat(var(--il-columns, 4),minmax(0,1fr));gap:var(--il-gap-y, 24px) var(--il-gap-x, 24px);margin:0;padding:0;list-style:none}.il__card{position:relative;display:flex;flex-direction:column;margin:0;background:var(--il-card-bg, #fff);border:1px solid var(--il-border);border-radius:18px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.il__card:hover,.il__card:focus-within{transform:translateY(-4px);box-shadow:0 18px 30px -20px #0006}.il__card[hidden]{display:none}.il__card-media{position:relative;aspect-ratio:1;background:rgba(var(--il-accent-rgb, 123, 142, 114),.12);overflow:hidden}.il__card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.il__card:hover .il__card-img{transform:scale(1.05)}.il__card-placeholder{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-heading-family, Halant, Georgia, serif);font-size:3.4rem;color:var(--il-accent);background:rgba(var(--il-accent-rgb, 123, 142, 114),.12)}.il__badge{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:#ffffffeb;color:var(--il-deep);font-size:.68rem;font-weight:600;letter-spacing:.04em;line-height:1;pointer-events:none}.il__badge--gold{background:var(--il-gold);color:#1a1c1d}.il__card-body{display:flex;flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px}.il__card-name{margin:0;font-size:1.2rem;line-height:1.15}.il__card-link{color:var(--color-heading, #1a1c1d);text-decoration:none}.il__card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.il__card-link:focus-visible{outline:none}.il__card:focus-within{outline:2px solid var(--il-deep);outline-offset:2px}.il__card-known{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:.84rem;line-height:1.45;color:var(--il-muted)}.il__card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.il__learn{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--il-deep);text-decoration:none}.il__learn svg{transition:transform .2s ease}.il__card:hover .il__learn svg{transform:translate(3px)}.il__shop{position:relative;z-index:1;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(var(--il-accent-rgb, 123, 142, 114),.12);font-size:.76rem;font-weight:600;color:var(--il-deep);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.il__shop:hover{background:var(--il-deep);color:#fff}.il__link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font-size:.85rem;font-weight:600;color:var(--il-deep);text-decoration:none;cursor:pointer}.il__link:hover{text-decoration:underline;text-underline-offset:3px}.il__pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:36px 0 0}.il__page{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--color-border, #dadce0);border-radius:999px;background:#fff;font-size:.875rem;font-weight:600;color:var(--color-body, #2c2d2e);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.il__page:hover{border-color:var(--il-deep)}.il__page[aria-current=page]{background:var(--il-deep);border-color:var(--il-deep);color:#fff;cursor:default}.il__page:disabled{opacity:.4;cursor:default;border-color:var(--color-border, #dadce0)}.il__page--arrow{padding:0 14px}.il__page-gap{min-width:24px;text-align:center;color:var(--il-muted)}.il__empty{margin:24px 0 0;padding:32px;text-align:center;color:var(--il-muted);border:1px dashed var(--il-border);border-radius:16px}.il--cols-5 .il__card{border-radius:16px}.il--cols-5 .il__card-body{padding:10px 12px 12px}.il--cols-5 .il__card-name{font-size:1.05rem}.il--cols-5 .il__card-known{font-size:.8rem}.il--cols-5 .il__learn{font-size:.78rem}.il--cols-5 .il__shop{padding:5px 10px;font-size:.72rem}@media only screen and (max-width:1067px){.il__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.il__bar-row--primary{flex-wrap:wrap}.il__search{flex-basis:100%}}@media only screen and (max-width:767px){.il__head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.il__bar{padding:12px 14px;gap:10px}.il__bar-row--primary{gap:10px}.il__group--family{flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.il__group--family::-webkit-scrollbar{display:none}.il__more{display:block;width:100%}.il__more-summary{display:inline-flex}.il__bar-row--secondary{flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px}.il__alpha{justify-content:flex-start;flex-wrap:nowrap;gap:4px;margin:0 -15px 16px;padding:2px 15px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 15px,#000 calc(100% - 15px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15px,#000 calc(100% - 15px),transparent)}.il__alpha::-webkit-scrollbar{display:none}.il__alpha-letter{flex:0 0 auto;min-width:40px;height:40px;border-radius:999px;font-size:.9rem;scroll-snap-align:center;background:var(--il-card-bg, #fff);border:1px solid var(--color-border, #dadce0)}.il__alpha-letter[aria-pressed=true]{border-color:var(--il-deep)}.il__alpha-letter--off{display:none}.il__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--il-gap-y, 24px) / 2) calc(var(--il-gap-x, 24px) / 2)}.il__card{border-radius:14px}.il__card-body{padding:8px 10px 10px}.il__card-name{font-size:1.05rem}.il__card-known{font-size:.78rem}.il__badge{top:8px;left:8px;padding:4px 8px;font-size:.62rem}.il__pager{gap:4px;margin-top:24px}.il__page{min-width:36px;height:36px;padding:0 10px;font-size:.8125rem}.il__card-actions{padding-top:8px}.il__learn{font-size:.78rem}.il__shop{padding:5px 10px;font-size:.72rem}}
/*# sourceMappingURL=/cdn/shop/t/666/assets/ingredient-library.css.map */