const r = {
  /**
   * Elemento Root
   */
  root: ({ theme: o }) => ({
    display: "flex",
    flexDirection: "column",
    gap: o.vars.size.baseSpacings["sp0-5"],
    width: "100%"
  }),
  /**
   * Estilos personalizados para el componente RHFTextFieldPassword.
   */
  textField: {},
  /**
   * Estilos personalizados para el componente IconButton.
   */
  iconButtonStyled: ({ theme: o, ownerState: t }) => ({
    "& .MuiIconButton-root": {
      color: o.vars.palette.text.primary
    },
    "&:hover": {
      backgroundColor: "transparent"
    },
    ...t?.error && {
      "& .MuiIconButton-root": {
        color: o.vars.palette.error.semanticText
      }
    }
  })
};
export {
  r as rhfTextFieldPasswordStyles
};
