.sn-pdp-molecule-ingredients{background-color:var(--sn-color-bg-page);padding:var(--sn-section-block-mobile) 0;--sn-pdp-molecule-ingredients-gutter: max(var(--sn-page-margin), calc((100% - var(--sn-content-max)) / 2))}@media(min-width:1024px){.sn-pdp-molecule-ingredients{padding:var(--sn-section-block) 0}}.sn-pdp-molecule-ingredients__container{padding-inline:var(--sn-pdp-molecule-ingredients-gutter)}.sn-pdp-molecule-ingredients__header{display:flex;flex-direction:column;gap:var(--sn-space-lg);margin:0 0 var(--sn-space-2xl) 0}@media(min-width:1024px){.sn-pdp-molecule-ingredients__header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--sn-space-2xl)}.sn-pdp-molecule-ingredients__header-right{flex:1 1 0%;max-width:var(--sn-measure)}}.sn-pdp-molecule-ingredients__eyebrow{margin:0 0 var(--sn-gap-eyebrow-heading) 0}.sn-pdp-molecule-ingredients__heading{margin:0}.sn-pdp-molecule-ingredients__supporting{font-family:var(--sn-font-body);font-size:var(--sn-type-body-size);line-height:var(--sn-type-body-line);color:var(--sn-color-text-secondary);margin:0}.sn-pdp-molecule-ingredients__row{display:flex;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sn-space-lg);padding-inline:var(--sn-pdp-molecule-ingredients-gutter);padding-bottom:var(--sn-space-sm);scroll-padding-inline:var(--sn-pdp-molecule-ingredients-gutter);scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.sn-pdp-molecule-ingredients__row::-webkit-scrollbar{display:none}.sn-pdp-molecule-ingredients__row:focus-visible{outline:2px solid var(--sn-color-border-focus);outline-offset:2px}.sn-pdp-molecule-ingredients__row--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.sn-pdp-molecule-ingredients__wrapper{position:relative}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.sn-pdp-molecule-ingredients__sticky{overflow:hidden}.sn-pdp-molecule-ingredients__row{overflow:visible;padding-bottom:0}}@media(min-width:1024px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.sn-pdp-molecule-ingredients__sticky{position:sticky;top:calc(var(--header-height, 0px) + var(--sn-space-lg))}}.sn-pdp-molecule-ingredients__card{flex:none;width:230px;scroll-snap-align:start;box-sizing:border-box;background-color:var(--sn-color-bg-warm);border:1px solid var(--sn-color-border-default);border-radius:var(--sn-radius);padding:var(--sn-space-lg);text-align:center;display:flex;flex-direction:column}@media(min-width:1024px){.sn-pdp-molecule-ingredients__card{width:325px}}.sn-pdp-molecule-ingredients__name{font-family:var(--sn-font-heading);font-weight:var(--sn-type-h6-weight);font-size:var(--sn-type-h4-size-mobile);line-height:var(--sn-type-h4-line);color:var(--sn-color-text-primary);text-transform:lowercase;margin:0 0 var(--sn-space-2xs) 0}.sn-pdp-molecule-ingredients__dose{font-family:var(--sn-font-body);font-size:var(--sn-type-body-sm-size);line-height:var(--sn-type-body-sm-line);color:var(--sn-color-text-secondary);margin:0 0 var(--sn-space-lg) 0}.sn-pdp-molecule-ingredients__diagram{width:100%;height:calc(var(--sn-space-5xl) * 2 + var(--sn-space-2xl));flex:1 0 auto;display:flex;align-items:center;justify-content:center;margin:0 0 var(--sn-space-md) 0;perspective:900px}.sn-pdp-molecule-ingredients__diagram svg{display:block;max-width:100%;max-height:100%}.sn-pdp-molecule-ingredients__diagram-pending{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed var(--sn-color-border-strong);border-radius:var(--sn-radius);color:var(--sn-color-text-muted);font-family:var(--sn-font-body);font-size:var(--sn-type-body-sm-size)}.sn-pdp-molecule-ingredients__divider{border:none;border-top:1px solid var(--sn-color-border-default);margin:var(--sn-space-md) 0}.sn-pdp-molecule-ingredients__form-label{margin:0 0 var(--sn-space-2xs) 0}.sn-pdp-molecule-ingredients__form-note{font-family:var(--sn-font-body);font-size:var(--sn-type-body-sm-size);line-height:var(--sn-type-body-sm-line);color:var(--sn-color-text-secondary);margin:0;min-height:var(--sn-space-2xl)}.sn-pdp-molecule-ingredients__empty{font-family:var(--sn-font-body);font-size:var(--sn-type-body-size);line-height:var(--sn-type-body-line);color:var(--sn-color-text-muted);margin:0}.sn-molecule-diagram__rig{transform-origin:center;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.sn-pdp-molecule-ingredients__card:hover .sn-molecule-diagram__rig{transform:rotateX(14deg) rotateY(360deg)}@media(prefers-reduced-motion:reduce){.sn-molecule-diagram__rig{transition:none}.sn-pdp-molecule-ingredients__card:hover .sn-molecule-diagram__rig{transform:rotateX(14deg) rotateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-sn-pdp-molecule-ingredients.css.map */