@media (prefers-reduced-motion:no-preference){.pdp-ingredients{scroll-snap-align:start;scroll-snap-stop:always}}.pdp-ingredients{background-color:var(--pdp-ingredients-slide-background,#faf9f7);display:block;height:100vh;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;transition:background-color .22s ease}.pdp-ingredients .pdp-ingredients__media,.pdp-ingredients .pdp-ingredients__media-stack{top:0;right:0;bottom:0;left:0;position:absolute}.pdp-ingredients .pdp-ingredients__media-stack{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.pdp-ingredients .pdp-ingredients__media{opacity:0;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s;visibility:hidden}.pdp-ingredients .pdp-ingredients__media.is-active{opacity:1;pointer-events:auto;transition:opacity .22s ease,visibility 0s linear;visibility:visible}.pdp-ingredients .pdp-ingredients__media .art-direction{height:100%;position:relative;width:100%}.pdp-ingredients .pdp-ingredients__wrapper{background:transparent;left:0;max-width:calc(var(--ax)*345);padding:calc(var(--header-visible-height, var(--header-height)) + var(--ax)*16) calc(var(--ax)*20) calc(var(--ax)*60);position:absolute;top:0;transition:padding-top .28s cubic-bezier(.32,.72,0,1);width:100%;z-index:2}@media only screen and (max-width:749px){.pdp-ingredients .pdp-ingredients__wrapper{max-width:100%}}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__title{color:rgb(var(--c-background));margin:0}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content{margin-top:calc(var(--ax)*30);width:100%}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons{color:rgb(var(--c-background));justify-content:space-between}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons .slider-counter{font-size:calc(var(--ax)*14);min-width:unset}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons .slider-buttons__wrapper{display:flex;gap:calc(var(--ax)*30)}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons .slider-buttons__wrapper .slider-button{height:auto;padding:0;width:auto}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons .slider-buttons__wrapper .slider-button .icon{color:rgb(var(--c-background));height:calc(var(--ax)*17)}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons .slider-buttons__wrapper .slider-button--next .icon{transform:unset}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .slider-buttons .slider-buttons__wrapper .slider-button--prev .icon{transform:rotate(180deg)}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .pdp-ingredients__text-stack{background-color:var(--pdp-ingredients-slide-background,hsla(40,23%,97%,.898));display:grid;margin-bottom:calc(var(--ax)*30);transition:background-color .22s ease}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .ingredient{color:rgb(var(--c-foreground));display:flex;flex-direction:column;gap:calc(var(--ax)*30);grid-area:1/1;opacity:0;padding:calc(var(--ax)*15);pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s;visibility:hidden;width:100%}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .ingredient.is-active{opacity:1;pointer-events:auto;transition-delay:0s;visibility:visible}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .ingredient .description{font-size:calc(var(--ax)*14)}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .ingredient .description p{margin:0}.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .ingredient .name{font-size:calc(var(--ax)*14)}html[data-header-hidden] .pdp-ingredients .pdp-ingredients__wrapper{transition-duration:.22s}.pdp-ingredients[data-instant-selection],.pdp-ingredients[data-instant-selection] .pdp-ingredients__media,.pdp-ingredients[data-instant-selection] .pdp-ingredients__wrapper .ingredients__content .ingredient,.pdp-ingredients[data-instant-selection] .pdp-ingredients__wrapper .ingredients__content .pdp-ingredients__text-stack{transition:none}@media (prefers-reduced-motion:reduce){.pdp-ingredients,.pdp-ingredients .pdp-ingredients__media,.pdp-ingredients .pdp-ingredients__wrapper,.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .ingredient,.pdp-ingredients .pdp-ingredients__wrapper .ingredients__content .pdp-ingredients__text-stack{transition:none}}
