.section-ingredients .ingredients{--ing-right: var(--ing-left);--ing-left: calc(100vw - 100cqw) ;padding-inline-start:var(--section-inline-start);padding-inline-end:0}.section-ingredients .ingredients.padInner{--ing-right: 0px;--ing-left: calc((100vw - 100cqw)/2) ;padding-inline-end:var(--section-inline-end)}@media screen and (min-width:1025px){.section-ingredients .ingredients.cardFit{--ing-right: 0px;padding-inline-end:var(--section-inline-end)}.section-ingredients .ingredients.cardFit>.contWrap>.content>ul{--card-w: calc((100cqw - var(--card-gap) * 2) / 3)}}.section-ingredients .ingredients>.contWrap>.chapter{z-index:1}.section-ingredients .ingredients>.contWrap>.content{container-type:inline-size;min-width:0}.section-ingredients .ingredients>.contWrap>.content>ul{--fade: 3rem;display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-w, 29em);gap:var(--card-gap, 4em);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline-start:var(--ing-left);list-style:none;margin:0;margin-inline-start:calc(var(--ing-left) * -1);padding:0 var(--ing-right, var(--gutter2)) 0 var(--ing-left);scrollbar-width:none}.section-ingredients .ingredients>.contWrap>.content>ul::-webkit-scrollbar{display:none}.section-ingredients .ingredients>.contWrap>.content>ul.cardMd{--card-w: 23em}.section-ingredients .ingredients>.contWrap>.content>ul.cardSm{--card-w: 17em}.section-ingredients .ingredients>.contWrap>.content>ul[data-fade=both]{mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}.section-ingredients .ingredients>.contWrap>.content>ul[data-fade=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--fade));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade))}.section-ingredients .ingredients>.contWrap>.content>ul[data-fade=end]{mask-image:linear-gradient(to left,transparent 0,#000 var(--fade));-webkit-mask-image:linear-gradient(to left,transparent 0,#000 var(--fade))}.section-ingredients .ingredients>.contWrap>.content>ul.cardStyle>li{--card-pad: 1em;--card-radius: calc(var(--common-radius) + var(--card-pad));padding:var(--card-pad);border-radius:var(--card-radius);background:#fff}.section-ingredients .ingredients>.contWrap>.content>ul.cardStyle>li>figure{overflow:hidden;border-radius:max(0px,calc(var(--card-radius) - var(--card-pad)))}.section-ingredients .ingredients>.contWrap>.content>ul>li{scroll-snap-align:start;margin:0}.section-ingredients .ingredients>.contWrap>.content>ul>li>*{margin:0}.section-ingredients .ingredients>.contWrap>.content>ul>li .rte p{line-height:var(--lh175)}.section-ingredients .ingredients>.contWrap>.content>ul>li figure{margin:0}.section-ingredients .ingredients>.contWrap>.content>ul>li figure>img,.section-ingredients .ingredients>.contWrap>.content>ul>li figure>content-media{width:100%;height:auto}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioSquare{aspect-ratio:1}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioWide{aspect-ratio:var(--ratioWide)}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioTall{aspect-ratio:var(--ratioTall)}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioPortrait{aspect-ratio:var(--ratioPortrait)}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioLandscape{aspect-ratio:var(--ratioLandscape)}:is(.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioSquare,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioWide,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioTall,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioPortrait,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioLandscape)>img,:is(.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioSquare,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioWide,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioTall,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioPortrait,.section-ingredients .ingredients>.contWrap>.content>ul>li figure.ratioLandscape)>content-media{height:100%;aspect-ratio:auto;object-fit:cover}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.decoBorder{border:1px solid rgba(var(--color-foreground),.2)}.section-ingredients .ingredients>.contWrap>.content>ul>li figure.decoShadow{box-shadow:0 0 1em rgba(var(--color-foreground),.2)}.section-ingredients .ingredients>.contWrap>.content>ul>li .subtitle{margin:1.25em 0 0;line-height:var(--lh100);padding:.5em;border:1px solid;display:inline-block;border-radius:var(--check-radius)}.section-ingredients .ingredients>.contWrap>.content>ul>li .subtitle+h3{margin-top:.5em}.section-ingredients .ingredients>.contWrap>.content>ul>li h3{font-size:1.6em;margin:1.25em 0 0}.section-ingredients .ingredients>.contWrap>.content>ul>li h3+.cardBody{margin-top:.75em;max-height:8em}.section-ingredients .ingredients>.contWrap>.content>ul>li h3+.cardBody>.rte{opacity:.75}.section-ingredients .ingredients>.contWrap>.content>ul>li h3+.cardBody>.rte p+p{margin-top:.5em}.section-ingredients .ingredients>.contWrap>.content>ul>li h3+.cardBody>.noteList{margin-top:1em}.cardModal{--modal-col-fit: calc(100vw - var(--gutter) * 2 - 6rem)}.cardModal>div[role=dialog]>.swiper{width:100%;overflow:hidden}.cardModal>div[role=dialog]>.swiper>.swiper-wrapper>.swiper-slide{display:grid;place-content:center;height:auto}.cardModal>div[role=dialog] .scrollWrap>*{margin:0}.cardModal>div[role=dialog] .scrollWrap figure{margin-bottom:1.5em;background:#fff;border-radius:var(--common-radius);box-shadow:0 0 1em rgba(var(--color-foreground),.2);padding:var(--gutter)}.cardModal>div[role=dialog] .scrollWrap figure img{width:100%;max-height:45dvh;object-fit:contain}.cardModal>div[role=dialog] .scrollWrap .subtitle{line-height:var(--lh100)}.cardModal>div[role=dialog] .scrollWrap .subtitle+:is(h3,.slideTitle){margin-top:.5em}.cardModal>div[role=dialog] .scrollWrap :is(h3,.slideTitle)+.rte{margin-top:.75em}.cardModal>div[role=dialog] .scrollWrap :is(h3,.slideTitle)+.rte p+p{margin-top:.5em}.cardModal>div[role=dialog] .scrollWrap .noteList{margin-top:1em;flex-direction:column}@media screen and (max-width:749px){.section-ingredients .ingredients>.contWrap>.content>ul{grid-auto-columns:80%;gap:1.5em}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-ingredients.css.map */