@font-face{font-family:"OurLikes";src:url("like-icons-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:block}
@font-face{font-family:"OurLikesFill";src:url("like-icons-fill.woff2") format("woff2");font-style:normal;font-weight:400;font-display:block}
.meal .meal-likes button{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);transition:color .18s,background .18s,border-color .18s,transform .18s}
.meal .meal-likes button .like-icon{font-family:"OurLikes"!important;font-size:27px;font-style:normal;font-weight:400;line-height:1;letter-spacing:0;text-transform:none;-webkit-font-smoothing:antialiased}
.meal .meal-likes button[aria-pressed="true"] .like-icon{font-family:"OurLikesFill"!important}
.meal .meal-likes button[data-person="bing"]{color:#648b9e}
.meal .meal-likes button[data-person="yao"]{color:#ac7c94}
.meal .meal-likes button[data-person="bing"][aria-pressed="true"]{color:#24769e;background:#e1f3fb;border-color:#92c6dc;box-shadow:0 3px 9px #3586a21b}
.meal .meal-likes button[data-person="yao"][aria-pressed="true"]{color:#a84d7c;background:#fce8f1;border-color:#d9a0bd;box-shadow:0 3px 9px #a6507e1b}
.meal .meal-likes button[data-person][data-rating="-1"]{color:#111111;background:#eeeeee;border-color:#a6a6a6;box-shadow:none}
.meal .meal-likes button{touch-action:manipulation;user-select:none;-webkit-user-select:none}
.meal .meal-likes button:hover{transform:translateY(-1px)}.meal .meal-likes button:active{transform:scale(.94)}.meal .meal-likes button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.meal .meal-likes button{transition:none;transform:none}}
