import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
const o = (l) => {
  const { componentCls: e } = l;
  return {
    [e]: {
      position: "relative",
      width: "inherit",
      fontSize: l.fontSize,
      lineHeight: l.lineHeight,
      [`${e}__value-group-item`]: {
        display: "flex",
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap",
        minWidth: 0
      },
      [`${e}__value-group-value-end`]: {
        justifyContent: "flex-end"
      },
      [`${e}__value-group-label`]: {
        display: "inline-block",
        color: l.textColor3,
        wordBreak: "break-all",
        position: "relative",
        justifyContent: "center"
      },
      [`${e}__value-group-label-semicolon`]: {
        display: "inline-block",
        paddingInlineStart: l.spaceXXS,
        paddingInlineEnd: l.spaceXS
      },
      [`${e}__value-group-value`]: {
        color: l.textColor1,
        wordBreak: "break-all",
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap"
      },
      [`${e}__value-group-link`]: {
        cursor: "pointer",
        color: l.colorLink,
        textDecoration: "none"
      },
      [`${e}__value-group-label-left`]: {
        textAlign: "left"
      },
      [`${e}__value-group-label-right`]: {
        textAlign: "right"
      },
      [`${e}__label-align-space-between`]: {
        justifyContent: "space-between"
      },
      [`${e}-base`]: {
        display: "flex"
      },
      [`${e}--vertical`]: {
        flexDirection: "column",
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap",
        "> *": {
          overflow: "hidden",
          textOverflow: "ellipsis",
          whiteSpace: "nowrap",
          minWidth: 0
        }
      },
      [`${e}--horizontal`]: {
        flexDirection: "row",
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap",
        "> *": {
          overflow: "hidden",
          textOverflow: "ellipsis",
          whiteSpace: "nowrap",
          minWidth: 0
        }
      },
      [`${e}__tooltip-item`]: {
        display: "flex"
      },
      [`${e}__tooltip-label`]: {
        whiteSpace: "nowrap",
        wordBreak: "break-all"
      },
      [`${e}__tooltip-value`]: {
        wordBreak: "break-all",
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap"
      },
      [`${e}__cross-bar`]: {
        display: "flex",
        alignItems: "center"
      },
      [`${e}__ellipsis`]: {
        overflow: "hidden",
        textOverflow: "ellipsis",
        whiteSpace: "nowrap",
        wordBreak: "break-all"
      },
      [`${e}__help-message`]: {
        display: "flex",
        alignItems: "center",
        marginInlineStart: l.spaceXS
      },
      [`${e}__major`]: {
        lineHeight: l.lineHeight,
        color: l.textColor1
      },
      [`${e}__minor`]: {
        lineHeight: l.lineHeight,
        color: l.textColor3
      },
      [`${e}__label`]: {
        display: "inline-block",
        color: l.textColor3,
        wordBreak: "break-all"
      },
      [`${e}__value`]: {
        display: l.textColor1,
        wordBreak: "break-all"
      },
      [`${e}__unit`]: {
        color: l.textColor1
      },
      [`${e}__link, ${e}__link a`]: {
        cursor: "pointer",
        color: l.colorLink,
        textDecoration: "none"
      }
    }
  };
}, t = i("ApLadder", (l) => [
  o(l)
]);
export {
  t as default
};
