.ingredient-section{--ingredient-border-radius: 40px;--ingredient-transition-speed: .4s;--ingredient-item-bg: rgba(255, 192, 203, .1);--ingredient-header-padding: 9px;--ingredient-header-padding-mobile: 9px;--ingredient-gap: 72px;--ingredient-font-size-heading: 48px;--ingredient-font-size-name: 18px;--ingredient-image-min-width: 300px;--ingredient-image-max-width: 540px;--ingredient-accordion-min-width: 300px;--ingredient-accordion-max-width: 540px;--ingredient-icon-size: 48px;--ingredient-toggle-size: 48px;--ingredient-mobile-font-size-heading: 32px;--ingredient-mobile-font-size-name: 18px;--ingredient-mobile-gap: 20px;background-color:var(--ingredient-bg-color);color:var(--ingredient-text-color);width:100%;display:block}.ingredient-section .ingredients-container{padding-top:var(--ingredient-padding-top-desktop);padding-bottom:var(--ingredient-padding-bottom-desktop)}.ingredient-section .ingredients-heading{text-align:center;margin-bottom:var(--ingredient-padding-bottom-desktop);font-size:var(--ingredient-font-size-heading);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:var(--ingredient-heading-color);margin-top:0;margin-bottom:72px;letter-spacing:-2px}.ingredients-tabs{display:flex;justify-content:center;gap:18px;margin-bottom:36px}.ingredients-tab{transition:all .3s ease;border:2px solid transparent;padding:5px 18px;border-radius:300px;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:16px;line-height:20px;letter-spacing:2.4px;cursor:pointer;background-color:#f9f8f4;text-transform:uppercase}.ingredients-tab.active{border:2px solid var(--dark-color, #ed0f67);font-weight:700}.ingredients-tab:hover{background-color:#f0efe9}.ingredient-item{display:none}.ingredient-item.tab-visible{display:block}.ingredients-tab{position:relative;outline:none}.ingredient-item.tab-visible.animate-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ingredient-section .ingredients-content{display:flex;flex-wrap:wrap;gap:var(--ingredient-gap);justify-content:center;min-height:var(--ingredient-min-height)}.ingredient-section .ingredients-image-container{flex:1;min-width:var(--ingredient-image-min-width);max-width:var(--ingredient-image-max-width);position:relative;border-radius:var(--ingredient-border-radius);overflow:hidden;aspect-ratio:1/1}.ingredient-section .ingredient-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--ingredient-transition-speed) ease;display:none}.ingredient-section .ingredient-image.active{opacity:1;display:block}.ingredient-section .ingredient-featured-image{width:100%;height:100%;object-fit:cover}.ingredient-section .ingredients-accordion{flex:1;min-width:var(--ingredient-accordion-min-width);max-width:var(--ingredient-accordion-max-width)}.ingredient-section .ingredient-item{margin-bottom:10px;overflow:hidden}.ingredient-section .ingredient-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ingredient-header-padding);background-color:var(--ingredient-item-bg);border-radius:100px;cursor:pointer}.ingredient-section .ingredient-icon-name{display:flex;align-items:center;gap:15px}.ingredient-section .ingredient-name.no-icon{padding-left:18px}.ingredient-section .ingredient-icon{width:var(--ingredient-icon-size);height:var(--ingredient-icon-size);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ingredient-section .ingredient-icon img{width:50px;height:50px;object-fit:contain}.ingredient-section .ingredient-name{font-size:var(--ingredient-font-size-name);font-weight:var(--font-heading-weight);font-family:var(--font-heading-family);margin:0;color:var(--ingredient-text-color);letter-spacing:-.5px}.ingredient-section .toggle-button{background:#fff;border-radius:50%;border:none;width:var(--ingredient-toggle-size);height:var(--ingredient-toggle-size);position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ingredient-heading-color);flex-shrink:0}.ingredient-section .plus,.ingredient-section .minus{font-size:36px;font-weight:var(--font-body-weight);font-family:var(--font-body-family);position:absolute;transition:opacity var(--ingredient-transition-speed) ease;display:flex;justify-content:center;align-items:center}.ingredient-section .minus,.ingredient-section .ingredient-item.active .plus{opacity:0}.ingredient-section .ingredient-item.active .minus{opacity:1}.ingredient-section .ingredient-content{max-height:0;overflow:hidden;transition:max-height var(--ingredient-transition-speed) ease;padding:0 20px}.ingredient-section .ingredient-item.active .ingredient-content{max-height:500px}.ingredient-section .ingredient-description{padding:27px 0;color:var(--ingredient-text-color);font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:16px;line-height:28px;letter-spacing:0;margin:0}.ingredient-section .learn-more-link{display:inline-block;color:var(--ingredient-accent-color);text-decoration:none;font-weight:var(--font-heading-weight);font-family:var(--font-heading-family);position:relative;font-size:14px}.ingredient-section .learn-more-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:4px;background-image:var(--ingredient-learn-more-link-color)}@media only screen and (min-width: 768px){.ingredients-tabs{position:relative;z-index:999}}@media screen and (max-width: 768px){.ingredient-section .ingredients-container{margin-top:40px!important;padding:var(--ingredient-padding-top-mobile) 18px var(--ingredient-padding-bottom-mobile)}.ingredient-section .ingredient-header{padding:var(--ingredient-header-padding-mobile)}.ingredient-section .ingredients-heading{font-size:var(--ingredient-mobile-font-size-heading);letter-spacing:-1.6px;max-width:357px;margin:0 auto 36px}.ingredient-section .ingredients-content{gap:var(--ingredient-mobile-gap);flex-direction:var(--ingredient-content-mobile-layout);min-height:unset}.ingredient-section .ingredients-image-container,.ingredient-section .ingredients-accordion{min-width:100%}.ingredient-section .ingredient-name{font-size:var(--ingredient-mobile-font-size-name);letter-spacing:normal}.ingredient-section .ingredient-icon-name{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/section-ingredients.css.map */