.ingredient-slideshow{--ingredient-section-background: var(--color-canvas);--ingredient-section-text: var(--color-text);--ingredient-control-color: var(--color-ink);--ingredient-card-width: clamp(310px, 29.5vw, 610px);--ingredient-card-gap: clamp(16px, 1.5vw, 30px);overflow:hidden;padding:var(--ingredient-padding-top, 96px) 0 var(--ingredient-padding-bottom, 104px);color:var(--ingredient-section-text);background:var(--ingredient-section-background)}.ingredient-slideshow__header{display:grid;grid-template-columns:minmax(160px,.38fr) minmax(0,1.12fr) minmax(220px,.5fr);gap:clamp(24px,4vw,72px);align-items:end;width:min(var(--layout-wide),calc(100% - var(--layout-gutter) - var(--layout-gutter)));margin:0 auto clamp(48px,6vw,96px)}.ingredient-slideshow__eyebrow{align-self:start;margin:0;padding-top:.45em;font-family:var(--font-family-label);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label-wide);line-height:var(--line-height-compact);text-transform:uppercase}.ingredient-slideshow__heading{max-width:11ch;margin:0;font-size:clamp(46px,5.4vw,92px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-display);line-height:.94}.ingredient-slideshow__intro{max-width:38ch;font-size:clamp(15px,1.15vw,18px);line-height:var(--line-height-body)}.ingredient-slideshow__intro>:first-child{margin-top:0}.ingredient-slideshow__intro>:last-child{margin-bottom:0}.ingredient-slideshow__stage{position:relative}.ingredient-slideshow__viewport{overflow-x:auto;overflow-y:hidden;width:100%;outline:none;scroll-padding-inline:var(--layout-gutter);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ingredient-slideshow.is-enhanced .ingredient-slideshow__viewport{scrollbar-width:none}.ingredient-slideshow.is-enhanced .ingredient-slideshow__viewport::-webkit-scrollbar{display:none}.ingredient-slideshow__viewport:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-width) * -1)}.ingredient-slideshow__track{display:flex;gap:var(--ingredient-card-gap);width:max-content;margin:0;padding-block:0;padding-inline:var(--layout-gutter) max(var(--layout-gutter),calc(100vw - var(--ingredient-card-width) - var(--layout-gutter)));list-style:none}.ingredient-slideshow__slide{flex:0 0 var(--ingredient-card-width);min-width:0;scroll-snap-align:start}.ingredient-card{--ingredient-card-text: var(--color-white);position:relative;overflow:hidden;width:100%;aspect-ratio:3 / 4;color:var(--ingredient-card-text);border:var(--border-width) solid rgb(17 17 17 / .12);border-radius:clamp(18px,1.35vw,28px);background:#f4f4f1;box-shadow:0 16px 36px #11111112;isolation:isolate}.ingredient-card__media,.ingredient-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ingredient-card__media{background:#f7f7f4}.ingredient-card__image{display:block;object-fit:cover;transition:transform var(--duration-slow) var(--ease-emphasized)}.ingredient-card__placeholder{color:#aaa;background:#eeeeea}.ingredient-card__index{position:absolute;z-index:2;top:clamp(18px,1.55vw,30px);left:clamp(18px,1.55vw,30px);padding:9px 15px 8px;color:var(--color-ink);border:var(--border-width) solid rgb(17 17 17 / .14);border-radius:var(--radius-full);background:#ffffffde;box-shadow:0 5px 18px #1111110d;font-family:var(--font-family-label);font-size:clamp(10px,.68vw,13px);letter-spacing:.12em;line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ingredient-card__content{position:absolute;z-index:1;right:0;bottom:0;left:0;display:flex;min-height:38%;flex-direction:column;justify-content:flex-end;padding:clamp(72px,6vw,118px) clamp(22px,2vw,40px) clamp(24px,2.1vw,42px);background:linear-gradient(to bottom,var(--ingredient-card-overlay-transparent) 0,var(--ingredient-card-overlay-soft) 28%,var(--ingredient-card-overlay) 48%,var(--ingredient-card-overlay) 100%)}@supports (backdrop-filter: blur(1px)){.ingredient-card__content{-webkit-backdrop-filter:blur(10px) saturate(.9);backdrop-filter:blur(10px) saturate(.9)}}.ingredient-card__heading-row{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}.ingredient-card__heading-row h3{margin:0;font-size:clamp(25px,1.8vw,38px);font-weight:var(--font-weight-bold);letter-spacing:-.035em;line-height:1.02;overflow-wrap:anywhere}.ingredient-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ingredient-card__tags li{padding:6px 12px 5px;border:var(--border-width) solid currentColor;border-radius:var(--radius-full);font-family:var(--font-family-label);font-size:clamp(9px,.6vw,12px);letter-spacing:.11em;line-height:1;white-space:nowrap;opacity:.82}.ingredient-card__description{max-width:39ch;margin:clamp(14px,1.4vw,24px) 0 0;font-size:clamp(15px,1.13vw,22px);line-height:1.44;opacity:.9}.ingredient-slideshow__control{position:absolute;z-index:4;top:50%;display:none;width:clamp(54px,4.2vw,76px);height:clamp(54px,4.2vw,76px);padding:0;place-items:center;color:var(--ingredient-control-color);border:var(--border-width) solid rgb(17 17 17 / .13);border-radius:50%;background:#fffffff5;box-shadow:0 12px 32px #1111111f;transform:translateY(-50%);transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ingredient-slideshow.is-enhanced .ingredient-slideshow__control{display:grid}.ingredient-slideshow__control--previous{left:clamp(12px,2.4vw,48px)}.ingredient-slideshow__control--next{right:clamp(12px,2.4vw,48px)}html[dir=rtl] .ingredient-slideshow__control--previous{right:clamp(12px,2.4vw,48px);left:auto}html[dir=rtl] .ingredient-slideshow__control--next{right:auto;left:clamp(12px,2.4vw,48px)}html[dir=rtl] .ingredient-slideshow__control svg{transform:rotate(180deg)}.ingredient-slideshow__control svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.ingredient-slideshow__control:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-white);background:var(--ingredient-control-color);transform:translateY(-50%) scale(1.04)}.ingredient-slideshow__control:disabled,.ingredient-slideshow__control[aria-disabled=true]{cursor:default;opacity:.38}.ingredient-slideshow__slide.is-active .ingredient-card__image,.ingredient-slideshow__slide:hover .ingredient-card__image{transform:scale(1.018)}.ingredient-slideshow__empty{width:min(var(--layout-content),calc(100% - var(--layout-gutter) - var(--layout-gutter)));margin:0 auto;padding:var(--space-12);border:var(--border-width) dashed currentColor;text-align:center;opacity:.55}.ingredient-slideshow__empty p{margin:0}@media(max-width:1100px){.ingredient-slideshow__header{grid-template-columns:minmax(145px,.35fr) minmax(0,1fr)}.ingredient-slideshow__intro{grid-column:2;max-width:48ch}}@media(max-width:989px){.ingredient-slideshow__control--previous{left:var(--space-3)}.ingredient-slideshow__control--next{right:var(--space-3)}}@media(max-width:749px){.ingredient-slideshow{--ingredient-card-width: min( calc(100vw - 48px) , 430px);--ingredient-card-gap: var(--space-3);padding-top:clamp(48px,var(--ingredient-padding-top, 96px),72px);padding-bottom:clamp(56px,var(--ingredient-padding-bottom, 104px),76px)}.ingredient-slideshow__header{grid-template-columns:1fr;gap:var(--space-5);width:calc(100% - 40px);margin-bottom:var(--space-10)}.ingredient-slideshow__eyebrow{padding-top:0}.ingredient-slideshow__heading{max-width:10ch;font-size:clamp(42px,13vw,66px)}.ingredient-slideshow__intro{grid-column:auto;max-width:34ch}.ingredient-card{border-radius:20px}.ingredient-card__content{min-height:41%;padding:68px 22px 25px}.ingredient-card__heading-row h3{font-size:clamp(26px,8vw,34px)}.ingredient-card__description{font-size:15px}.ingredient-slideshow__control{top:48%;width:52px;height:52px}.ingredient-slideshow__control--previous{left:7px}.ingredient-slideshow__control--next{right:7px}html[dir=rtl] .ingredient-slideshow__control--previous{right:7px;left:auto}html[dir=rtl] .ingredient-slideshow__control--next{right:auto;left:7px}}@media(min-width:500px)and (max-width:1100px){.ingredient-slideshow{--ingredient-card-width: clamp(325px, calc(517.5px - 17.5vw) , 430px)}}@media(max-width:380px){.ingredient-slideshow{--ingredient-card-width: calc(100vw - 32px) }.ingredient-slideshow__control{width:46px;height:46px}.ingredient-card__content{padding-inline:18px}}@media(prefers-reduced-motion:reduce){.ingredient-card__image,.ingredient-slideshow__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ingredient-slideshow.css.map */