.compare-ingredient__header{align-items:center;min-height:130px;display:flex}.compare-ingredient__grid{background-color:#fff;border:2px dashed #e4e8e8;border-radius:8px;position:relative}.compare-ingredient__text{text-align:center;flex-direction:column;width:100%;display:flex}.compare-ingredient__text span{color:#fff;cursor:pointer;background:#0f223f;border:1px solid #0f223fcc;border-radius:8px;padding:8px;display:inline-block}.compare-ingredient__image{border-radius:8px;width:72px;height:72px;overflow:hidden}.compare-ingredient__openmodal{margin-top:8px}.compare-ingredient__details{align-items:center;width:100%;padding:28px 20px;display:flex}.compare-ingredient__item{padding:28px 20px}.compare-ingredient__wrapper{margin:35px 5px;padding-left:12px}.compare-ingredient__info{align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;right:12px}.compare-ingredient__info-nutri{width:80px}.compare-ingredient__info-nutri>img{object-fit:contain}.compare-ingredient__remove{cursor:pointer;width:28px;height:28px;position:absolute;top:12px;right:12px}@media screen and (max-width:1200px){.compare-ingredient__text h4{font-size:18px}.compare-ingredient__details{margin:0 auto;display:block}.compare-ingredient__image{margin:0 auto}}@media screen and (max-width:992px){.compare-ingredient__image{margin:unset}.compare-ingredient__grid.ingredient-1{margin-bottom:24px}}@media screen and (max-width:768px){.compare-ingredient__text span{display:block}}@media screen and (max-width:568px){.compare-ingredient__header{display:block}}
.compare-ingredient-data__wrapper{padding:40px 0}.compare-ingredient-data__title{margin-bottom:12px}.compare-ingredient-data__grid{background-color:#fff;border:1px solid #e4e8e8;border-radius:8px;padding:24px 32px}.compare-ingredient-data__grid .grid__row{justify-content:space-between;display:flex}.compare-ingredient-data__grid .grid__row:first-child .grid__row-compare:after{content:"";background-color:#f5f5f5;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;height:24px;position:absolute;top:-24px;left:-1px;right:-1px}.compare-ingredient-data__grid .grid__row:last-child .grid__row-compare:before{content:"";background-color:#f5f5f5;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;height:24px;position:absolute;bottom:-25px;left:-1px;right:-1px}.compare-ingredient-data__grid .grid__row-side{border-bottom:1px solid #e9e9e9;justify-content:space-between;gap:36px;padding:8px 0;display:flex}.compare-ingredient-data__grid .grid__row-side:first-child{width:calc(50% - 36px)}.compare-ingredient-data__grid .grid__row-side:last-child{width:calc(35% - 36px)}.compare-ingredient-data__grid .grid__row-side .grid__row--long{width:50%}.compare-ingredient-data__grid .grid__row-side .grid__row--short{width:20%}.compare-ingredient-data__grid .grid__row-side .grid__row--percent{width:30%}.compare-ingredient-data__grid .grid__row-compare{text-align:center;background-color:#f5f5f5;border-bottom:1px solid #e9e9e9;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;justify-content:center;align-items:center;width:15%;padding:0 24px;display:flex;position:relative}.compare-ingredient-data__grid .grid__row-compare>div{width:100%;min-height:19px}.compare-ingredient-data__grid .grid__row-tooltip{color:#103c35;font-size:14px;font-weight:700}.compare-ingredient-data__grid .grid__row-percentage{text-align:center;background-color:#e9ecef;border-radius:4px;justify-content:center;align-items:center;min-height:13px;font-size:12px;display:flex;position:relative;overflow:hidden}.compare-ingredient-data__grid .grid__row-percentage-value{z-index:5;position:relative}.compare-ingredient-data__grid .grid__row-percentage-bar{z-index:2;background-color:#c0d23c;height:100%;position:absolute;top:0;left:0}.compare-ingredient-data__grid .grid__row-item.ingredientTitel,.compare-ingredient-data__grid .grid__row-item.tooltip{display:none}.compare-ingredient-data__none{justify-content:flex-end;margin-top:40px;display:flex}.compare-ingredient-data__none>div{width:40%}@media screen and (max-width:992px){.compare-ingredient-data__grid{flex-flow:wrap;display:flex}.compare-ingredient-data__grid .grid__row{border:1px solid #dcdcdc;width:33%;margin-bottom:-1px;margin-left:-1px;padding:0 10px;display:inline-block}.compare-ingredient-data__grid .grid__row:first-child{display:none}.compare-ingredient-data__grid .grid__row:first-child .grid__row-compare:after,.compare-ingredient-data__grid .grid__row:last-child .grid__row-compare:before{content:none}.compare-ingredient-data__grid .grid__row-side{flex-direction:row;width:100%;margin-bottom:10px;display:block}.compare-ingredient-data__grid .grid__row-side:first-child,.compare-ingredient-data__grid .grid__row-side .grid__row--long,.compare-ingredient-data__grid .grid__row-side:last-child{width:unset}.compare-ingredient-data__grid .grid__row-side .grid__row--long{font-weight:700}.compare-ingredient-data__grid .grid__row-side .grid__row--percent{width:100%}.compare-ingredient-data__grid .grid__row-compare{border-radius:8px;width:100%;margin-bottom:10px;display:block}.compare-ingredient-data__grid .grid__row-tooltip{font-size:12px}.compare-ingredient-data__grid .grid__row-percentage{font-size:10px}.compare-ingredient-data__grid .grid__row-item{margin:2px 0;font-size:12px}.compare-ingredient-data__grid .grid__row-item.dataname{margin-bottom:8px;font-size:16px}.compare-ingredient-data__grid .grid__row-item.ingredientTitel{font-weight:700;display:block}.compare-ingredient-data__grid .grid__row-item.tooltip{display:block}.compare-ingredient-data__grid .grid__row-item.grid__row--short{flex-direction:row-reverse;justify-content:space-between;width:100%;display:flex}}@media screen and (max-width:768px){.compare-ingredient-data__wrapper{padding:20px 0}.compare-ingredient-data__grid{padding:24px}.compare-ingredient-data__grid .grid__row{width:33%;padding:0 10px;display:inline-block}.compare-ingredient-data__grid .grid__row:first-child{display:none}.compare-ingredient-data__grid .grid__row:first-child .grid__row-compare:after,.compare-ingredient-data__grid .grid__row:last-child .grid__row-compare:before{content:none}.compare-ingredient-data__grid .grid__row-side{flex-direction:row;width:100%;margin-bottom:10px;display:block}.compare-ingredient-data__grid .grid__row-side:first-child,.compare-ingredient-data__grid .grid__row-side .grid__row--long,.compare-ingredient-data__grid .grid__row-side:last-child{width:unset}.compare-ingredient-data__grid .grid__row-side .grid__row--long{font-weight:700}.compare-ingredient-data__grid .grid__row-side .grid__row--percent{width:100%}.compare-ingredient-data__grid .grid__row-compare{border-radius:8px;width:100%;margin-bottom:10px;display:block}.compare-ingredient-data__grid .grid__row-tooltip,.compare-ingredient-data__grid .grid__row-item{font-size:12px}.compare-ingredient-data__grid .grid__row-percentage{font-size:10px}}@media screen and (max-width:568px){.compare-ingredient-data__grid{padding:8px}.compare-ingredient-data__grid .grid__row{width:50%}.compare-ingredient-data__grid .grid__row-side{flex-direction:row;width:100%;margin-bottom:8px}.compare-ingredient-data__grid .grid__row-side:first-child,.compare-ingredient-data__grid .grid__row-side:last-child{width:unset;align-items:center}.compare-ingredient-data__grid .grid__row-side .grid__row--short{width:unset}.compare-ingredient-data__grid .grid__row-compare{padding:0 24px}.compare-ingredient-data__grid .grid__row-compare:first-child{padding:0}.compare-ingredient-data__grid .grid__row-tooltip,.compare-ingredient-data__grid .grid__row-item{font-size:10px}.compare-ingredient-data__grid .grid__row-percentage{height:11px;font-size:8px}.compare-ingredient-data__grid .grid__row-percentage-bar{height:4px}}