sate-lib/lib/components/menu-item/menu-item.styles_module.css

A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.

.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);cursor:pointer;border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:color-mix(in srgb,var(--color-background-screen-active)4%,#0000000a)}}}.content-Uf0iNQ{flex:1;padding-left:1.25rem;position:relative}.header-u15xam{gap:var(--spacing-size-8,.5rem);align-items:center;display:flex}.nameWrapper-VFCc75{gap:var(--spacing-size-4,.25rem);align-items:center;display:flex}.badges-dFGqqm{gap:.125rem;display:flex}.dots-HNeJes{background-color:currentColor;flex-grow:1;align-self:flex-end;height:1px;margin-bottom:.38rem;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 21 1%27%3E%3Cpath stroke=%27%23fff%27 stroke-dasharray=%270.2 4%27 stroke-linecap=%27round%27 d=%27M.5.5h20%27/%3E%3C/svg%3E") 50%/auto 100% repeat-x}.description-o3HdRB{color:var(--color-content-secondary,#646464)}.prices-Tw4RPd{flex-direction:column;display:flex}.priceItem-DnKDL_{justify-content:space-between;display:flex}.priceLabel-vAqSq7{color:var(--color-content-tertiary,gray);padding-right:.5rem}.priceValue-zmDzqI{color:var(--color-content-primary,#202020)}.special-kgUByS{padding:var(--spacing-size-12,12px)var(--spacing-size-16,16px);margin:var(--spacing-size-16,16px)var(--spacing-size-12,12px);border:1px solid color-mix(in srgb,var(--color-border-overlay)11%,#0000001c);border-radius:var(--radius-radii-24,1.5rem);flex-direction:column;align-items:center;& .content-Uf0iNQ{gap:var(--spacing-size-8,.5rem);flex-direction:column;padding-left:0;display:flex}& .header-u15xam{gap:var(--spacing-size-4,.25rem);flex-direction:column}& .dots-HNeJes{display:none}& .description-o3HdRB{text-align:center}& .icon-kXyR0s{width:1.75rem;height:1.75rem;color:var(--color-content-primary,#202020);background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-full,62.5rem);padding:.5rem;top:-13px;left:50%;transform:translate(-50%,-50%)}}.special-kgUByS.active-bKWozD .icon-kXyR0s{background:#ebebeb}