const a = (r) => {
  const {
    componentCls: o,
    marginXXS: e,
    fontSizeIcon: t,
    headerIconColor: n,
    headerIconHoverColor: l
  } = r;
  return {
    [`${o}-wrapper`]: {
      [`${o}-thead th${o}-column-has-sorters`]: {
        outline: "none",
        cursor: "pointer",
        transition: `all ${r.motionDurationSlow}`,
        "&:hover": {
          background: r.tableHeaderSortHoverBg,
          "&::before": {
            backgroundColor: "transparent !important"
          }
        },
        "&:focus-visible": {
          color: r.colorPrimary
        },
        // https://github.com/ant-design/ant-design/issues/30969
        [`
          &${o}-cell-fix-left:hover,
          &${o}-cell-fix-right:hover
        `]: {
          background: r.tableFixedHeaderSortActiveBg
        }
      },
      [`${o}-thead th${o}-column-sort`]: {
        background: r.tableHeaderSortBg,
        "&::before": {
          backgroundColor: "transparent !important"
        }
      },
      [`td${o}-column-sort`]: {
        background: r.tableBodySortBg
      },
      [`${o}-column-title`]: {
        position: "relative",
        zIndex: 1,
        flex: 1
      },
      [`${o}-column-sorters`]: {
        display: "flex",
        flex: "auto",
        alignItems: "center",
        justifyContent: "space-between",
        "&::after": {
          position: "absolute",
          inset: 0,
          width: "100%",
          height: "100%",
          content: '""'
        }
      },
      [`${o}-column-sorter`]: {
        marginInlineStart: e,
        color: n,
        fontSize: 0,
        transition: `color ${r.motionDurationSlow}`,
        "&-inner": {
          display: "inline-flex",
          flexDirection: "column",
          alignItems: "center"
        },
        "&-up, &-down": {
          fontSize: t,
          "&.active": {
            color: r.colorPrimary
          }
        },
        [`${o}-column-sorter-up + ${o}-column-sorter-down`]: {
          marginTop: "-0.3em"
        }
      },
      [`${o}-column-sorters:hover ${o}-column-sorter`]: {
        color: l
      }
    }
  };
}, i = a;
export {
  i as default
};
