.dev-ingredients-principles-wrapper{padding-left:10px;padding-right:10px}.ingredients-principles{color:var(--color);overflow:hidden;max-width:1440px;width:100%;background-color:#fff;margin:10px auto}.ingredients-principles__inner{max-width:1440px;width:100%;margin:0 auto;position:relative;padding:var(--pt) 40px var(--pb);display:flex;flex-direction:column;align-items:center;border-radius:20px;background:var(--bg);gap:48px}.ingredients-principles__logo{position:absolute;top:var(--pt);right:var(--logo-inset, 40px);z-index:1}.ingredients-principles__logo--left{right:auto;left:var(--logo-inset, 40px)}.ingredients-principles__logo-svg{width:178px;height:175px}.ingredients-principles__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.ingredients-principles__heading,.ingredients-principles__heading>*{font-family:var(--desktop-h2-font-family);font-size:var(--desktop-h2-font-size);font-weight:var(--desktop-h2-font-weight);font-style:var(--desktop-h2-font-style);line-height:var(--desktop-h2-line-height);letter-spacing:var(--desktop-h2-letter-spacing);color:var(--color);margin:0}.ingredients-principles__heading{max-width:352px}.ingredients-principles__description,.ingredients-principles__description>*{font-family:var(--body-16-font-family);font-size:var(--body-16-font-size);font-weight:var(--body-16-font-weight);font-style:var(--body-16-font-style);line-height:var(--body-16-line-height);letter-spacing:var(--body-16-letter-spacing);color:#000000bf;margin:0}.ingredients-principles__description{max-width:466px}.ingredients-principles__grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.ingredients-principles__col{display:flex;flex-direction:column;gap:50px}.ingredients-principles__col--left{max-width:400px}.ingredients-principles__col--right{max-width:400px;margin-left:auto}.ingredients-principles__item,.ingredients-principles__slide-item{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.ingredients-principles__icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--icon-bg);color:#fff;flex-shrink:0}.ingredients-principles__icon svg{width:42px;height:42px}.ingredients-principles__text{display:flex;flex-direction:column;gap:16px;width:100%}.ingredients-principles__item-title{font-family:var(--desktop-h5-font-family);font-size:var(--desktop-h5-font-size);font-weight:var(--desktop-h5-font-weight);font-style:var(--desktop-h5-font-style);line-height:var(--desktop-h5-line-height);letter-spacing:var(--desktop-h5-letter-spacing);margin:0}.ingredients-principles__item-desc,.ingredients-principles__item-desc>*{font-family:var(--body-16-font-family);font-size:var(--body-16-font-size);font-weight:var(--body-16-font-weight);font-style:var(--body-16-font-style);line-height:var(--body-16-line-height);letter-spacing:var(--body-16-letter-spacing);color:#000000bf;margin:0}.ingredients-principles__center{position:relative;padding:0 30px;display:flex;align-items:center;justify-content:center}.ingredients-principles__image{max-width:460px;flex-shrink:0}.ingredients-principles__img{width:100%;height:auto;display:block}.ingredients-principles__mobile-image{max-width:320px;width:100%}.ingredients-principles__connectors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ingredients-principles__connector{position:absolute;display:flex;align-items:center;transform:translateY(-50%)}.ingredients-principles__connector:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--icon-bg);flex-shrink:0}.ingredients-principles__connector:after{content:"";width:60px;border-top:1.5px dashed var(--icon-bg);opacity:.4;flex-shrink:0}.ingredients-principles__connector--tl,.ingredients-principles__connector--bl{right:calc(100% - 70px);flex-direction:row-reverse}.ingredients-principles__connector--tr,.ingredients-principles__connector--br{left:calc(100% - 70px)}.ingredients-principles__connector--tl,.ingredients-principles__connector--tr{top:16%}.ingredients-principles__connector--bl,.ingredients-principles__connector--br{top:96%}.ingredients-principles__mobile{display:none}.ingredients-principles__mobile-connector{display:flex;flex-direction:column;align-items:center}.ingredients-principles__connector-dot{width:12px;height:12px;border-radius:50%;background:var(--icon-bg)}.ingredients-principles__connector-vline{width:0;height:48px;border-left:1.5px dashed var(--icon-bg)}.ingredients-principles__swiper{width:100%;overflow:hidden}.ingredients-principles__progress{height:6px;background:#fbf9f7;border-radius:41px;overflow:hidden;width:100%}.ingredients-principles__progress-fill{height:100%;background:#ff7300;border-radius:41px;width:25%;transition:width .3s ease}.ingredients-principles__image--small-desktop{display:none}@media(max-width:1024px){.ingredients-principles__inner{padding:var(--pt) 32px var(--pb)}.ingredients-principles{--logo-inset: 32px}.ingredients-principles__logo-svg{width:140px;height:137px}.ingredients-principles__col--left,.ingredients-principles__col--right{max-width:280px}.ingredients-principles__image{max-width:360px}.ingredients-principles__connectors,.ingredients-principles__center{display:none}.ingredients-principles__image--small-desktop{display:block}.ingredients-principles__grid{display:flex;justify-content:center;gap:24px}.ingredients-principles__col--right{margin-left:0}}@media(max-width:768px){.ingredients-principles__image--small-desktop{display:none}.ingredients-principles__inner{padding:var(--pt) 20px var(--pb)}.ingredients-principles__logo{position:static}.ingredients-principles__logo--left{display:none}.ingredients-principles__logo-svg{width:101px;height:100px}.ingredients-principles__heading,.ingredients-principles__heading>*{font-family:var(--mobile-h2-font-family);font-size:var(--mobile-h2-font-size);font-weight:var(--mobile-h2-font-weight);font-style:var(--mobile-h2-font-style);line-height:var(--mobile-h2-line-height);letter-spacing:var(--mobile-h2-letter-spacing)}.ingredients-principles__heading,.ingredients-principles__description{max-width:100%}.ingredients-principles__grid{display:none}.ingredients-principles__mobile{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.ingredients-principles__icon{width:56px;height:56px}.ingredients-principles__icon svg{width:36px;height:36px}.ingredients-principles__item-title{font-family:var(--mobile-h5-font-family);font-size:var(--mobile-h5-font-size);font-weight:var(--mobile-h5-font-weight);font-style:var(--mobile-h5-font-style);line-height:var(--mobile-h5-line-height);letter-spacing:var(--mobile-h5-letter-spacing)}.ingredients-principles__text{gap:8px}.ingredients-principles__inner{padding-left:80px;padding-right:80px}}@media(max-width:600px){.ingredients-principles__inner{padding-left:20px;padding-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dev-ingredients-principles.css.map */