import { c as createStyles } from "./vendor-mantine-h0WlM2Mj.js";
const useStyles = createStyles((theme, _, utils) => ({
  header: {
    position: "sticky",
    top: 0,
    [utils.dark]: {
      backgroundColor: theme.colors.dark[7]
    },
    [utils.light]: {
      backgroundColor: theme.white
    },
    transition: "box-shadow 150ms ease",
    zIndex: 300
  },
  wrapper: {
    overflow: "auto"
  },
  scrolled: {
    boxShadow: theme.shadows.sm
  },
  tr: {
    padding: "0 !important",
    position: "relative",
    backgroundColor: "white"
  },
  infiniteScroll: {
    "&::-webkit-scrollbar": {
      width: "8px",
      height: "10px"
    },
    "&::-webkit-scrollbar-thumb": {
      borderRadius: "8px",
      background: "#98A2B3"
    },
    "&::-webkit-scrollbar-track": {
      background: "#F9FAFB"
    },
    scrollbarColor: "#98A2B3 #F9FAFB"
  },
  infiniteScrollMoreData: {
    width: "100%",
    height: "50px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center"
  },
  error: {
    height: "100vh",
    width: "100%",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    flexDirection: "column",
    backgroundColor: theme.colors.backgroundGray[0],
    "& p": {
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      margin: "0px 10px"
    }
  }
}));
export {
  useStyles as u
};
//# sourceMappingURL=styles-BC5VOxAU.js.map
