.ingredients-timeline{padding-top:var(--pt-desktop);padding-bottom:var(--pb-desktop);padding-left:20px;padding-right:20px}@media(max-width:768px){.ingredients-timeline{padding-top:var(--pt-mobile);padding-bottom:var(--pb-mobile)}}.ingredients-timeline__inner{max-width:1100px;margin:0 auto}.ingredients-timeline__heading{text-align:center;font-size:36px;margin-bottom:60px}.ingredients-timeline__wrapper{position:relative}.ingredients-timeline__line{position:absolute;left:50%;top:0;width:2px;height:100%;background:#7a5c542e;transform:translate(-50%);overflow:visible}.ingredients-timeline__progress{position:absolute;left:0;top:0;width:100%;height:0%;border-radius:999px;background:linear-gradient(to bottom,#7a1f35,#c49a85,#7a1f35);box-shadow:0 0 18px #7a1f3547;transition:height .18s ease-out}.adv-cta__bottom-button{margin-top:48px;text-align:center}.ingredient-item:before{content:"";position:absolute;left:50%;width:15px;height:15px;background:#f8f6f4;border:2px solid #c9b3a8;border-radius:50%;transform:translate(-50%,-50%);z-index:2;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.ingredient-item.is-active:before{background:#7a1f35;border-color:#7a1f35;box-shadow:0 0 0 8px #7a1f351f}@media(max-width:768px){.ingredients-timeline__line{left:20px}.ingredient-item:before{left:20px}}.ingredient-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:80px;gap:100px}.ingredient-item.is-reverse{direction:rtl}.ingredient-item.is-reverse *{direction:ltr}.ingredient-item__image img{width:100%;border-radius:20px}.ingredient-item__content{max-width:420px}.ingredient-item__index{display:block;margin-bottom:10px;font-size:14px;color:#a58f83}.ingredient-item__title{font-size:calc(var(--heading-font-size) * 1.5);margin-bottom:8px}.ingredient-item__subtitle{font-style:italic;margin-bottom:10px;color:#7a5c54}.ingredient-item__text{font-size:calc(var(--body-font-size) * .95);line-height:1.45;color:#444}@media(max-width:768px){.ingredients-timeline__line{left:20px}.ingredient-item{grid-template-columns:1fr;padding-left:40px;margin-bottom:40px;gap:40px}.ingredient-item.is-reverse{direction:ltr}.ingredient-item:before{left:20px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ingredients-timeline.css.map */
