import { H as HEADER_HEIGHT } from "./index-DfebxkL9.js";
import { c as createStyles } from "./vendor-mantine-h0WlM2Mj.js";
const useStyles = createStyles((theme, _, utils) => ({
  container: {
    flexGrow: 1,
    width: `calc(100% - 580px)`,
    backgroundColor: theme.colors.backgroundGray[0],
    padding: `${theme.spacing.md} ${theme.spacing.sm} ${theme.spacing.md} ${theme.spacing.sm}`,
    [utils.smallerThan("lg")]: {
      width: "100%"
    },
    [utils.smallerThan("md")]: {
      padding: "16px"
    },
    [utils.largerThan("lg")]: {
      marginRight: 290
    },
    [utils.largerThan("md")]: {
      marginLeft: 290
    }
  },
  section: {
    height: `calc(100vh - ${HEADER_HEIGHT}px)`
  },
  scrollContainer: {
    display: "flex",
    alignItems: "center",
    justifyContent: "flex-start",
    flexDirection: "column",
    borderRadius: "8px",
    height: "100%",
    backgroundColor: theme.colors.backgroundGray[0]
  },
  headerMenu: {
    backgroundColor: "white",
    padding: "10px 0 0 10px",
    [utils.largerThan("md")]: {
      display: "none"
    }
  },
  headerMenuBurger: {
    div: {
      height: "2px"
    }
  },
  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"
    }
  },
  radio: {
    padding: "10px 0",
    "& .mantine-Radio-inner": {
      alignSelf: "center"
    },
    "& .mantine-Radio-label": {
      fontSize: "14px",
      paddingLeft: theme.spacing.xs
    }
  },
  textFieldInput: {
    "& .mantine-TextInput-label, .mantine-InputWrapper-label": {
      color: theme.colors.brandGray[0],
      fontSize: "12px",
      marginBottom: theme.spacing.xs
    },
    "& .mantine-TextInput-input": {
      borderRadius: "8px",
      border: "1px solid #D0D5DD"
    }
  },
  rotate: {
    animation: "rotate 3s linear infinite",
    "@keyframes rotate": {
      "0%": {
        transform: "rotate(360deg)"
      },
      "100%": {
        transform: "rotate(0deg)"
      }
    }
  },
  sectionControls: {
    [utils.smallerThan("xs")]: {
      flexDirection: "column"
    }
  },
  submitButton: {
    marginRight: theme.spacing.sm,
    [utils.smallerThan("xs")]: {
      marginRight: 0,
      maxWidth: "200px"
    }
  },
  imageContainer: {
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "center",
    border: "1px solid #D0D5DD",
    borderRadius: theme.radius.md,
    position: "relative",
    overflow: "hidden",
    // height: 80,
    // width: 300,
    // maxWidth: 300,
    // maxHeight: 80,
    // padding: theme.spacing.xs,
    marginBottom: theme.spacing.xs,
    [utils.smallerThan("xs")]: {
      maxWidth: "300px"
    }
  },
  imageOverlay: {
    position: "absolute",
    left: 0,
    bottom: 0,
    width: "100%",
    height: "100%",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    cursor: "pointer",
    transition: ".3s ease",
    opacity: 0,
    backgroundColor: theme.colors.dark[9],
    textAlign: "center",
    "&:hover": {
      opacity: "0.7"
    }
  },
  description: {
    fontSize: "12px",
    lineHeight: "17.5px",
    color: theme.colors.brandGray[0],
    fontWeight: 500,
    marginBottom: theme.spacing.xs
  },
  clientContainer: {
    alignItems: "flex-start",
    marginTop: `${theme.spacing.md}`,
    width: "100%"
  },
  copyInput: {
    backgroundColor: "#efefef"
  }
}));
export {
  useStyles as u
};
//# sourceMappingURL=styles-CGXtrnyw.js.map
