.ae-ingredient-fan{--ae-if-pt: var(--ae-if-pt-mobile, 56px);--ae-if-pb: var(--ae-if-pb-mobile, 56px);--ae-if-bg: var(--ae-if-section-bg, var(--color-background, #fffcf7));--ae-if-text-color: var(--ae-if-text, var(--color-text, #004539));--ae-if-card-bg-active: var(--ae-if-active-bg, var(--color-primary, #004539));--ae-if-card-text-active: var(--ae-if-active-text, var(--color-background, #fffcf7));--ae-if-arrow-bg-color: var(--ae-if-arrow-bg, var(--color-primary, #004539));--ae-if-arrow-icon-color: var(--ae-if-arrow-icon, var(--color-background, #fffcf7));--ae-if-progress-track-color: var(--ae-if-progress-track, #d7dfdc);--ae-if-progress-fill-color: var(--ae-if-progress-fill, #004539);--ae-if-radius: var(--ae-if-card-radius, 24px);--ae-if-card-w: 310px;--ae-if-card-h: 412px;--ae-if-step-x: 330px;--ae-if-y-curve: 10.89;--ae-if-stage-h: 460px;position:relative;padding-top:var(--ae-if-pt);padding-bottom:var(--ae-if-pb);background:var(--ae-if-bg);color:var(--ae-if-text-color);overflow:hidden}.ae-ingredient-fan__inner{width:100%;max-width:var(--page-width, 1296px);margin:0 auto;padding:0 var(--page-margin, 20px)}.ae-ingredient-fan__intro{max-width:900px;margin:0 auto 32px;text-align:center}.ae-ingredient-fan__heading{margin:0 0 12px;color:var(--ae-if-text-color);font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.05;letter-spacing:-.1px;text-wrap:balance}.ae-ingredient-fan__subheading{margin:0;color:var(--ae-if-text-color);font-family:var(--body-font);font-size:clamp(1rem,.94rem + .3vw,1.125rem);line-height:1.4;letter-spacing:-.01em;opacity:.85;text-wrap:balance}.ae-ingredient-fan__stage{position:relative;height:var(--ae-if-stage-h);margin:0 calc(var(--page-margin, 20px) * -1);overflow-x:clip;overflow-y:visible;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ae-ingredient-fan__stage.is-dragging{cursor:grabbing}.ae-ingredient-fan__track{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ae-ingredient-fan__card{position:absolute;top:0;left:50%;width:var(--ae-if-card-w);height:var(--ae-if-card-h);margin:0;padding:0;border:0;border-radius:var(--ae-if-radius);background:transparent;cursor:pointer;overflow:hidden;pointer-events:auto;text-align:left;transform:translate(-50%);will-change:transform;transition:transform .45s cubic-bezier(.4,0,.2,1);font:inherit;color:inherit}.ae-ingredient-fan__card:focus-visible{outline:2px solid var(--ae-if-text-color);outline-offset:2px}.ae-ingredient-fan__stage.is-dragging .ae-ingredient-fan__card{transition:none}.ae-ingredient-fan__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ae-if-radius);overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.ae-ingredient-fan__face--collapsed{opacity:1}.ae-ingredient-fan__face--expanded{display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--ae-if-card-bg-active);color:var(--ae-if-card-text-active);opacity:0;pointer-events:none}.ae-ingredient-fan__card.is-active .ae-ingredient-fan__face--collapsed{opacity:0}.ae-ingredient-fan__card.is-active .ae-ingredient-fan__face--expanded{opacity:1;pointer-events:auto}.ae-ingredient-fan__image,.ae-ingredient-fan__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ae-ingredient-fan__image-placeholder{background:color-mix(in srgb,var(--ae-if-text-color) 8%,transparent)}.ae-ingredient-fan__gradient{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.ae-ingredient-fan__face--collapsed .ae-ingredient-fan__name{position:absolute;bottom:20px;left:20px;right:20px;margin:0;color:var(--color-background, #fffcf7);font-family:var(--heading-font);font-weight:var(--heading-weight, 600);font-size:22px;line-height:1.1;letter-spacing:-.1px;text-wrap:balance}.ae-ingredient-fan__name--expanded{margin:0;color:var(--ae-if-card-text-active);font-family:var(--heading-font);font-weight:var(--heading-weight, 600);font-size:22px;line-height:1.1;letter-spacing:-.1px;text-wrap:balance}.ae-ingredient-fan__thumb{width:72px;height:72px;border-radius:12px;overflow:hidden}.ae-ingredient-fan__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ae-ingredient-fan__description{margin:0;color:var(--ae-if-card-text-active);font-family:var(--body-font);font-size:14px;line-height:1.45;letter-spacing:-.01em;opacity:.92}.ae-ingredient-fan__controls{margin:32px auto 0;width:min(1200px,calc(100vw - (var(--page-margin, 20px) * 2)));display:flex;align-items:center;justify-content:center;gap:16px}.ae-ingredient-fan__progress{position:relative;width:100%;flex:1 1 auto;height:6px;background:var(--ae-if-progress-track-color);border-radius:64px;overflow:hidden}.ae-ingredient-fan__progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:64px;background:var(--ae-if-progress-fill-color);transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ease-default, ease);will-change:transform}.ae-ingredient-fan__arrow{display:none;width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:var(--ae-if-arrow-bg-color);color:var(--ae-if-arrow-icon-color);line-height:1;cursor:pointer;transition:opacity var(--duration-fast, .18s) var(--ease-default, ease),background-color var(--duration-fast, .18s) var(--ease-default, ease),color var(--duration-fast, .18s) var(--ease-default, ease)}.ae-ingredient-fan__arrow:disabled{opacity:.35;cursor:not-allowed}.ae-ingredient-fan__arrow svg{display:block;width:20px;height:20px}.ae-ingredient-fan__actions{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;margin-top:40px}.ae-ingredient-fan__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:320px;min-height:48px;padding:8px 8px 8px 24px;border:1px solid transparent;border-radius:999px;font-family:var(--body-font);font-size:15px;font-weight:600;line-height:1.1;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast, .18s) var(--ease-default, ease),color var(--duration-fast, .18s) var(--ease-default, ease)}.ae-ingredient-fan__cta--primary{background:var(--ae-if-card-bg-active);color:var(--ae-if-card-text-active)}.ae-ingredient-fan__cta--primary:hover,.ae-ingredient-fan__cta--primary:focus-visible{background:color-mix(in srgb,var(--ae-if-card-bg-active) 88%,black)}.ae-ingredient-fan__cta--secondary{background:var(--ae-if-bg);color:var(--ae-if-text-color);border-color:color-mix(in srgb,var(--ae-if-text-color) 18%,transparent)}.ae-ingredient-fan__cta--secondary:hover,.ae-ingredient-fan__cta--secondary:focus-visible{background:color-mix(in srgb,var(--ae-if-text-color) 6%,var(--ae-if-bg))}.ae-ingredient-fan__cta-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:999px}.ae-ingredient-fan__cta--primary .ae-ingredient-fan__cta-icon{background:var(--ae-if-card-text-active);color:var(--ae-if-card-bg-active)}.ae-ingredient-fan__cta--secondary .ae-ingredient-fan__cta-icon{background:var(--ae-if-card-bg-active);color:var(--ae-if-card-text-active)}.ae-ingredient-fan__empty{margin:0;text-align:center;color:var(--ae-if-text-color);font-size:16px}@media(min-width:768px){.ae-ingredient-fan{--ae-if-pt: var(--ae-if-pt-desktop, 80px);--ae-if-pb: var(--ae-if-pb-desktop, 80px)}.ae-ingredient-fan__intro{margin-bottom:40px}.ae-ingredient-fan__actions{flex-direction:row;margin-top:48px}.ae-ingredient-fan__cta{width:auto}}@media(min-width:990px){.ae-ingredient-fan__face--expanded{padding:24px}.ae-ingredient-fan__description{font-size:15px}.ae-ingredient-fan__controls{margin-top:40px;gap:24px}.ae-ingredient-fan__arrow{display:inline-flex}.ae-ingredient-fan__arrow--prev{margin-right:auto}.ae-ingredient-fan__arrow--next{margin-left:auto}.ae-ingredient-fan__progress{max-width:350px}}@media(prefers-reduced-motion:reduce){.ae-ingredient-fan__card,.ae-ingredient-fan__face,.ae-ingredient-fan__progress-bar{transition:none!important}}.ae-ingredient-fan--image-only .ae-ingredient-fan__face--expanded{display:none}.ae-ingredient-fan--image-only .ae-ingredient-fan__card.is-active .ae-ingredient-fan__face--collapsed{opacity:1}.ae-ingredient-fan--image-only .ae-ingredient-fan__name,.ae-ingredient-fan--image-only .ae-ingredient-fan__gradient{display:none}
/*# sourceMappingURL=/cdn/shop/t/102/assets/ae-ingredient-fan.css.map */