.ingredients__header{margin-bottom:40px}.ingredients__flex{width:100%;height:404px;transform-box:fill-box;margin-left:calc(2.5vw + 1rem)}@media screen and (min-width: 989px){.ingredients__flex{margin-left:calc(.75vw + 1rem)}}@media (hover: hover),(-moz-touch-enabled: 0),(pointer:fine){.ingredients__flex.firefox{margin-left:12px}}.ingredient-card{display:flex;overflow:hidden;border-radius:10px;transform-box:fill-box}.ingredients__flex .ingredient-card{width:307px;height:404px}@media screen and (max-width: 999px){.ingredients__flex .ingredient-card{position:relative;border-radius:10px;display:flex;flex-direction:column;scroll-snap-align:center;flex-shrink:0}}.ingredients__title{font-style:normal;font-weight:600;font-size:20px;line-height:24px;text-align:center;letter-spacing:.06em;color:rgb(var(--color-foreground));margin-top:0;margin-bottom:12px}.ingredients__description{max-width:416px;margin:auto}.ingredients__description p{font-family:inherit;margin:0;font-style:normal;font-weight:400;font-size:12px;line-height:145%;text-align:center;letter-spacing:.02em;color:rgb(var(--color-foreground))}.ingredient-card__name{font-family:inherit;font-style:normal;font-weight:600;font-size:20px;line-height:24px;text-align:center;letter-spacing:.06em;color:rgb(var(--color-base-solid-button-labels))}.ingredient-card__background{position:absolute;top:0;height:100%;width:100%;background-size:cover!important;background-position:center!important;display:block!important}.ingredient-card__content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ingredient-card__content--hover{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:32px 40px;width:auto;height:100%;transition:.5s all}.ingredient-card__content{position:absolute;width:100%;height:100%;transition:.5s all}.ingredient-card__description{margin-top:20px}.ingredient-card__description p{margin:0;font-family:inherit;font-style:normal;font-weight:400;font-size:12px;line-height:145%;text-align:center;letter-spacing:.02em}.ingredient-card__content--hover{opacity:0;background:#f5f7f8}.ingredient-card__icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ingredient-card__icon>img{width:44px;height:auto}.ingredient-card__icon>span{font-style:normal;font-weight:600;font-size:10px;line-height:125%;text-align:center;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground))}.ingredient-card__content--hover .ingredient-card__name{color:rgb(var(--color-foreground));margin-bottom:40px}.ingredient-card__state-icon{position:absolute;width:22px;height:22px;border-radius:33px;background:#fff;display:flex!important;bottom:20px;left:20px;justify-content:center;align-self:center;cursor:pointer}.ingredient-card__state-icon:after{content:"";display:flex;font-size:0;width:22px;height:22px;align-items:center;justify-content:center;background-image:var(--icon-plus-url);background-repeat:no-repeat;background-position:center}@media (max-width: 768px){.ingredients__title{font-size:16px;line-height:19px}.ingredients__description{padding:0 30px}.ingredients__description p{font-size:12px;line-height:145%;letter-spacing:.02em}}@media screen and (max-width: 749px){.ingredient-card.is-hover .ingredient-card__content--hover{opacity:1}.ingredient-card.is-hover .ingredient-card__content,.ingredient-card.is-hover .ingredient-card__background{opacity:0}.ingredient-card.is-hover .ingredient-card__state-icon:after{padding:0;background-image:var(--icon-minus-url)}.ingredient-card{-webkit-tap-highlight-color:rgba(0,0,0,0)}}@media screen and (min-width: 750px){.ingredient-card:hover .ingredient-card__content--hover,.ingredient-card:active .ingredient-card__content--hover{opacity:1}.ingredient-card:hover .ingredient-card__content,.ingredient-card:active .ingredient-card__content,.ingredient-card:hover .ingredient-card__background,.ingredient-card:active .ingredient-card__background{opacity:0}.ingredient-card:hover .ingredient-card__state-icon:after,.ingredient-card:active .ingredient-card__state-icon:after{padding:0;background-image:var(--icon-minus-url)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-ingredients.css.map */