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