.ingredients-library-section{background-color:#f9f9fc}.ingredients-library-section .ingredients-filters{background:#f9f9fc}.ingredients-hero{max-width:var(--section-header-max);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:var(--header-height, 0px);z-index:9;background:rgb(var(--color-background));padding:1.2rem 0;transition:box-shadow .3s ease}.ingredients-filters.ingredients-filters--stuck{box-shadow:0 2px 12px #0000000f}.ingredients-filters__intro{padding-top:0}.ingredients-filters__header{margin-bottom:1.6rem}.ingredients-filters__header h2{margin-bottom:.8rem;color:#171819;font-family:"P22MackinacPro-Normal",var(--font-heading-family),Georgia,serif!important;font-size:var(--section-heading-size);line-height:1.06;letter-spacing:-.025em}.ingredients-filters__header p{color:#3a3a3c;font-family:"SuisseIntl-Light",var(--font-body-family),Inter,system-ui,sans-serif!important;font-size:var(--section-subheading-size);line-height:1.45;font-weight:400}.ingredient-card__desc,.ingredient-card-back__section-text{font-family:"SuisseIntl-Light",var(--font-body-family),Inter,system-ui,sans-serif!important;font-size:var(--section-body-size)}.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!important;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}@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.2rem 4rem 1.2rem 1.6rem;font-family:Space Mono,monospace!important;font-size:1.4rem;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{padding:.8rem 0}}.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!important;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-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)}}.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!important;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:var(--section-body-size);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!important;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/5/assets/section-ingredients.css.map */