.page-single-ingredient .hero{background-color:#fff;border:1px solid #e4e8e8;border-radius:8px;flex-direction:column;align-items:center;margin-top:0;padding:16px 24px;display:flex;position:relative}.page-single-ingredient .hero.has-image{margin-top:200px;padding-top:100px}.page-single-ingredient .hero__image{border-radius:8px;width:275px;height:275px;position:absolute;top:-190px;left:50%;overflow:hidden;transform:translate(-50%)}.page-single-ingredient .hero__title,.page-single-ingredient .hero__desc{margin-bottom:8px}.page-single-ingredient .hero__nutri-image{width:88px;height:44px}.page-single-ingredient .hero__nutri-image>img{object-fit:contain}.page-single-ingredient .hero__wrapper{align-items:center;gap:12px;margin-bottom:16px;display:flex}@media screen and (max-width:992px){.hero__title{font-size:28px}}
.ingredient-stats{flex-wrap:wrap;justify-content:space-between;margin:16px 0;display:flex}.ingredient-stats__side{width:calc(50% - 12px)}.ingredient-stats__data{background-color:#fff;border:1px solid #e4e8e8;border-radius:8px;margin:9px 0;padding:32px 24px}.ingredient-stats__row{justify-content:space-between;margin-top:8px;display:flex}.ingredient-stats__tooltip{color:#103c35;width:20%;font-size:14px;font-weight:700}.ingredient-stats__tooltip:first-child,.ingredient-stats__tooltip:last-child{width:30%}.ingredient-stats__item{width:20%}.ingredient-stats__item:first-child{font-weight:700}.ingredient-stats__item:first-child,.ingredient-stats__item:last-child{width:30%}.ingredient-stats__percentage{text-align:center;background-color:#e9ecef;border-radius:4px;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative;overflow:hidden}.ingredient-stats__percentage.gray{background-color:#e9ecef}.ingredient-stats__percentage.gray .ingredient-stats__percentage-bar{background-color:#6e6e6e}.ingredient-stats__percentage.green{background-color:#c0d23c1f}.ingredient-stats__percentage.green .ingredient-stats__percentage-bar{background-color:#c0d23c}.ingredient-stats__percentage.nanValue{background-color:#afafaf}.ingredient-stats__percentage-value{z-index:5;position:relative}.ingredient-stats__percentage-bar{z-index:2;background-color:#c0d23c;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:992px){.ingredient-stats{margin:16px 0;display:block}.ingredient-stats__side{width:auto}.ingredient-stats__data{padding:24px 12px}.ingredient-stats__row{margin:0;padding:6px 0}}@media screen and (max-width:568px){.ingredient-stats__item{font-size:14px}}
.skeleton-single-ingredient{background-color:#fff;border-radius:8px}.skeleton__content{border:1px solid #e4e8e8;border-radius:8px;margin-top:200px;padding-top:100px}.skeleton__content .skeleton-hero__image{background-color:#e4e8e8;border-radius:8px;width:275px;height:275px;margin-top:200px;padding-top:100px;position:absolute;top:-190px;left:50%;overflow:hidden;transform:translate(-50%)}.skeleton__content .skeleton-hero__title{background-color:#e4e8e8;border-radius:8px;width:612px;height:60px;margin:auto auto 20px}.skeleton__content .skeleton-hero__desc{background-color:#e4e8e8;border-radius:8px;width:463px;height:20px;margin:auto}.skeleton__content .skeleton-hero__wrapper{border-radius:8px;flex-direction:row;justify-content:center;margin:10px 0 20px;display:flex}.skeleton__content .skeleton-hero__FVS{background-color:#e4e8e8;border-radius:8px;width:75px;height:30px;margin:0 10px}.skeleton__content .skeleton-hero__nutri{background-color:#e4e8e8;border-radius:8px;width:29px;height:30px}@media screen and (max-width:568px){.skeleton__content .skeleton-hero__title{width:300px}.skeleton__content .skeleton-hero__desc{width:250px}}