.ingl-hero{text-align:center;margin-bottom:2.5rem}.ingl-hero__title{font-family:var(--heading_font_family);font-size:2.25rem;font-weight:700;color:rgb(var(--color-foreground));margin:0 0 .75rem;line-height:1.15}.ingl-hero__desc{font-size:1rem;line-height:1.65;color:rgba(var(--color-foreground),.6);max-width:560px;margin:0 auto 1.5rem}.ingl-hero__count{font-size:.8125rem;color:rgba(var(--color-foreground),.4);font-weight:500}.ingl-search{position:relative;max-width:480px;margin:0 auto 2rem}.ingl-search__input{width:100%;padding:.875rem 1.25rem .875rem 3rem;font-family:inherit;font-size:.9375rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--form_radius, 50px);outline:none;transition:border-color .2s}.ingl-search__input::placeholder{color:rgba(var(--color-foreground),.35)}.ingl-search__input:focus{border-color:rgba(var(--color-button-background, 108, 75, 174),.4)}.ingl-search__icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:rgba(var(--color-foreground),.35);stroke-width:2;fill:none;pointer-events:none}.ingl-search__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:rgba(var(--color-foreground),.06);border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.5);transition:background .15s}.ingl-search__clear:hover{background:rgba(var(--color-foreground),.1)}.ingl-search__clear svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.5;fill:none}.ingl-search--has-value .ingl-search__clear{display:flex}.ingl-alpha{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin-bottom:2.5rem;position:sticky;top:0;z-index:10;background:rgb(var(--color-background));padding:.75rem 0;border-bottom:1px solid rgba(var(--color-foreground),.06)}.ingl-alpha__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--heading_font_family);font-size:.8125rem;font-weight:600;color:rgba(var(--color-foreground),.5);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:all .15s}.ingl-alpha__btn:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.ingl-alpha__btn.active{color:rgb(var(--color-button-background, 108, 75, 174));background:rgba(var(--color-button-background, 108, 75, 174),.08);border-color:rgba(var(--color-button-background, 108, 75, 174),.15)}.ingl-alpha__btn.disabled{color:rgba(var(--color-foreground),.15);pointer-events:none}.ingl-group{margin-bottom:2rem;scroll-margin-top:80px}.ingl-group__letter{font-family:var(--heading_font_family);font-size:1.5rem;font-weight:700;color:rgb(var(--color-button-background, 108, 75, 174));margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(var(--color-button-background, 108, 75, 174),.15)}.ingl-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.ingl-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.06);border-radius:var(--card_radius, 8px);text-decoration:none;color:inherit;transition:all .2s}.ingl-card:hover{background:rgba(var(--color-button-background, 108, 75, 174),.03);border-color:rgba(var(--color-button-background, 108, 75, 174),.15);transform:translateY(-1px)}.ingl-card__icon{width:40px;height:40px;border-radius:50%;background:rgba(var(--color-button-background, 108, 75, 174),.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ingl-card__icon svg{width:18px;height:18px;stroke:rgb(var(--color-button-background, 108, 75, 174));stroke-width:1.5;fill:none}.ingl-card__text{flex:1;min-width:0}.ingl-card__name{font-size:.9375rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3}.ingl-card__sub{font-size:.75rem;color:rgba(var(--color-foreground),.45);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingl-card__arrow{width:16px;height:16px;stroke:rgba(var(--color-foreground),.25);stroke-width:2;fill:none;flex-shrink:0;transition:stroke .2s,transform .2s}.ingl-card:hover .ingl-card__arrow{stroke:rgb(var(--color-button-background, 108, 75, 174));transform:translate(2px)}.ingl-empty{text-align:center;padding:3rem 1rem;display:none}.ingl-empty.visible{display:block}.ingl-empty__icon{width:48px;height:48px;stroke:rgba(var(--color-foreground),.2);stroke-width:1.5;fill:none;margin:0 auto 1rem}.ingl-empty__text{font-size:.9375rem;color:rgba(var(--color-foreground),.45)}.ingl-empty__text strong{color:rgb(var(--color-foreground))}.ingl-quiz{margin:3rem 0;padding:2.5rem 2rem;background:rgba(var(--color-button-background, 108, 75, 174),.04);border:1px solid rgba(var(--color-button-background, 108, 75, 174),.1);border-radius:var(--card_radius, 8px);text-align:center}.ingl-quiz__heading{font-family:var(--heading_font_family);font-size:1.375rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 .5rem}.ingl-quiz__body{font-size:.9375rem;line-height:1.6;color:rgba(var(--color-foreground),.6);max-width:440px;margin:0 auto 1.25rem}.ingl-quiz__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:inherit;font-size:.9375rem;font-weight:600;color:rgb(var(--color-button-text, 255, 255, 255));background:rgb(var(--color-button-background, 108, 75, 174));border:none;border-radius:var(--form_radius, 50px);text-decoration:none;cursor:pointer;transition:all .2s}.ingl-quiz__btn:hover{background:rgb(var(--color-button-background-hover, 95, 76, 131));color:rgb(var(--color-button-text-hover, 255, 255, 255))}.ingl-quiz__btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.ingl-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.ingl-filter{display:inline-flex;align-items:center;padding:.4rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;color:rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--form_radius, 50px);cursor:pointer;transition:all .15s;white-space:nowrap}.ingl-filter:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.15)}.ingl-filter.active{color:rgb(var(--color-button-background, 108, 75, 174));background:rgba(var(--color-button-background, 108, 75, 174),.06);border-color:rgba(var(--color-button-background, 108, 75, 174),.18)}@media(max-width:767px){.ingl-hero{margin-bottom:1.25rem}.ingl-hero__title{font-size:1.5rem;margin-bottom:.5rem}.ingl-hero__desc{font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.ingl-search{margin-bottom:1rem}.ingl-search__input{padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem}.ingl-search__icon{left:.9rem;width:16px;height:16px}.ingl-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1.25rem 1rem;padding:0 1.25rem;gap:.375rem}.ingl-filters::-webkit-scrollbar{display:none}.ingl-filter{font-size:.75rem;padding:.35rem .75rem;flex-shrink:0}.ingl-alpha{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1.25rem 1.5rem;padding:.5rem 1.25rem;gap:.125rem}.ingl-alpha::-webkit-scrollbar{display:none}.ingl-alpha__btn{width:28px;height:28px;font-size:.6875rem;flex-shrink:0}.ingl-group{margin-bottom:1.25rem}.ingl-group__letter{font-size:1.125rem;margin-bottom:.625rem}.ingl-group__grid{grid-template-columns:1fr;gap:.5rem}.ingl-card{padding:.75rem 1rem;gap:.75rem}.ingl-card__icon{width:32px;height:32px}.ingl-card__icon svg{width:14px;height:14px}.ingl-card__name{font-size:.875rem}.ingl-quiz{padding:1.5rem 1.25rem;margin:2rem 0}.ingl-quiz__heading{font-size:1.125rem}.ingl-quiz__body{font-size:.875rem}.ingl-quiz__btn{padding:.75rem 1.5rem;font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ingredient-listing.css.map */