import { $ as Root } from "./theme.BUf-nmmj.js";
const r = Root;
const menuNavBarCls = `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`;
const menuBarBtnBaseCls = `transition-opacity duration-150 bg-gradient-to-t from-white to-white/70`;
const menuBarBtnCommonCls = `${menuBarBtnBaseCls}
  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`;
const menuBarBtnActiveCls = `from-upstart-100 to-transparent text-upstart-800`;
const menuBarBtnCls = `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 {
  menuBarBtnCls as a,
  menuBarBtnCommonCls as b,
  menuBarBtnActiveCls as c,
  menuNavBarCls as m,
  r
};
//# sourceMappingURL=menubar-styles.CAoYaZCX.js.map
