:root{--dark-blue:#3653a3}.ingredient-tags{align-items:center;contain:layout paint;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:750px}.ingredient .ingredient-tags{display:block;margin:0 -5px}@media only screen and (min-width:400px){.ingredient .ingredient-tags{text-align:right;width:50%}}@media only screen and (min-width:520px){.ingredient .ingredient-tags{width:33.3%}}@media only screen and (min-width:768px){.ingredient .ingredient-tags{display:flex;justify-content:flex-start;margin-left:-5px;margin-top:5px;width:auto}}.ingredient-tag{margin:5px}@media only screen and (min-width:768px){.ingredient-tag{margin:0 5px 20px}.ingredient .ingredient-tag{margin:10px 5px 0}}.ingredient-list{display:flex;flex-direction:column;padding-top:6px}@media only screen and (min-width:768px){.ingredient-list{align-items:stretch;flex-direction:row;flex-wrap:wrap;justify-content:stretch;padding-top:12px}.ingredient-list.center{justify-content:center}}.ingredient{display:block;font-size:12px;padding:6px 0;text-align:left;width:100%}@media only screen and (max-width:767px){.ingredient:nth-of-type(n+4){display:none}}.is-expanded .ingredient{display:block}@media only screen and (min-width:768px){.ingredient{padding:6px;width:33.3%}}@media only screen and (min-width:992px){.ingredient{padding:12px;width:25%}}.ingredient-body{border:1px solid var(--bright-blue);border-radius:5px;padding:10px}@media only screen and (min-width:400px){.ingredient-body{align-items:center;display:flex;justify-content:space-between}}@media only screen and (min-width:520px){.ingredient-body{padding:22px 10px 22px 22px}}@media only screen and (min-width:768px){.ingredient-body{align-items:flex-start;flex-direction:column;height:100%;padding:22px}}.expand{color:var(--royal-blue);display:block;font-family:var(--font-stack-body-primary);font-weight:var(--font-weight-body-primary-bold);letter-spacing:.1em;line-height:18px;margin:24px auto 0;opacity:1;position:relative;text-align:center;transition:all .1s ease-in-out;visibility:visible;white-space:nowrap}.is-filtered .expand{opacity:0;pointer-events:none;visibility:hidden}.expand span:last-of-type{display:none}.expand div{display:inline-block;transform:rotate(0);transition:transform .2s ease-in-out}.is-expanded .expand span{display:none}.is-expanded .expand span:last-of-type{display:inline}.is-expanded .expand div{transform:rotate(45deg)}@media only screen and (min-width:768px){.expand{display:none}}.ingredient{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;visibility:visible}.ingredient.is-hidden{opacity:0;position:absolute;transform:translateY(20%);visibility:hidden;z-index:-99}