.dish-canvas{background:var(--dish-canvas-bg)}.dish-canvas-loading-indicator{background-color:var(--color-paper);color:var(--color-primary);border-radius:var(--radius-full);padding:var(--len-2);box-shadow:var(--shadow-sm);z-index:10}
.dish-line{align-items:stretch;gap:var(--len-4);cursor:pointer;padding:var(--dish-line-padding);background:var(--dish-line-bg);border:var(--dish-line-border);box-shadow:var(--dish-line-shadow);border-radius:var(--dish-line-radius);flex-direction:row;display:flex}.dish-line-add-button{width:var(--len-8);height:var(--len-8);cursor:pointer;background-color:var(--dish-line-add-btn-bg);color:var(--dish-line-add-btn-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:none;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;transition:background-color .2s,color .2s,transform .2s;display:flex}.dish-line-add-button:hover{color:var(--color-primary-hover)}.dish-line-add-button.added{background-color:var(--color-primary);color:var(--color-paper);animation:.4s ease-out dish-line-add-pop,.6s ease-out dish-line-add-ring}@keyframes dish-line-add-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes dish-line-add-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary)40%,transparent)}to{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary)0%,transparent)}}.dish-line.dish-line--just-added{animation:.6s ease-out dish-line-highlight}@keyframes dish-line-highlight{0%{background-color:var(--dish-line-bg)}30%{background-color:color-mix(in srgb,var(--color-primary)8%,var(--dish-line-bg,transparent))}to{background-color:var(--dish-line-bg)}}@media (prefers-reduced-motion:reduce){.dish-line-add-button.added,.dish-line.dish-line--just-added{animation:none}}.dish-line-image{width:var(--dish-image-size);height:var(--dish-image-size);min-width:var(--dish-image-size);border-radius:var(--dish-line-image-radius);flex-shrink:0;align-self:center;overflow:hidden}.dish-line-image-placeholder{width:var(--dish-image-size);height:var(--dish-image-size);min-width:var(--dish-image-size);border-radius:var(--dish-line-image-radius);background-color:var(--color-muted-bg);flex-shrink:0}.dishline-info-section{gap:var(--len-1);flex-direction:column;flex-grow:1;min-width:0;display:flex}.dish-line-name{font-family:var(--dish-line-name-font);font-size:var(--font-size-big);font-weight:var(--font-weight-bold)}.dishline-description{line-height:var(--line-height-small)}.dish-line-price{font-weight:var(--font-weight-bold);margin-top:auto}.dish-dietary-filters{gap:var(--len-1-5);display:flex}
.filter-icon-badge{border-radius:var(--radius-full);font-size:var(--font-size-tiny);background-color:color-mix(in srgb,var(--_icon-color,var(--color-muted-bg))15%,transparent);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.filter-icon-badge--sm{width:var(--len-5);height:var(--len-5)}.filter-icon-badge--md{width:var(--len-6);height:var(--len-6)}.filter-icon-badge--crossed{position:relative}.filter-icon-badge--crossed:after{content:"";border-top:var(--border-thin)solid var(--_icon-color,var(--color-text-secondary));pointer-events:none;width:120%;height:0;position:absolute;top:50%;left:-10%;transform:rotate(-45deg)}.filter-icon-badge-img{object-fit:contain;width:100%;height:100%}