const s = (r) => {
  const {
    componentCls: t,
    menuCls: e,
    colorError: n,
    colorTextLightSolid: l
  } = r, o = `${e}-item`;
  return {
    [`${t}, ${t}-menu-submenu`]: {
      [`${e} ${o}`]: {
        [`&${o}-danger:not(${o}-disabled)`]: {
          color: n,
          "&:hover": {
            color: l,
            backgroundColor: n
          }
        }
      }
    }
  };
}, c = s;
export {
  c as default
};
