.ingredients-library-section{background-color:#f9f9fc}.ingredients-library-section .ingredients-filters{background:#f9f9fc}.ingredients-hero{max-width:80rem;margin:0 auto;text-align:center}.ingredients-hero__heading{margin-bottom:2.4rem}.ingredients-hero__text{max-width:64rem;margin:0 auto;color:rgba(var(--color-foreground-secondary),1);line-height:1.7}@media screen and (max-width:749px){.ingredients-hero{text-align:left}.ingredients-hero__text{margin-left:0}}.ingredients-filters{position:sticky;top:0;z-index:9;background:rgb(var(--color-background));padding:2.4rem 0;transition:box-shadow .3s ease}.ingredients-filters.ingredients-filters--stuck{box-shadow:0 2px 12px #0000000f}.ingredients-filters__header{margin-bottom:2rem}.ingredients-filters__header h2{margin-bottom:.8rem;color:#171819}.ingredients-filters__header p{color:#3a3a3c}.ingredients-filters__bar{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}.ingredients-filters__categories{display:flex;flex-wrap:wrap;gap:.8rem;flex:1 1 auto}.ingredients-filters__select-wrap{display:none}.ingredients-filters__tag{display:inline-flex;align-items:center;padding:.8rem 1.6rem;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.65);background:transparent;border:1px solid rgba(var(--color-foreground),.12);border-radius:4px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.ingredients-filters__tag:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.ingredients-filters__tag--active{color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.ingredients-filters__tag--active:hover{color:rgb(var(--color-button-text));opacity:.9}.ingredients-filters__toggle{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.65);background:transparent;border:1px solid rgba(var(--color-foreground),.12);border-radius:4px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.ingredients-filters__toggle:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.ingredients-filters__toggle--active{color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.ingredients-filters__toggle-indicator{width:3.2rem;height:1.8rem;border-radius:1rem;background:rgba(var(--color-foreground),.2);position:relative;transition:background .25s ease}.ingredients-filters__toggle--active .ingredients-filters__toggle-indicator{background:#fff6}.ingredients-filters__toggle-indicator:after{content:"";position:absolute;left:.2rem;top:.2rem;width:1.4rem;height:1.4rem;border-radius:50%;background:rgb(var(--color-foreground));transition:transform .25s ease,background .25s ease}.ingredients-filters__toggle--active .ingredients-filters__toggle-indicator:after{transform:translate(1.4rem);background:rgb(var(--color-button-text))}@media screen and (max-width:749px){.ingredients-filters__bar{flex-direction:column;align-items:stretch}.ingredients-filters__categories{display:none}.ingredients-filters__select-wrap{position:relative;display:block;width:100%}.ingredients-filters__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:1.6rem 4.4rem 1.6rem 1.8rem;font-family:Space Mono,monospace;font-size:1.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));background:transparent;border:1px solid rgba(var(--color-foreground),.12);border-radius:4px;cursor:pointer;transition:border-color .25s ease}.ingredients-filters__select:focus{outline:none;border-color:rgba(var(--color-foreground),.3)}.ingredients-filters__select-icon{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:1.4rem;height:auto;color:rgba(var(--color-foreground),.65);pointer-events:none}.ingredients-filters__toggle{display:none}}.ingredients-alphabet{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.6rem}.ingredients-alphabet__letter{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;font-family:Space Mono,monospace;font-size:1.2rem;font-weight:700;text-transform:uppercase;color:rgba(var(--color-foreground),.5);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;padding:0}.ingredients-alphabet__letter:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.ingredients-alphabet__letter--active{color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.ingredients-alphabet__letter--active:hover{opacity:.9}.ingredients-alphabet__letter--disabled{color:rgba(var(--color-foreground),.15);cursor:default;pointer-events:none}@media screen and (max-width:749px){.ingredients-alphabet{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ingredients-alphabet::-webkit-scrollbar{display:none}.ingredients-alphabet__letter{flex-shrink:0;width:2.8rem;height:2.8rem;font-size:1.1rem}}.ingredients-count{margin-top:2rem;font-family:Space Mono,monospace;font-size:1.2rem;color:rgba(var(--color-foreground),.5);text-transform:uppercase;letter-spacing:.04em}.ingredients-no-results{text-align:center;padding:6rem 2rem;color:rgba(var(--color-foreground),.5)}.ingredients-no-results__icon{font-size:4rem;margin-bottom:1.6rem;opacity:.3}.ingredients-grid-wrap{position:relative}.ingredients-grid{display:grid;grid-template-columns:1fr;gap:2rem}.ingredients-grid__arrow{display:none}@media screen and (min-width:750px){.ingredients-grid{grid-template-columns:repeat(2,1fr);gap:2.4rem}}@media screen and (min-width:990px){.ingredients-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.ingredients-grid-wrap{position:relative;margin:0 -1.6rem;min-height:calc(100vh - var(--ingredients-filter-height, 22rem) - 4rem)}.ingredients-grid{display:flex;flex-wrap:nowrap;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.2rem;padding:.4rem 1.6rem 1.6rem}.ingredients-grid::-webkit-scrollbar{display:none}.ingredients-grid .ingredient-card-wrap{flex:0 0 calc(100% - 3.2rem);max-width:none;min-width:0;scroll-snap-align:center}.ingredients-grid .ingredient-card-inner{min-height:calc(100vh - var(--ingredients-filter-height, 22rem) - 6rem)}.ingredients-grid .ingredient-card{height:100%}.ingredients-grid .ingredient-card__image{aspect-ratio:auto;flex:1 1 auto;min-height:0}.ingredients-grid .ingredient-card__content{flex:0 0 auto}.ingredients-grid__arrow{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;padding:0;border-radius:50%;background:#fff9;border:none;box-shadow:none;color:#1718198c;cursor:pointer;z-index:4;transition:background .2s ease,opacity .2s ease,color .2s ease}.ingredients-grid__arrow svg{width:1.4rem;height:1.4rem}.ingredients-grid__arrow:hover,.ingredients-grid__arrow:focus-visible{background:#ffffffe6;color:#171819;outline:none}.ingredients-grid__arrow:disabled,.ingredients-grid__arrow[aria-disabled=true]{opacity:.25;cursor:default;pointer-events:none}.ingredients-grid__arrow--prev{left:.4rem}.ingredients-grid__arrow--next{right:.4rem}}.ingredient-card-wrap{perspective:1200px}.ingredient-card-inner{position:relative;width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.ingredient-card-wrap--flipped .ingredient-card-inner{transform:rotateY(180deg)}.ingredient-card{display:flex;flex-direction:column;border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--button-border-radius, 8px);overflow:hidden;background:#fff;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ingredient-card-wrap:not(.ingredient-card-wrap--flipped) .ingredient-card:hover{box-shadow:0 12px 40px #00000014;border-color:rgba(var(--color-foreground),.15)}.ingredient-card__image{position:relative;aspect-ratio:6 / 4;overflow:hidden;background:rgba(var(--color-foreground),.03)}.ingredient-card__image img,.ingredient-card__image svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.ingredient-card-wrap:not(.ingredient-card-wrap--flipped) .ingredient-card:hover .ingredient-card__image img{transform:scale(1.05)}.ingredient-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.03),rgba(var(--color-foreground),.06))}.ingredient-card__image-placeholder svg{width:4.8rem;height:4.8rem;opacity:.15}.ingredient-card__content{display:flex;flex-direction:column;flex:1;padding:2rem 2.4rem 2.4rem;position:relative}.ingredient-card__category{display:inline-flex;align-self:flex-start;padding:.4rem 1rem;font-family:Space Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.05);border-radius:4px;margin-bottom:1.2rem}.ingredient-card__name{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:calc(var(--font-body-scale) * 1.8rem);line-height:1.3;margin-bottom:.8rem}.ingredient-card__desc{flex:1;color:rgba(var(--color-foreground-secondary),1);font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1.6;margin-bottom:1.6rem}.ingredient-card__flip-btn{position:absolute;bottom:2rem;right:2rem;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:0;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);cursor:pointer;transition:transform .3s ease,background .3s ease;z-index:2;padding:0}.ingredient-card__flip-btn:hover{transform:scale(1.12)}.ingredient-card__flip-btn svg{width:1.8rem;height:1.8rem;transition:transform .3s ease}.ingredient-card-wrap:not(.ingredient-card-wrap--flipped) .ingredient-card__flip-btn:hover svg{transform:rotate(90deg)}.ingredient-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--button-border-radius, 8px);overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg)}.ingredient-card-back__scroll{flex:1;overflow-y:auto;padding:2.4rem}.ingredient-card-back__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.ingredient-card-back__name{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:calc(var(--font-body-scale) * 1.6rem);line-height:1.3;margin:0;padding-right:1rem}.ingredient-card-back__close{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);border:none;border-radius:50%;cursor:pointer;transition:background .2s ease,transform .2s ease;padding:0}.ingredient-card-back__close:hover{background:rgba(var(--color-foreground),.12);transform:scale(1.1)}.ingredient-card-back__close svg{width:1.4rem;height:1.4rem;color:rgb(var(--color-foreground))}.ingredient-card-back__section{margin-bottom:2rem}.ingredient-card-back__section:last-child{margin-bottom:0}.ingredient-card-back__section-title{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.45);margin-bottom:.6rem}.ingredient-card-back__section-text{color:rgba(var(--color-foreground-secondary),1);font-size:calc(var(--font-body-scale) * 1.25rem);line-height:1.65}.ingredient-card-back__section-text ul{padding-left:1.6rem;margin:0}.ingredient-card-back__section-text li{margin-bottom:.4rem}.ingredient-card-back__section-text li:last-child{margin-bottom:0}.ingredient-card-back__section-text p{margin:0}.ingredient-card-back__section-text p+p{margin-top:.8rem}.ingredient-card.animate{opacity:0}.ingredient-card.animate.animated{animation:cardFadeIn .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ingredients.css.map */