import { alpha as i } from "@mui/material";
import { styled as e } from "@mui/material/styles";
import l from "simplebar-react";
e(l)(({ theme: r }) => ({
  height: "100%",
  "& .simplebar-scrollbar": {
    "&:before": {
      backgroundColor: i(r.colorSchemes.finalTheme.palette.grey[600], 0.48)
    },
    "&.simplebar-visible:before": {
      opacity: 1
    }
  },
  "& .simplebar-track.simplebar-vertical": {
    width: 10
  },
  "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar": {
    height: 6
  },
  "& .simplebar-mask": {
    zIndex: "inherit"
  },
  "& .simplebar-content": {
    display: "flex",
    height: "100%"
  }
}));
const s = e("div")(() => ({
  width: "100%",
  height: "100%",
  overflowX: "auto",
  overflowY: "hidden",
  transition: "scroll-behavior 0.5s",
  /* Otras propiedades CSS aquí */
  scrollbarWidth: "none",
  msOverflowStyle: "none",
  "&::-webkit-scrollbar": {
    width: 0
  }
}));
export {
  s as AnimatedScrollRoot
};
