.compare-recipe-data__wrapper{padding:40px 0}.compare-recipe-data__title{margin-bottom:12px}.compare-recipe-data__grid{background-color:#fff;border:1px solid #e4e8e8;border-radius:8px;padding:24px 32px}.compare-recipe-data__grid .grid__row{justify-content:space-between;display:flex}.compare-recipe-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-recipe-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-recipe-data__grid .grid__row-side{border-bottom:1px solid #e9e9e9;justify-content:space-between;gap:36px;padding:8px 0;display:flex}.compare-recipe-data__grid .grid__row-side:first-child{width:calc(50% - 36px)}.compare-recipe-data__grid .grid__row-side:first-child .grid__row-tooltip{width:33%}.compare-recipe-data__grid .grid__row-side:last-child{width:calc(35% - 36px)}.compare-recipe-data__grid .grid__row-side .grid__row--long{width:50%}.compare-recipe-data__grid .grid__row-side .grid__row--short,.compare-recipe-data__grid .grid__row-side .grid__row--percent{width:33%}.compare-recipe-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-recipe-data__grid .grid__row-compare>div{width:100%;min-height:19px}.compare-recipe-data__grid .grid__row-tooltip{color:#103c35;font-size:14px;font-weight:700}.compare-recipe-data__grid .grid__row-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}.compare-recipe-data__grid .grid__row-percentage.nanValue{background-color:#afafaf}.compare-recipe-data__grid .grid__row-percentage-value{z-index:5;position:relative}.compare-recipe-data__grid .grid__row-percentage-bar{z-index:2;background-color:#c0d23c;height:100%;position:absolute;top:0;left:0}.compare-recipe-data__grid .grid__row-item.recipeName{font-weight:700;display:none}.compare-recipe-data__grid .grid__row-item.amount>span{display:none}@media screen and (max-width:992px){.compare-recipe-data__grid{flex-flow:wrap;display:flex}.compare-recipe-data__grid .grid__row{border:1px solid #dcdcdc;flex-direction:column;width:33%;margin-bottom:-1px;margin-right:-1px;padding:0 10px}.compare-recipe-data__grid .grid__row-side{flex-direction:column;gap:0;width:100%!important}.compare-recipe-data__grid .grid__row-side .grid__row--percent{width:100%}.compare-recipe-data__grid .grid__row-compare{width:100%;padding:unset;background-color:#0000;border:none}.compare-recipe-data__grid .grid__row:first-child{display:none}.compare-recipe-data__grid .grid__row-item{font-size:14px;width:100%!important}.compare-recipe-data__grid .grid__row-item.amount{justify-content:space-between;width:100%;display:flex}.compare-recipe-data__grid .grid__row-item.amount>span{display:block}.compare-recipe-data__grid .grid__row-item.dataname{margin-bottom:4px}.compare-recipe-data__grid .grid__row-item.recipeName{display:block}}