%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.8352c036a19b0051d0217d27d25e3f4a/static/js/pages/migration/ |
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", }, };