const r = {
  /**
   * *********************************************
   * Styles for the Avatar root component.
   * *********************************************
   */
  avatarRoot: ({ theme: a, ownerState: i }) => ({
    width: a.vars.size[a.generalSettings.isMobile ? "desktop" : "mobile"][i?.size ?? "medium"].action,
    height: a.vars.size[a.generalSettings.isMobile ? "desktop" : "mobile"][i?.size ?? "medium"].action,
    "&.MuiAvatar-rounded": {
      borderRadius: a.vars.size.borderRadius.r1,
      fontSize: a.vars.size.typography[a.generalSettings.isMobile ? "desktop" : "mobile"].medium.paragraphStandard,
      color: a.vars.palette.default.contrastText,
      fontWeight: a.vars.size.typography.weight.bold700
    },
    "&.MuiAvatar-colorDefault": {
      backgroundColor: "transparent"
    }
  })
};
export {
  r as avatarStyles
};
