.ingredient-card{background:var(--ingredientBackground);border-radius:8px;color:var(--ingredientTextColor);cursor:pointer;flex-direction:column;justify-content:flex-start;text-align:center;width:100%}.ingredient-card,.ingredient-card__image-background{align-items:center;aspect-ratio:1/1;display:flex;position:relative}.ingredient-card__image-background{background:var(--ingredientIconBackground);border-radius:50%;justify-content:center;margin-top:15%;overflow:visible;width:55%}.ingredient-card__image{height:auto;left:50%;position:absolute;top:var(--ingredientIconPosition);transform:translate(-50%,-50%);width:var(--ingredientIconSize);z-index:2}@media(min-width:900px){.ingredient-card:hover{background:var(--ingredientHoverBackground);color:var(--ingredientHoverTextColor)}}.ingredient-card__title{font-size:var(--ingredientTitleFontSizeMobile);font-weight:700;line-height:1;margin-top:12%}@media(min-width:900px){.ingredient-card__title{font-size:var(--ingredientTitleFontSize)}}
#science-page-ingredient-selector,.ingredient-selector{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ingredient-selector{margin-bottom:var(--sectionMarginBottomMobile);margin-top:var(--sectionMarginTopMobile);max-width:var(--sectionMaxWidthMobile)}@media(min-width:900px){.ingredient-selector{margin-bottom:var(--sectionMarginBottom);margin-top:var(--sectionMarginTop);max-width:var(--sectionMaxWidth)}}.ingredient-selector__grid{display:grid;gap:var(--ingredientCardGapMobile);grid-template-columns:repeat(3,1fr);padding-left:var(--ingredientCardGapMobile);padding-right:var(--ingredientCardGapMobile);width:100%}@media(min-width:900px){.ingredient-selector__grid{gap:var(--ingredientCardGap);padding-left:var(--ingredientCardGap);padding-right:var(--ingredientCardGap)}}