const genAppsLogoComponentsSimpleListStyle = (token) => {
  return {
    "&-content": {
      "maxHeight": "calc(100vh - 48px)",
      "overflow": "auto",
      "&-list": {
        "boxSizing": "border-box",
        "maxWidth": 376,
        "marginBlock": 0,
        "marginInline": 0,
        "paddingBlock": 0,
        "paddingInline": 0,
        "listStyle": "none",
        "&-item": {
          "position": "relative",
          "display": "inline-block",
          "width": 104,
          "height": 104,
          "marginBlock": 8,
          "marginInline": 8,
          "paddingInline": 24,
          "paddingBlock": 24,
          "verticalAlign": "top",
          "listStyleType": "none",
          "transition": "transform 0.2s cubic-bezier(0.333, 0, 0, 1)",
          "borderRadius": token.borderRadius,
          "&-group": {
            "marginBottom": 16,
            "&-title": {
              "margin": "16px 0 8px 12px",
              "fontWeight": 600,
              "color": "rgba(0, 0, 0, 0.88)",
              "fontSize": 16,
              "opacity": 0.85,
              "lineHeight": 1.5,
              "&:first-child": {
                marginTop: 12
              }
            }
          },
          "&:hover": {
            backgroundColor: token.colorBgTextHover
          },
          "a": {
            "display": "flex",
            "flexDirection": "column",
            "alignItems": "center",
            "height": "100%",
            "fontSize": 12,
            "textDecoration": "none",
            "& > #avatarLogo": {
              width: 40,
              height: 40,
              margin: "0 auto",
              color: token.colorPrimary,
              fontSize: 22,
              lineHeight: "40px",
              textAlign: "center",
              backgroundImage: "linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)",
              borderRadius: token.borderRadius
            },
            "& > img": {
              width: 40,
              height: 40
            },
            "& > div": {
              marginBlockStart: 5,
              marginInlineStart: 0,
              color: token.colorTextHeading,
              fontSize: 14,
              lineHeight: "22px",
              whiteSpace: "nowrap",
              textOverflow: "ellipsis"
            },
            "& > div > span": {
              color: token.colorTextSecondary,
              fontSize: 12,
              lineHeight: "20px"
            }
          }
        }
      }
    }
  };
};
export {
  genAppsLogoComponentsSimpleListStyle
};
