const e = `h-9 shadow-lg rounded-lg bg-white/70 backdrop-blur-md flex text-base
                              text-gray-500 w-fit justify-start items-stretch divide-x divide-gray-200 border border-gray-200`, t = "transition-opacity duration-150 bg-gradient-to-t from-white to-white/70", r = `${t}
  relative group overflow-visible
  disabled:hover:from-transparent disabled:hover:to-[rgba(255,255,255,0.15)]
  hover:(from-gray-100 to-white/40 text-upstart-800)
  active:(opacity-60)
  disabled:text-white/40 first:rounded-l-lg last:rounded-r-lg`, o = "from-upstart-100 to-transparent text-upstart-800", a = `flex items-center justify-center py-3 gap-x-0.5 px-2.5 group relative
  focus-visible:outline-none disabled:hover:cursor-default text-nowrap whitespace-nowrap`;
export {
  o as menuBarBtnActiveCls,
  a as menuBarBtnCls,
  r as menuBarBtnCommonCls,
  e as menuNavBarCls
};
//# sourceMappingURL=menubar-styles.js.map
