.section-ingredients{height:calc(100vh - 72px);width:100vw;position:relative}.section-ingredients:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:var(--1px, 1px) solid var(--primary-white, #FFF);background:var(--overlay-64, linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .64) 100%));z-index:1;pointer-events:none}.section-ingredients img{height:100%;width:100%;object-fit:cover}.section-ingredients .text-wrapper{position:absolute;top:45%;left:50%;transform:translate(-50%);text-align:center;width:100%;z-index:2}.section-ingredients .text-wrapper p{color:var(--primary-white, #FFF);font-size:28px;font-style:normal;font-weight:300;line-height:110%;letter-spacing:-.28px;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);margin-bottom:24px}.section-ingredients .text-wrapper .active-ingredients{display:inline-flex;flex-wrap:nowrap;justify-content:center;gap:24px}.section-ingredients .text-wrapper .active-ingredients .active-ingredient{color:var(--overlay-disabled-white, rgba(255, 255, 255, .64));transition:.3s ease;font-size:10px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:.1px;text-transform:uppercase}.section-ingredients .text-wrapper .active-ingredients .active-ingredient:hover,.section-ingredients .text-wrapper .active-ingredients .active-ingredient.active{color:var(--primary-white, #FFF)}.section-ingredients .text-wrapper .active-ingredients .active-ingredient:hover svg path,.section-ingredients .text-wrapper .active-ingredients .active-ingredient.active svg rect{fill:var(--primary-white, #FFF)}.section-ingredients .full-ingredients{position:absolute;z-index:2;bottom:12px;left:12px;max-width:33%;color:var(--overlay-overlay-medium, rgba(255, 255, 255, .72));font-family:Geist Mono;font-size:10px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:.1px;text-transform:uppercase}.full-ingredients.active-ingredient-text{color:var(--primary-white, #FFF)!important;transition:color .3s}.active-ingredient .icon-minus,.active-ingredient.active .icon-plus{display:none}.active-ingredient.active .icon-minus{display:inline-flex}@media (max-width: 991px){.section-ingredients{height:calc(100dvh - 128px)}.section-ingredients .full-ingredients{max-width:100%;bottom:17px;left:17px;right:17px}.section-ingredients .text-wrapper{display:flex;flex-direction:column;gap:50px;width:80%;top:30px;z-index:1}.section-ingredients .text-wrapper .active-ingredients{display:flex;flex-direction:column;gap:16px}.section-ingredients .full-ingredients{z-index:1}.section-ingredients .text-wrapper p{margin-bottom:0}.section-ingredients .text-wrapper .active-ingredients .active-ingredient{color:var(--primary-white, #FFF)}.section-ingredients .text-wrapper .active-ingredients .active-ingredient svg path,.section-ingredients .text-wrapper .active-ingredients .active-ingredient svg rect{fill:var(--primary-white, #FFF)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ingredients.css.map */