@property --wash{syntax:"<color>";inherits:false;initial-value:#0000}.menu-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:linear-gradient(90deg, transparent, var(--wash) 72px, var(--wash) calc(100% - 72px), transparent);border:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 18px;transition:--wash .16s;display:grid}.menu-item:hover,.menu-item.selected{--wash:color-mix(in srgb, var(--color-accent) 10%, transparent)}.menu-item>svg:first-child{justify-self:center}.menu-item .wrapper{flex-direction:column;min-width:0;display:flex}.menu-item.locked{cursor:not-allowed}