%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/emergentqj/actioncivile/pre-auth/.8352c036a19b0051d0217d27d25e3f4a/static/js/pages/migration/
Upload File :
Create Path :
Current File : /home/emergentqj/actioncivile/pre-auth/.8352c036a19b0051d0217d27d25e3f4a/static/js/pages/migration/styles.js

export const styles = {
  wrapper: {
    display: "flex",
    flexDirection: "column",
    height: "100%",
    width: "100%",
    maxWidth: "586px",
    margin: "0 auto",
  },
  heading2: {
    fontFamily: "Poppins",
    fontSize: "24px",
    fontStyle: "normal",
    fontWeight: 700,
    lineHeight: "32px",
    letterSpacing: 0,
    textAlign: "center",
    color: "#262626",
    marginBottom: "16px",
  },
  heading3: {
    fontFamily: "Poppins",
    fontSize: "20px",
    fontStyle: "normal",
    fontWeight: 600,
    lineHeight: "28px",
    letterSpacing: 0,
    textAlign: "left",
    color: "#000",

    marginBottom: "16px",
  },
  heading4: {
    fontFamily: "Poppins",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 600,
    lineHeight: "24px",
    letterSpacing: "0px",
  },
  intro: {
    "& $lightButton": {
      margin: "0 auto",
    },

    "@media only screen and (min-width: 480px)": {
      display: "flex",
      alignItems: "center",

      "&>div:first-child": {
        textAlign: "left",
      },
    },
  },
  introParagraph: {
    marginTop: "4px",
    paddingRight: "15px",

    "@media only screen and (max-width: 480px)": {
      textAlign: "center !important",
    },
  },
  lightGrayText: {
    color: "#595959",
  },
  defaultButton: {
    color: "#872878",
  },
  backLink: {
    display: "inline-block",
    marginTop: "42px",
    cursor: "pointer",
  },
  paragraph: {
    fontFamily: "Poppins",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 400,
    lineHeight: "24px",
    letterSpacing: 0,
    textAlign: "left",
    color: "#595959",
  },
  smallParagraph: {
    fontFamily: "Poppins",
    fontSize: "14px",
    fontStyle: "normal",
    fontWeight: 400,
    lineHeight: "21px",
    letterSpacing: 0,
    textAlign: "left",

    marginBottom: 0,
  },
  instructionsWrapper: {
    margin: "32px 0 64px 0",
  },
  orderedList: {
    "@media only screen and (min-width: 480px)": {
      paddingLeft: "25px",
    },
    color: "#000",
  },
  link: {
    color: "#872878",
    textDecoration: "none",
    cursor: "pointer",
  },
  button: {
    fontFamily: "Poppins",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 500,
    lineHeight: "24px",
    letterSpacing: "0.15px",
    textAlign: "center",
    color: "#fff",
    cursor: "pointer",
    border: "none",

    height: "40px",
    width: "100%",
    borderRadius: "4px",
    backgroundColor: "#872878",
    marginTop: "25px",
  },
  lightButton: {
    fontFamily: "Poppins",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 500,
    lineHeight: "21px",
    letterSpacing: "0.15px",
    textAlign: "center",
    color: "#872878",
    padding: "11px 8px",
    border: "1px solid #872878 !important",
    boxSizing: "border-box",
    borderRadius: "4px",
    boxShadow: "none !important",
    cursor: "pointer",
    backgroundColor: "#FFFFFF",
  },
  downloadGuideButton: {
    maxWidth: "265px",
    width: "190px",
    minHeight: "43px",
  },
  centerText: {
    textAlign: "center",
  },
  centerMobileText: {
    "@media only screen and (max-width: 481px)": {
      "& p, h3": {
        textAlign: "center",
      },
    },
  },
  centerMobileSteps: {
    "@media only screen and (max-width: 481px)": {
      flexDirection: "column",
      display: "flex",
      alignItems: "center",
    },
  },
  setPasswordForm: {
    marginTop: "64px",
  },
  requirementsWrapper: {
    textAlign: "left",

    marginTop: "24px",

    "& ul": {
      margin: "8px 0 0 18px",
      paddingLeft: 0,
    },
    "& li": {
      paddingLeft: "14px",
    },
  },

  successMessage: {
    margin: "10px 0 61px 0",
  },

  bottomWrapper: {
    "@media only screen and (max-width: 481px)": {
      display: "flex",
      flexDirection: "column",
      flexGrow: 1,
      justifyContent: "end",
      width: "100%",
      bottom: "40px",
    },
  },
  icon: {
    width: "66.67px",
    margin: "0 auto",
  },
  unstyledLink: {
    textDecoration: "none",
  },
  sepaTitle: {
    display: "flex",
    justifyContent: "space-between",
  },
  sepaDetailsBox: {
    border: "1px solid #B1B1B1",
    borderRadius: "4px",
    display: "flex",
    flexDirection: "row",
    marginTop: "15px",
  },
  sepaDetails: {
    fontFamily: "Poppins",
    fontSize: "16px",
    fontWeight: 400,
    textAlign: "left",
    lineHeight: "24px",
    marginLeft: "15px",
    color: "#000000",
    opacity: 0.8,
    width: "85%",
  },
  sepaEditButtonContainer: {
    width: "15%",
    marginTop: "1em",
    marginRight: "1em",
  },
  sepaEditButton: {
    width: "100%",
    height: "40px",
    backgroundColor: "#FFFFFF",
  },
  sepaIban: {
    fontWeight: 700,
  },
  sepaAuthorizationText: {
    fontFamily: "Poppins",
    fontSize: "14px",
    fontWeight: 400,
    textAlign: "justify",
    color: "#000000",
    opacity: 0.6,
    paddingLeft: "10px",
  },
  ibanContainer: {
    backgroundColor: "#F7F8F9",
    borderRadius: "4px",
    textAlign: "left",
    marginTop: "20px",
  },
  ibanDetails: {
    marginLeft: "20px",
  },
  ibanText: {
    fontWeight: 400,
    fontSize: "14px",
    color: "#262626",
  },
  ibanNumber: {
    fontWeight: 700,
    fontSize: "16px",
    color: "#000000",
    opacity: 0.8,
  },
  outlinedTextField: {
    width: "100%",
  },
  horizontalButtonsContainer: {
    display: "flex",
    gap: "10px",
    height: "40px",
    marginTop: "25px",
    "& button": {
      flex: 1,
    },
  },
  circularProgress: {
    color: "#872878",
    marginTop: "30px",
  },
};

Zerion Mini Shell 1.0