import "../../../../@ant-design/cssinjs/es/extractStyle.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
import "react";
import "../../../../@ant-design/cssinjs/es/StyleContext.mjs";
import { unit as a } from "../../../../@ant-design/cssinjs/es/util/index.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useHMR.mjs";
import "../../../../rc-util/es/warning.mjs";
import "../../../../@ant-design/cssinjs/es/theme/createTheme.mjs";
import "../../../../@ant-design/cssinjs/es/theme/ThemeCache.mjs";
import "../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
const p = (i) => {
  const {
    componentCls: o,
    motionDurationSlow: t,
    horizontalLineHeight: e,
    colorSplit: n,
    lineWidth: r,
    lineType: l,
    itemPaddingInline: m
  } = i;
  return {
    [`${o}-horizontal`]: {
      lineHeight: e,
      border: 0,
      borderBottom: `${a(r)} ${l} ${n}`,
      boxShadow: "none",
      "&::after": {
        display: "block",
        clear: "both",
        height: 0,
        content: '"\\20"'
      },
      // ======================= Item =======================
      [`${o}-item, ${o}-submenu`]: {
        position: "relative",
        display: "inline-block",
        verticalAlign: "bottom",
        paddingInline: m
      },
      [`> ${o}-item:hover,
        > ${o}-item-active,
        > ${o}-submenu ${o}-submenu-title:hover`]: {
        backgroundColor: "transparent"
      },
      [`${o}-item, ${o}-submenu-title`]: {
        transition: [`border-color ${t}`, `background ${t}`].join(",")
      },
      // ===================== Sub Menu =====================
      [`${o}-submenu-arrow`]: {
        display: "none"
      }
    }
  };
}, z = p;
export {
  z as default
};
