.section-ingredients{background-color:var(--ingredients-bg-color, transparent)}.ingredients{position:relative;width:100%;padding-bottom:var(--spacer-3, 40px)}.ingredients__wrapper{position:relative;margin-left:max(40px,calc((100% - 1360px)/2));margin-right:max(40px,calc((100% - 1360px)/2));padding:80px 40px;background-color:var(--color-background);color:var(--color-foreground);box-sizing:border-box}.ingredients--full-width .ingredients__wrapper{max-width:none;margin:0;padding-left:max(40px,calc((100% - 1360px)/2));padding-right:max(40px,calc((100% - 1360px)/2))}.ingredients__wrapper--border-top{border-top:2px solid var(--color-border)}.ingredients__wrapper--border-bottom{border-bottom:2px solid var(--color-border)}.ingredients__wrapper--border-left{border-left:2px solid var(--color-border)}.ingredients__wrapper--border-right{border-right:2px solid var(--color-border)}.ingredients__wrapper--radius-tl{border-top-left-radius:16px}.ingredients__wrapper--radius-tr{border-top-right-radius:16px}.ingredients__wrapper--radius-bl{border-bottom-left-radius:16px}.ingredients__wrapper--radius-br{border-bottom-right-radius:16px}.ingredients__deco-image-wrap{position:absolute;bottom:0;left:69px;width:var(--ingredients-deco-width, 200px);pointer-events:none;z-index:3}.ingredients__deco-image{display:block;width:120px;height:auto}@media(max-width:769px){.ingredients__deco-image-wrap{display:none}}.ingredients__title{color:var(--color-text-secondary);margin-bottom:12px}.ingredients__subtitle{font-weight:400;color:var(--color-text-secondary);margin-bottom:40px;margin-left:auto;margin-right:auto}.ingredients__quiz-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px}.ingredients__quiz-cta-text{margin:0;color:var(--color-text-secondary)}.ingredients__quiz-cta-button{background-color:#e7f8f4;color:var(--color-foreground);display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ingredients__quiz-cta-button svg *{fill:var(--color-foreground)}.ingredients__desktop{display:grid;grid-template-columns:1fr 25% 1fr;gap:20px;align-items:center;min-height:calc(50vw - 40px);container-type:inline-size}.ingredients__cards-left,.ingredients__cards-right{display:flex;flex-direction:column;gap:5cqw;max-width:480px}@media screen and (min-width:769px){.ingredients__cards-right .ingredients__card:nth-child(odd){margin-right:32px}.ingredients__cards-right .ingredients__card:nth-child(2n){margin-left:32px}.ingredients__cards-left .ingredients__card:nth-child(odd){margin-left:32px}.ingredients__cards-left .ingredients__card:nth-child(2n){margin-right:32px}}.ingredients__center-placeholder{position:relative;align-self:stretch}.ingredients__center-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200%;height:auto;pointer-events:none;z-index:0}.ingredients__center-image img{display:block;width:100%;height:auto}.ingredients__card{position:relative;perspective:1000px;cursor:pointer;z-index:1}.ingredients__card-inner{display:grid;grid-template-areas:"stack";transform-style:preserve-3d;transition:transform .5s ease;border-radius:12px}@media(hover:hover){.ingredients__card:hover .ingredients__card-inner{transform:rotateY(-180deg)}}.ingredients__card-front,.ingredients__card-back{grid-area:stack;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden}.ingredients__card-front{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 28px;min-height:120px;background-color:var(--card-bg, #ffffff)}.ingredients__card-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:20px 28px;background-color:#fff}.ingredients__card-back p{margin:0;text-align:center;color:#363636}.ingredients__card-corner{position:absolute;top:0;right:0;width:30px;height:33px;pointer-events:none;line-height:0;flex-shrink:0}.ingredients__card-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.ingredients__card-name{margin-bottom:0}.ingredients__card-meta p{margin:0;color:var(--card-meta-color, var(--color-text-secondary))}.ingredients__mobile{display:none}@media(max-width:769px){.ingredients__desktop{display:none}.ingredients__card-meta p{font-size:14px}.ingredients__mobile{display:block}.ingredients__wrapper{margin-left:8px;margin-right:8px;padding:41px 21px 0!important}.ingredients--full-width .ingredients__wrapper{margin-left:0;margin-right:0}.ingredients__title,.ingredients__subtitle{padding:0}.ingredients__quiz-cta{margin-top:24px;padding:0 16px}.ingredients__subtitle{margin-bottom:24px}.ingredients__mobile-image{text-align:center;margin-bottom:24px;padding:0;margin-left:-24px;margin-right:-24px}.ingredients__mobile-image img{display:block;max-width:100%;height:auto;margin:0 auto}.ingredients__mobile-swiper{position:relative;width:100vw;margin-left:50%;transform:translate(-50%);padding:0;overflow:hidden}.ingredients__mobile-swiper .swiper{overflow:visible}.ingredients__mobile-swiper .swiper-slide{box-sizing:border-box;padding:0 16px}.ingredients{padding-bottom:var(--mobile-spacer-1, 24px)}.ingredients__mobile-swiper .ingredients__card{perspective:none;cursor:default}.ingredients__mobile-swiper .ingredients__card-inner{display:flex;flex-direction:column;transform:none!important;transform-style:flat;overflow:hidden;border-radius:12px}.ingredients__mobile-swiper .ingredients__card-front,.ingredients__mobile-swiper .ingredients__card-back{backface-visibility:visible;-webkit-backface-visibility:visible;transform:none;border-radius:0}.ingredients__mobile-swiper .ingredients__card-corner{display:none}.ingredients__mobile-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.ingredients__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;line-height:0;cursor:pointer}.ingredients__nav-btn.swiper-button-disabled{opacity:.4;cursor:default;background:transparent}.ingredients__nav-btn svg path{fill:#fff}.ingredients__nav-prev svg{transform:scaleX(-1)}.ingredients__mobile-nav .swiper-pagination{position:static;width:auto}.ingredients__mobile-nav .swiper-pagination-bullet{background:#fff;opacity:.3}.ingredients__mobile-nav .swiper-pagination-bullet-active{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/ingredients.css.map */