.feature-image{margin-right:5px}.diet-type{color:var(--2D2D2D,#2D2D2D);font-family:var(--font-open-sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal}.dish-div{text-align:left;background-color:#fff8e3;display:inline-flex;position:relative;width:400px;border-radius:15px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137)}.dish-div.true{background:var(--E5F7F1,#E5F7F1);box-shadow:2px 2px 0 0 #00ad7a}.dish-div .image-div{padding:2% 15px 2% 2%}.dish-div .image-div .meal-image{height:110px;width:80px;border-radius:9px}.dish-div .selection-icon-box{display:inline-block;position:absolute;top:6px;right:6px}.dish-div .group-wrapper{background-color:#fff;border:1px solid #2d2d2d;border-radius:19px;box-shadow:2px 2px 0 #2d2d2d;height:30px;display:flex;justify-content:center;align-items:center;width:30px}.dish-div .dish-details{width:70%;margin:9px 0;display:flex;flex-direction:column;justify-content:space-evenly}.dish-div .dish-details .dish-name{font-family:var(--font-righteous);-webkit-box-orient:vertical;display:-webkit-box;margin:.2em 0;-webkit-line-clamp:2;overflow:hidden;color:var(--2D2D2D,#2D2D2D);font-size:20px;font-style:normal;font-weight:400;line-height:normal}.dish-div .dish-details .time-and-type-for-dish{font-size:16px;font-family:var(--font-open-sans);display:flex;align-items:center;color:#000}.dish-details-option-div{display:flex;align-items:center;gap:8px;cursor:pointer}.dish-details-option-div span{color:var(--2D2D2D,#2D2D2D);font-family:var(--font-open-sans);font-size:16px;font-style:normal;font-weight:500;line-height:140%}@media only screen and (max-width:768px){.css-1jba0p3-MuiGrid-root>.MuiGrid-item{width:100%}.dish-div{max-width:100%;height:96px}.dish-div .diet-type{font-size:12px}.dish-div .dish-name{font-size:13.7px!important}.dish-div .time-and-type-for-dish{font-size:12px!important}.dish-div .css-142iwfn-MuiGrid-root,.dish-div .css-1jba0p3-MuiGrid-root{width:100%!important}.dish-div .feature-image{height:13px;width:13px}.dish-div .profile-image{height:16px;width:16px}.dish-div .image-div{padding:2% 8px 2% 2%}.dish-div .image-div .meal-image{height:82px;width:60px}.dish-div .selection-icon-box .group-wrapper{height:20px;width:20px}.dish-div .selection-icon-box .MuiSvgIcon-root{height:16px}}