.ingredients-carousel{--ic-per-view: 4;--ic-gap: 20px;--ic-gutter: 50px;--ic-arrow-size: 40px;width:100%;padding:var(--ic-pad-top, 40px) 0 var(--ic-pad-bottom, 40px);background-color:var(--ic-bg, #ffffff)}.ingredients-carousel__inner{max-width:1280px;margin:0 auto}.ingredients-carousel__heading{margin:0 0 18px;padding:0 20px;font-family:Poppins,sans-serif;font-size:26px;font-weight:700;line-height:1.25;letter-spacing:normal;text-transform:none;text-align:center;color:var(--ic-heading, #fb6f92)}.ingredients-carousel__viewport{position:relative;padding:0 var(--ic-gutter)}.ingredients-carousel__window{overflow:hidden;margin:0 -6px;padding:12px 6px 22px}.ingredients-carousel__track{display:flex;gap:var(--ic-gap);transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform;touch-action:pan-y}.ingredients-carousel__slide{flex:0 0 calc((100% - (var(--ic-per-view) - 1) * var(--ic-gap)) / var(--ic-per-view));min-width:0}.ingredients-carousel__card{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px;background-color:var(--ic-card-bg, #fff8fa);container-type:inline-size;transition:transform .35s ease,box-shadow .35s ease}.ingredients-carousel--shadow .ingredients-carousel__card{box-shadow:0 14px 14px -12px #00000059,0 1px 4px #0000000d}.ingredients-carousel--texture .ingredients-carousel__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0 0.22 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.ingredients-carousel__media{position:absolute;z-index:1;overflow:hidden}.ingredients-carousel__img,.ingredients-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:0;transition:opacity .35s ease,transform .5s ease}.ingredients-carousel__placeholder{display:block;background:linear-gradient(135deg,#ffe3ec,#fff1f5)}.ingredients-carousel__img--hover{opacity:0}.ingredients-carousel__card.has-hover:hover .ingredients-carousel__img--hover,.ingredients-carousel__card.is-flipped .ingredients-carousel__img--hover{opacity:1}.ingredients-carousel--swatch .ingredients-carousel__media{top:52%;left:50%;width:50%;aspect-ratio:1 / 1;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 10px 20px #00000024}.ingredients-carousel--fill .ingredients-carousel__media,.ingredients-carousel--image_only .ingredients-carousel__media{top:0;right:0;bottom:0;left:0}.ingredients-carousel--fill .ingredients-carousel__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#ffffffe0,#fff0 30% 70%,#ffffffe0)}.ingredients-carousel__name{position:absolute;z-index:2;top:8%;left:8%;right:8%;display:flex;flex-direction:column;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-size:clamp(12px,5.2cqw,17px);font-weight:500;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;text-align:left;color:var(--ic-text, #7d6b72)}.ingredients-carousel__benefits{position:absolute;z-index:2;left:5%;right:5%;bottom:8%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:.45em;row-gap:2px;margin:0;font-family:Poppins,sans-serif;font-size:11px;font-size:clamp(9.5px,3.7cqw,12.5px);font-weight:400;line-height:1.35;text-align:center;color:var(--ic-text, #7d6b72)}.ingredients-carousel__sep{font-size:.85em;opacity:.85}@media(hover:hover)and (min-width:750px){.ingredients-carousel__card:hover{transform:translateY(-4px) scale(1.03)}}.ingredients-carousel__arrow{position:absolute;top:calc(50% - 5px);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--ic-arrow-size);height:var(--ic-arrow-size);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;box-shadow:none;-webkit-appearance:none;appearance:none;line-height:0;background-color:var(--ic-arrow-bg, #fb6f92);color:var(--ic-arrow-icon, #ffffff);cursor:pointer;transform:translateY(-50%);transition:opacity .3s ease}.ingredients-carousel__arrow svg{width:20px;height:20px}.ingredients-carousel__arrow:hover:not(:disabled){opacity:.85}.ingredients-carousel__arrow:disabled{opacity:.3;cursor:default}.ingredients-carousel__arrow--prev{left:0}.ingredients-carousel__arrow--next{right:0}.ingredients-carousel__dots{display:flex;align-items:center;justify-content:center;gap:8px;min-height:8px}.ingredients-carousel__dots[hidden]{display:none}.ingredients-carousel__dot{width:8px;height:8px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;-webkit-appearance:none;appearance:none;background-color:var(--ic-dot-inactive, #ffe3ec);cursor:pointer;transition:background-color .3s ease,transform .3s ease}.ingredients-carousel__dot[aria-current=true]{background-color:var(--ic-dot-active, #fb6f92)}.ingredients-carousel.is-ready .ingredients-carousel__slide{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.ingredients-carousel.is-ready.is-visible .ingredients-carousel__slide{opacity:1;transform:none}.ingredients-carousel__slide:nth-child(2){transition-delay:.08s}.ingredients-carousel__slide:nth-child(3){transition-delay:.16s}.ingredients-carousel__slide:nth-child(4){transition-delay:.24s}.ingredients-carousel__slide:nth-child(n+5){transition-delay:.3s}@media(prefers-reduced-motion:reduce){.ingredients-carousel__track,.ingredients-carousel__card,.ingredients-carousel__img{transition:none}.ingredients-carousel.is-ready .ingredients-carousel__slide{opacity:1;transform:none;transition:none}}@media screen and (max-width:989px){.ingredients-carousel{--ic-per-view: 3}}@media screen and (max-width:749px){.ingredients-carousel{--ic-per-view: 1;--ic-gutter: 40px;--ic-arrow-size: 32px}.ingredients-carousel__arrow svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ingredients-carousel.css.map */