const i = {
  /**
   * Styles for Root.
   */
  root: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    position: "relative",
    inset: "0",
    overflow: "hidden",
    width: "100%",
    height: "100%",
    paddingLeft: e.vars.size.baseSpacings.sp4,
    paddingRight: e.vars.size.baseSpacings.sp4
  }),
  /**
   * Styles for LoadingError.
   */
  loadingError: ({ theme: e }) => ({
    width: "100%",
    height: "100%",
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    minHeight: e.vars.size.baseSpacings.sp1
  }),
  /**
   * Styles for LoadingErrorContent.
   */
  loadingErrorContent: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    width: "268px",
    gap: e.vars.size.baseSpacings["sp2-5"],
    padding: e.vars.size.baseSpacings.sp3,
    alignContent: "center",
    justifyContent: "center",
    alignItems: "center",
    flexShrink: 0,
    height: "100%"
  }),
  /**
   * Styles for LoadingErrorTitleDescription.
   */
  loadingErrorTitleDescription: ({ theme: e }) => ({
    textAlign: "center",
    flexDirection: "column",
    display: "flex",
    gap: e.vars.size.baseSpacings.sp1
  }),
  /**
   * Styles for loadingErrorImage.
   */
  loadingErrorImage: () => ({
    width: "80px",
    height: "80px",
    maxHeight: "80px",
    minHeight: "60px"
  }),
  /**
   * Styles for LoadingErrorDivider.
   */
  loadingErrorDivider: ({ theme: e }) => ({
    width: "100%",
    height: "1px",
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp3,
    alignSelf: "stretch",
    backgroundColor: e.vars.palette.border.secondary
  }),
  /**
   * Styles for LoadingErrorContainer.
   */
  loadingErrorContainer: () => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    height: "100%"
  }),
  /**
   * Styles for LoadingErrorTextContainerStyled.
   */
  loadingErrorTextContainer: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp3
  }),
  /**
   * Styles for LoadingErrorButtonContainerStyled.
   */
  loadingErrorButtonContainer: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp2,
    alignSelf: "stretch"
  }),
  /**
   * Styles for LoadingErrorRecommendationTextStyled.
   */
  loadingErrorRecommendationText: ({ theme: e }) => ({
    color: `${e.vars.palette.text.secondary} !important`
  }),
  /**
   * Styles for LinearProgressIndeterminateStyled.
   */
  linearProgressIndeterminate: () => ({
    top: "unset",
    position: "relative"
  })
};
export {
  i as loadingErrorStyles
};
