const i = {
  /**
   * Estilo aplicado al contenedor del footer
   */
  containerFooter: ({ theme: s, ownerState: a }) => ({
    height: "auto",
    display: "grid",
    placeItems: "center",
    boxShadow: `0px -1px 0px 0px ${s.vars.palette.border.disabled}`,
    borderWidth: a?.anchored ? s.vars.size.baseSpacings["sp0-5"] : s.vars.size.baseSpacings.sp0,
    transition: "all 0.5s",
    paddingBottom: s.vars.size.baseSpacings.sp2,
    marginLeft: s.vars.size.baseSpacings.sp4,
    marginRight: s.vars.size.baseSpacings.sp4,
    ...!a?.anchored && !s.generalSettings.isMobile && {
      transition: "all 0.5s",
      visibility: "hidden"
    }
  })
};
export {
  i as footerSideBarStyles
};
