.bsp-ingredients{--bsp-ingredients-visual-width: 522px;--bsp-ingredients-col-gap: 19px;--bsp-ingredients-radius: 10px;--bsp-ingredients-slide-gap: 20px;--bsp-ingredients-card-space: 20px;--bsp-ingredients-rule: 2px;--bsp-ingredients-card-pad: 4px 0 4px 20px;--bsp-ingredients-card-title-size: 18px;--bsp-ingredients-card-title-leading: 24px;--bsp-ingredients-text-gap: 4px;--bsp-ingredients-pill: 24px;--bsp-ingredients-pill-current: 45px;--bsp-ingredients-pill-height: 11px;--bsp-ingredients-pill-gap: 8px;--bsp-ingredients-item-gap: 36px;--bsp-ingredients-title-size: 24px;--bsp-ingredients-title-leading: 32px;--bsp-ingredients-dot: 14px;--bsp-ingredients-col-inner: 22px;--bsp-ingredients-name-col: 338px;--bsp-ingredients-text-col: 480px;--bsp-ingredients-guide-height: 40px;--bsp-ingredients-guide-pad: 0 16px;--bsp-ingredients-guide-border: 1px}.bsp-ingredients__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bsp-stack-heading)}bsp-ingredients,.bsp-ingredients__stage{display:block;min-width:0}.bsp-ingredients__heading{margin:0}.bsp-ingredients__media{overflow:hidden;border-radius:var(--bsp-ingredients-radius);background:var(--bsp-color-surface-tint)}.bsp-ingredients__image{display:block;width:100%;height:auto}@media(max-width:1024px){.bsp-ingredients__list{display:none}.bsp-ingredients__stage.swiper{overflow:hidden}.bsp-ingredients__stage .swiper-wrapper{display:flex}.bsp-ingredients__stage .bsp-ingredients__slide{display:flex;flex-direction:column;flex:0 0 100%;width:100%;height:auto}.bsp-ingredients__stage:not(.swiper-initialized){overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bsp-ingredients__stage:not(.swiper-initialized) .swiper-wrapper{gap:var(--bsp-ingredients-slide-gap)}.bsp-ingredients__stage:not(.swiper-initialized) .bsp-ingredients__slide{scroll-snap-align:start}.bsp-ingredients__card{flex:1 1 auto;margin-block-start:var(--bsp-ingredients-card-space);padding:var(--bsp-ingredients-card-pad);border-inline-start:var(--bsp-ingredients-rule) solid var(--bsp-color-brand)}.bsp-ingredients__card-title{margin:0;color:var(--bsp-color-brand);font-size:var(--bsp-ingredients-card-title-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-ingredients-card-title-leading)}.bsp-ingredients__card-text{margin:var(--bsp-ingredients-text-gap) 0 0;color:var(--bsp-color-text-secondary);font-size:var(--bsp-type-body-sm-size);line-height:var(--bsp-type-body-sm-leading)}.bsp-ingredients__pills{display:flex;justify-content:center;gap:var(--bsp-ingredients-pill-gap);margin-block-start:var(--bsp-ingredients-card-space)}.bsp-ingredients__pill{width:var(--bsp-ingredients-pill);height:var(--bsp-ingredients-pill-height);border-radius:var(--bsp-radius-pill);background:var(--bsp-color-indicator-faint);transition:width var(--bsp-transition-carousel),background-color var(--bsp-transition-carousel)}.bsp-ingredients__pill.is-current{width:var(--bsp-ingredients-pill-current);background:var(--bsp-color-indicator-current)}}@media(min-width:1025px){.bsp-ingredients{--bsp-ingredients-item-pad: 18px 24px 20px 20px;--bsp-ingredients-item-gap: 8px;--bsp-ingredients-item-radius: 14px;--bsp-ingredients-open-bg: linear-gradient(180deg, var(--bsp-color-surface) 0%, var(--bsp-color-surface-band) 100%);--bsp-ingredients-open-shadow: 0 10px 28px rgb(18 114 59 / .08);--bsp-ingredients-hover-shadow: 0 6px 18px rgb(0 0 0 / .05);--bsp-ingredients-accent: 3px;--bsp-ingredients-accent-inset: 18px;--bsp-ingredients-dot-halo: 0 0 0 5px rgb(18 114 59 / .12);--bsp-ingredients-progress: 2px;--bsp-ingredients-frame-radius: 18px;--bsp-ingredients-frame-ratio: 1.7;--bsp-ingredients-settle: 1.04;--bsp-ingredients-count-pad: 4px 10px;--bsp-ingredients-count-bg: rgb(255 255 255 / .86);--bsp-ingredients-count-inset: 14px;--bsp-ingredients-text-measure: 52ch;--bsp-ingredients-count-blur: 6px;--bsp-ingredients-hover-lift: -1px}.bsp-ingredients__inner{grid-template-columns:minmax(0,1fr) var(--bsp-ingredients-visual-width);grid-template-areas:"heading stage" "list stage";grid-template-rows:auto 1fr;column-gap:var(--bsp-space-xl)}bsp-ingredients.bsp-ingredients__body{display:contents}.bsp-ingredients__heading{grid-area:heading}.bsp-ingredients__list{grid-area:list;align-self:center}.bsp-ingredients__pills,.bsp-ingredients__card{display:none}.bsp-ingredients__stage{grid-area:stage;align-self:start;overflow:hidden;border-radius:var(--bsp-ingredients-frame-radius);background:var(--bsp-color-surface-tint);box-shadow:var(--bsp-shadow-md)}.bsp-ingredients__stage .swiper-wrapper{display:grid;aspect-ratio:var(--bsp-ingredients-frame-ratio)}.bsp-ingredients__stage .bsp-ingredients__slide{grid-area:1 / 1;width:100%;opacity:0;visibility:hidden;scale:var(--bsp-ingredients-settle);transition:opacity var(--bsp-transition-carousel),scale var(--bsp-transition-carousel),visibility 0s linear var(--bsp-duration-carousel)}.bsp-ingredients__stage .bsp-ingredients__slide.is-active{opacity:1;visibility:visible;scale:1;transition:opacity var(--bsp-transition-carousel),scale var(--bsp-transition-carousel),visibility 0s}.bsp-ingredients__stage .bsp-ingredients__media{position:relative;height:100%;border-radius:0}.bsp-ingredients__stage .bsp-ingredients__image{height:100%;object-fit:cover}.bsp-ingredients__count{position:absolute;inset-block-start:var(--bsp-ingredients-count-inset);inset-inline-start:var(--bsp-ingredients-count-inset);z-index:var(--bsp-z-base);padding:var(--bsp-ingredients-count-pad);border-radius:var(--bsp-radius-pill);background:var(--bsp-ingredients-count-bg);color:var(--bsp-color-text-strong);font-size:var(--bsp-type-caption-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-type-caption-leading);letter-spacing:var(--bsp-tracking-label);-webkit-backdrop-filter:blur(var(--bsp-ingredients-count-blur));backdrop-filter:blur(var(--bsp-ingredients-count-blur))}.bsp-ingredients__list{display:flex;flex-direction:column;gap:var(--bsp-ingredients-item-gap)}.bsp-ingredients__item{position:relative;display:grid;grid-template-columns:var(--bsp-ingredients-dot) minmax(0,1fr);column-gap:var(--bsp-ingredients-col-inner);padding:var(--bsp-ingredients-item-pad);border-radius:var(--bsp-ingredients-item-radius);box-shadow:inset 0 0 0 var(--bsp-border-width) transparent;transition:background-color var(--bsp-transition),box-shadow var(--bsp-transition),translate var(--bsp-transition)}.bsp-ingredients__item[data-open]{background:var(--bsp-ingredients-open-bg);box-shadow:inset 0 0 0 var(--bsp-border-width) var(--bsp-color-border-sage),var(--bsp-ingredients-open-shadow)}.bsp-ingredients__item:after{content:"";position:absolute;inset-block:var(--bsp-ingredients-accent-inset);inset-inline-start:0;width:var(--bsp-ingredients-accent);border-radius:0 var(--bsp-radius-pill) var(--bsp-radius-pill) 0;background:var(--bsp-color-brand);transform:scaleY(0);transform-origin:top;transition:transform var(--bsp-transition-carousel)}.bsp-ingredients__item[data-open]:after{transform:scaleY(1)}.bsp-ingredients__item:before{content:"";grid-column:1;grid-row:1;width:var(--bsp-ingredients-dot);height:var(--bsp-ingredients-dot);margin-block-start:calc((var(--bsp-ingredients-title-leading) - var(--bsp-ingredients-dot)) / 2);border:var(--bsp-border-width) solid var(--bsp-color-border-card);border-radius:var(--bsp-radius-round);transition:background-color var(--bsp-transition),border-color var(--bsp-transition),box-shadow var(--bsp-transition)}.bsp-ingredients__item[data-open]:before{border-color:var(--bsp-color-brand);background:var(--bsp-color-brand);box-shadow:var(--bsp-ingredients-dot-halo)}.bsp-ingredients__title{grid-column:2;grid-row:1;margin:0;font-size:inherit;line-height:inherit}.bsp-ingredients__toggle{display:block;width:100%;padding:0;border:0;background:none;color:var(--bsp-color-text-secondary);font:inherit;font-size:var(--bsp-ingredients-title-size);font-weight:var(--bsp-weight-medium);line-height:var(--bsp-ingredients-title-leading);text-align:start;text-wrap:balance;cursor:pointer;transition:color var(--bsp-transition)}.bsp-ingredients__toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.bsp-ingredients__item[data-open] .bsp-ingredients__toggle{color:var(--bsp-color-brand);cursor:default}.bsp .bsp-ingredients__toggle:focus-visible{outline:none}.bsp-ingredients__item:has(.bsp-ingredients__toggle:focus-visible){outline:var(--bsp-focus-width) solid var(--bsp-color-focus);outline-offset:var(--bsp-focus-offset)}.bsp-ingredients__panel{display:grid;grid-column:2;grid-row:2;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--bsp-transition-carousel),opacity var(--bsp-transition-carousel)}.bsp-ingredients__item[data-open] .bsp-ingredients__panel,bsp-ingredients:not(:defined) .bsp-ingredients__panel{grid-template-rows:1fr;opacity:1}.bsp-ingredients__panel-inner{min-height:0;overflow:hidden}.bsp-ingredients__panel p{max-inline-size:var(--bsp-ingredients-text-measure);margin:0;padding-block-start:var(--bsp-space-2xs);color:var(--bsp-color-text-secondary);font-size:var(--bsp-type-body-sm-size);line-height:var(--bsp-type-body-sm-leading);text-wrap:pretty}.bsp-ingredients__progress{position:absolute;inset-inline:var(--bsp-ingredients-accent-inset);inset-block-end:0;height:var(--bsp-ingredients-progress);overflow:hidden;border-radius:var(--bsp-radius-pill);opacity:0;transition:opacity var(--bsp-transition)}.bsp-ingredients__progress-fill{display:block;width:100%;height:100%;background:var(--bsp-color-brand);transform:scaleX(0);transform-origin:left}bsp-ingredients.is-playing .bsp-ingredients__item[data-open] .bsp-ingredients__progress{opacity:1;background:var(--bsp-color-indicator-faint)}bsp-ingredients.is-playing .bsp-ingredients__item[data-open] .bsp-ingredients__progress-fill{animation:bsp-ingredients-progress var(--bsp-ingredients-dwell, 5s) linear forwards}bsp-ingredients.is-held .bsp-ingredients__item[data-open] .bsp-ingredients__progress-fill,bsp-ingredients.is-offscreen .bsp-ingredients__item[data-open] .bsp-ingredients__progress-fill{animation-play-state:paused}@keyframes bsp-ingredients-progress{to{transform:scaleX(1)}}}@media(min-width:1025px)and (hover:hover){.bsp-ingredients__item:not([data-open]):hover{background:var(--bsp-color-surface-band);box-shadow:inset 0 0 0 var(--bsp-border-width) transparent,var(--bsp-ingredients-hover-shadow);translate:0 var(--bsp-ingredients-hover-lift)}.bsp-ingredients__item:not([data-open]):hover .bsp-ingredients__toggle{color:var(--bsp-color-text-strong)}.bsp-ingredients__item:not([data-open]):hover:before{border-color:var(--bsp-color-brand)}}@media(max-width:1024px){.bsp-ingredients__count{display:none}}.bsp-ingredients__guides{display:grid;gap:var(--bsp-space-xs)}.bsp-ingredients__guides-label{margin:0;font-size:var(--bsp-type-body-sm-size);line-height:var(--bsp-type-body-sm-leading);font-weight:var(--bsp-weight-medium);color:var(--bsp-color-text-secondary)}.bsp-ingredients__guides-list{display:flex;flex-wrap:wrap;gap:var(--bsp-space-xs);margin:0;padding:0;list-style:none}.bsp-ingredients__guide{display:inline-flex;align-items:center;min-height:var(--bsp-ingredients-guide-height);padding:var(--bsp-ingredients-guide-pad);border:var(--bsp-ingredients-guide-border) solid var(--bsp-color-border-accent);border-radius:var(--bsp-radius-pill);font-size:var(--bsp-type-body-sm-size);line-height:var(--bsp-type-body-sm-leading);font-weight:var(--bsp-weight-medium);color:var(--bsp-color-brand-hover);text-decoration:none;transition:background-color var(--bsp-duration-fast) var(--bsp-ease-out),border-color var(--bsp-duration-fast) var(--bsp-ease-out)}.bsp-ingredients__guide:hover{background-color:var(--bsp-color-surface-tint);border-color:var(--bsp-color-brand)}.bsp-ingredients__guide:focus-visible{outline:var(--bsp-focus-width) solid var(--bsp-color-brand);outline-offset:var(--bsp-focus-offset)}@media(prefers-reduced-motion:reduce){.bsp-ingredients__guide,.bsp-ingredients__pill,.bsp-ingredients__toggle,.bsp-ingredients__item,.bsp-ingredients__item:before,.bsp-ingredients__item:after,.bsp-ingredients__panel,.bsp-ingredients__stage .bsp-ingredients__slide,.bsp-ingredients__stage .bsp-ingredients__slide.is-active{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-bsp-ingredients.css.map */