import { H as HEADER_HEIGHT } from "./index-DfebxkL9.js";
import { c as createStyles } from "./vendor-mantine-h0WlM2Mj.js";
const useStyles = createStyles((theme, _, utils) => ({
  paginateControl: {
    border: "none",
    borderRadius: "0px",
    padding: "23px 28px",
    [utils.smallerThan("md")]: {
      padding: "10px 15px"
    },
    "&[data-active]": {
      borderBottom: "2px solid #101828",
      backgroundColor: theme.white,
      color: theme.black,
      "&:hover": {
        backgroundColor: theme.white
      }
    },
    "&[data-active]:not([data-disabled]):hover": {
      backgroundColor: theme.white
    }
  },
  paginateRoot: {
    backgroundColor: theme.white,
    justifyContent: "center",
    width: "100%",
    flexWrap: "nowrap",
    padding: "23px 28px",
    "& .mantine-Group-root": {
      justifyContent: "center"
    }
  },
  simpleNavbar: {
    backgroundColor: theme.colors.backgroundGray[0],
    position: "fixed",
    [utils.smallerThan("md")]: {
      alignItems: "flex-start",
      marginRight: theme.spacing.xs,
      marginLeft: theme.spacing.xs,
      backgroundColor: "white",
      padding: "0"
    }
  },
  headerMenu: {
    flexGrow: 1,
    overflow: "auto",
    [utils.smallerThan("md")]: {
      maxWidth: "850px",
      backgroundColor: "white",
      borderRadius: "8px",
      margin: "20px 15px"
    },
    [utils.largerThan("md")]: {
      marginLeft: 300
    }
  },
  headerMenuBurger: {
    padding: "20px 0 0 10px",
    button: {
      div: {
        height: "2px"
      }
    },
    [utils.largerThan("md")]: {
      display: "none"
    }
  },
  section: {
    height: `calc(100vh - ${HEADER_HEIGHT}px)`
  }
}));
export {
  useStyles as u
};
//# sourceMappingURL=styles-BS0QIA50.js.map
