.ingredient-list{background-color:var(--df-gray);padding-block:10rem}.rebar-ingredient-list{display:flex;flex-direction:column;align-items:center;gap:5rem}.rebar-ingredient-list .h1{text-align:center}.ingredient-container{display:flex;align-items:center;gap:3.6rem}.ingredient-container:not(:last-child){margin-bottom:2rem}.ingredient-image{aspect-ratio:1/1;width:77px;height:77px;border-radius:50%;border:1px solid var(--df-black);object-fit:cover}.ingredient-name.h4{text-transform:uppercase;margin-bottom:1rem}.ingredient-description{line-height:2rem}.all-ingredients-container{margin-top:3rem}.see-more{margin:0;padding:0;background:none;border:none;position:relative}.see-more .h3{margin:0}.see-more:after{content:"+";font-family:var(--font-mono-list);position:absolute;width:30px;right:0;top:50%;transform:translateY(-55%) translate(120%)}.see-more.is-open:after{content:"-"}.ingredients-animation-wrapper .all-ingredients{line-height:2rem;max-height:1px;overflow:hidden;transition:max-height .6s ease-out;animation:closeAnimation .3s forwards}.ingredients-animation-wrapper .all-ingredients{margin-top:2rem;transform:translateY(-20%);opacity:0;animation:closeAnimation .3s forwards}.ingredients-animation-wrapper .all-ingredients.is-open{max-height:40rem;transition:max-height .4s ease-in .3}.ingredients-animation-wrapper .all-ingredients.is-open{animation:openAnimation .4s forwards;animation-delay:.2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.key-ingredients .h2{margin-bottom:3.5rem}.select-ingredients-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:3rem 5rem;justify-content:center;max-width:100%}.select-ingredients-list .ingredient-container{max-width:35rem;break-inside:avoid-column;min-height:11rem}@media screen and (max-width:749px){.ingredient-list{padding-block:5rem}.key-ingredients-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit,minmax(1fr,auto));gap:5rem 2rem}.ingredient-container{flex-direction:column;align-items:flex-start;gap:3rem}.ingredient-container:not(:last-child){margin-bottom:0}.select-ingredients-list{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}@keyframes openAnimation{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes closeAnimation{0%{opacity:1;transform:translateY(0)}80%{opacity:0}to{opacity:0;transform:translateY(-30%)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/key-ingredients.css.map */