.ingredient-index{padding-top:var(--ii-pad-top, 48px);padding-bottom:var(--ii-pad-bottom, 48px);--ii-text: var(--colorTextBody);--ii-muted: color-mix(in srgb, var(--colorTextBody) 62%, transparent);--ii-faint: color-mix(in srgb, var(--colorTextBody) 42%, transparent);--ii-border: color-mix(in srgb, var(--colorTextBody) 16%, transparent);--ii-card-bg: var(--colorBody);--ii-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ii-gutter: 17px}.ingredient-index__empty{padding:40px 0;color:var(--ii-faint);font-style:italic;text-align:center}.ingredient-index__certs{display:flex;justify-content:center;align-items:center;gap:clamp(12px,5vw,48px);margin:0 0 clamp(40px,7vw,72px);padding:0;list-style:none}.ingredient-index__cert{flex:0 1 auto;min-width:0;width:clamp(58px,17vw,96px);color:var(--ii-text)}.ingredient-index__cert img,.ingredient-index__cert svg{display:block;width:100%;height:auto}.cert-badge__ring-text{font-family:var(--typeHeaderPrimary, sans-serif);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.cert-badge__glyph-text{font-family:var(--typeHeaderPrimary, sans-serif);font-size:30px;font-weight:700}.cert-badge__struck-text{font-family:var(--typeHeaderPrimary, sans-serif);font-size:15px;font-weight:700;letter-spacing:.02em}.ingredient-index__header{margin-bottom:clamp(32px,5vw,56px)}.ingredient-index__header--center{margin-inline:auto;text-align:center}.ingredient-index__heading{margin:0 0 16px;font-family:var(--typeHeaderPrimary);font-size:clamp(30px,5.2vw,46px);line-height:1.08;letter-spacing:-.02em;color:var(--ii-text)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.ingredient-index__heading--foil{background-image:var(--ii-foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.ingredient-index__subheading{margin:0;font-size:15px;line-height:1.6;color:var(--ii-muted)}.ingredient-index__header--center .ingredient-index__subheading{margin-inline:auto}.ingredient-index__subheading p{margin:0}.ingredient-index__track{display:flex;align-items:flex-start;gap:var(--ii-card-gap, 16px)}.ingredient-index__column{display:flex;flex-direction:column;gap:var(--ii-card-gap, 16px);flex:1 1 0;min-width:0}.ingredient-card{position:relative;isolation:isolate;border-radius:var(--ii-radius, 10px);min-height:var(--ii-card-min, 0);border:1px solid transparent;background:linear-gradient(var(--ii-card-bg),var(--ii-card-bg)) padding-box,linear-gradient(118deg,color-mix(in srgb,var(--ii-foil-1) 34%,var(--ii-border)),color-mix(in srgb,var(--ii-foil-2) 34%,var(--ii-border)) 45%,color-mix(in srgb,var(--ii-foil-3) 34%,var(--ii-border)) 70%,color-mix(in srgb,var(--ii-foil-1) 34%,var(--ii-border))) border-box;overflow:hidden;transition:box-shadow .4s ease,transform .4s cubic-bezier(.22,.61,.36,1)}.ingredient-card:hover{box-shadow:0 14px 34px -22px color-mix(in srgb,var(--ii-foil-1) 60%,transparent)}.ingredient-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:var(--ii-foil);opacity:var(--ii-sheen-card, .06);transition:opacity .45s ease;pointer-events:none}.ingredient-card:hover:before,.ingredient-card.is-open:before{opacity:var(--ii-sheen-hover, .14)}.ingredient-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%);opacity:0;transform:translate(-130%);pointer-events:none}.ingredient-card:hover:after{animation:ii-glint var(--ii-glint-duration, 1.1s) cubic-bezier(.3,0,.2,1)}@keyframes ii-glint{0%{opacity:0;transform:translate(-130%)}15%{opacity:var(--ii-glint-opacity, .45)}85%{opacity:var(--ii-glint-opacity, .45)}to{opacity:0;transform:translate(130%)}}.ingredient-card__head{margin:0;font-size:inherit;font-weight:inherit}.ingredient-card__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 16px;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}.ingredient-card__toggle:focus-visible{outline:2px solid var(--ii-foil-1);outline-offset:-2px}.ingredient-card__name{font-family:var(--typeHeaderPrimary);font-size:16px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ii-text)}.ingredient-card__chevron{flex:0 0 auto;display:flex;width:20px;height:20px;color:var(--ii-foil-1);transition:transform .4s cubic-bezier(.22,.61,.36,1)}.ingredient-card__chevron svg{width:100%;height:100%}.ingredient-card.is-open .ingredient-card__chevron{transform:rotate(180deg)}.ingredient-card--static .ingredient-card__chevron{display:none}.ingredient-card--static .ingredient-card__toggle{cursor:default}.ingredient-card__body{display:flex;align-items:flex-start;gap:14px;padding:16px;border-top:1px solid var(--ii-border)}.ingredient-card__media{flex:0 0 auto;width:64px}.ingredient-card__media img{display:block;width:100%;height:auto;background:none}.ingredient-card__copy{flex:1 1 auto;min-width:0}.ingredient-card__meta{margin:0 0 8px;font-family:var(--ii-mono);font-size:10px;line-height:1.5;letter-spacing:.02em;color:var(--ii-faint)}.ingredient-card__benefit{margin:0;font-size:13px;font-weight:600;line-height:1.45;color:var(--ii-text)}.ingredient-card__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1)}.ingredient-card.is-open .ingredient-card__more{grid-template-rows:1fr}.ingredient-card__more-inner{overflow:hidden;min-height:0;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .45s}.ingredient-card.is-open .ingredient-card__more-inner{visibility:visible;opacity:1;transition:opacity .4s ease .1s,visibility 0s linear 0s}.ingredient-card__science{padding:0 16px 18px;font-size:12px;line-height:1.65;color:var(--ii-muted)}.ingredient-card__science p{margin:0 0 .7em}.ingredient-card__science p:last-child{margin-bottom:0}.ingredient-card__science a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ingredient-index__controls{display:none;align-items:center;justify-content:center;gap:14px;margin-top:28px}.ingredient-index__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:0;color:var(--ii-text);cursor:pointer;transition:opacity .25s ease;-webkit-appearance:none;appearance:none}.ingredient-index__arrow svg{width:20px;height:20px}.ingredient-index__arrow[disabled]{opacity:.25;cursor:default}.ingredient-index__arrow:focus-visible{outline:2px solid var(--ii-foil-1);outline-offset:2px}.ingredient-index__dots{display:flex;align-items:center;gap:8px}.ingredient-index__dot{width:8px;height:8px;padding:0;background:none;border:1px solid var(--ii-faint);border-radius:50%;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;-webkit-appearance:none;appearance:none}.ingredient-index__dot[aria-selected=true]{background-color:var(--ii-text);border-color:var(--ii-text)}.ingredient-index__dot:focus-visible{outline:2px solid var(--ii-foil-1);outline-offset:3px}@media only screen and (max-width:768px){.ingredient-index__column{display:contents}.ingredient-index__track{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--ii-gutter) * -1);padding-inline:var(--ii-gutter);scroll-padding-left:var(--ii-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.ingredient-index__track::-webkit-scrollbar{display:none}.ingredient-card{flex:0 0 auto;width:82%;max-width:340px;scroll-snap-align:start}.ingredient-index.is-carousel .ingredient-index__controls{display:flex}}.ingredient-index.is-armed [data-ii-reveal-item]{opacity:0;transform:translateY(18px)}.ingredient-index.is-armed.is-css-reveal [data-ii-reveal-item]{transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--ii-reveal-delay, 0ms)}.ingredient-index.is-armed.is-css-reveal [data-ii-reveal-item].is-in{opacity:1;transform:none}.no-js .ingredient-card__more{grid-template-rows:1fr}.no-js .ingredient-card__more-inner{visibility:visible;opacity:1}.no-js .ingredient-card__chevron,.no-js .ingredient-index__controls{display:none}@media(prefers-reduced-motion:reduce){.ingredient-card,.ingredient-card:before,.ingredient-card__chevron,.ingredient-card__more,.ingredient-card__more-inner,.ingredient-index.is-armed.is-css-reveal [data-ii-reveal-item]{transition-duration:.01ms!important}.ingredient-card:hover:after{animation:none}.ingredient-index__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ingredient-index.css.map */