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