Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"657be056-0a47-92b8-57d2-e591a64e359b","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["657be056-0a47-92b8-57d2-e591a64e359c","657be056-0a47-92b8-57d2-e591a64e35cb","657be056-0a47-92b8-57d2-e591a64e35ce"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359c","type":"FormForm","tag":"form","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ab"],"children":["657be056-0a47-92b8-57d2-e591a64e359d","8fe00f65-67b7-cdd6-986a-3e24005b4731","eac66237-4ecf-0ee5-e2ea-de07e31c099e","657be056-0a47-92b8-57d2-e591a64e35ac","657be056-0a47-92b8-57d2-e591a64e35b9","657be056-0a47-92b8-57d2-e591a64e35bd","4b4376b1-7137-9008-8b87-f72387112b9c","60af13df-f248-7638-ce5f-a2cc2b928eac","657be056-0a47-92b8-57d2-e591a64e35ca","70618c7d-caf6-cf21-a3d9-92c88efa1709","657be056-0a47-92b8-57d2-e591a64e359a","c6f335db-94c9-37b0-ada3-6e933de508b2"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359d","type":"Heading","tag":"h2","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ad"],"children":["657be056-0a47-92b8-57d2-e591a64e359e"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359e","text":true,"v":"Welcome back "},{"_id":"8fe00f65-67b7-cdd6-986a-3e24005b4731","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44","af80aef6-da51-78a4-5475-ab37f18df3f0"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"eac66237-4ecf-0ee5-e2ea-de07e31c099e","type":"Block","tag":"div","classes":[],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a4","6606ad2b-da38-58d7-688f-3ef1a4b0d861","ced5e535-46b2-4a6f-454c-ebcb6eef1f41"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a4","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ae","1045399b-abfb-0941-8ee2-5cd0d4b949b4"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a5"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a5","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a8"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a6","6d906d2a-3deb-a75a-cdba-90678e3098a9","6d906d2a-3deb-a75a-cdba-90678e3098a7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a6","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94999"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e4280dc2f512b79c94c0"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a9","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a9"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098aa"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098aa","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499c"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e4280dc2f501cf9c94bf"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a7","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94996"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a8"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a8","text":true,"v":"Disconnect from Google"},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d861","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ae","29c79ba3-89c1-0036-22c9-dbc460f2554a"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d862"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"facebook"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d862","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a8"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d863","6606ad2b-da38-58d7-688f-3ef1a4b0d864","6606ad2b-da38-58d7-688f-3ef1a4b0d866"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d863","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94999"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e6aabf5255590588fae0"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d864","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94996"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d865"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Facebook"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d865","text":true,"v":"Continue with Facebook"},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d866","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a9"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d867"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d867","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499c"],"children":[],"data":{"attr":{"src":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f41","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ae","982b8c0e-d890-6e8a-779d-ec818519ac59"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f42"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"dribbble"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f42","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a8"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f43","ced5e535-46b2-4a6f-454c-ebcb6eef1f44","ced5e535-46b2-4a6f-454c-ebcb6eef1f46"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f43","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94999"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e6b0474b2f9de0366248"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f44","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94996"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f45"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Dribbble"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f45","text":true,"v":"Continue with Dribbble"},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f46","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a9"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f47"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f47","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499c"],"children":[],"data":{"attr":{"src":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ac","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499f"],"children":["657be056-0a47-92b8-57d2-e591a64e35ad","657be056-0a47-92b8-57d2-e591a64e35ae","657be056-0a47-92b8-57d2-e591a64e35b0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ad","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94995"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ae","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35af"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35af","text":true,"v":"or continue with email"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35b0","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94995"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35b9","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499a"],"children":["657be056-0a47-92b8-57d2-e591a64e35ba","657be056-0a47-92b8-57d2-e591a64e35bc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ba","type":"FormBlockLabel","tag":"label","classes":["1dca874a-ba69-13ff-8634-ede150b22fa9"],"children":["657be056-0a47-92b8-57d2-e591a64e35bb"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bb","text":true,"v":"Email Address"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bc","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"Email...","type":"email","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bd","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499a","89c83fd2-c01d-8484-86e5-4cab1c350783"],"children":["657be056-0a47-92b8-57d2-e591a64e35be","bb0b34df-27b7-773a-2269-87cbebeb14ea","bb0b34df-27b7-773a-2269-87cbebeb14eb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35be","type":"FormBlockLabel","tag":"label","classes":["1dca874a-ba69-13ff-8634-ede150b22fa9"],"children":["657be056-0a47-92b8-57d2-e591a64e35bf"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bf","text":true,"v":"Password"},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ea","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password...","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password 3","type":"input","passwordPage":false},"displayName":""}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14eb","type":"TabsWrapper","tag":"div","classes":["31a1bd99-d123-15fc-6845-23c71a0621b6"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14ec","bb0b34df-27b7-773a-2269-87cbebeb14f5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tabs":{"type":"wrapper","current":"Show","easing":"ease","fadeIn":300,"fadeOut":100}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ec","type":"TabsMenu","tag":"div","classes":["08bdbeb7-a935-169f-779f-590d6af25be1"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14ed","bb0b34df-27b7-773a-2269-87cbebeb14f1"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-transform","value":"true"}],"displayName":"","attr":{"id":"transformButton"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"menu"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ed","type":"TabsLink","tag":"a","classes":["31a1bd99-d123-15fc-6845-23c71a0621b7"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14ee"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Show"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ee","type":"HtmlEmbed","tag":"div","classes":["31a1bd99-d123-15fc-6845-23c71a0621b8"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false},"type":"html"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f1","type":"TabsLink","tag":"a","classes":["31a1bd99-d123-15fc-6845-23c71a0621b7"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14f2"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Hide"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f2","type":"HtmlEmbed","tag":"div","classes":["31a1bd99-d123-15fc-6845-23c71a0621b8"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","div":false,"script":false,"iframe":false,"compilable":false},"type":"html"},"insideRTE":false}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f5","type":"TabsContent","tag":"div","classes":["1dca874a-ba69-13ff-8634-ede150b22fa9"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14f6","bb0b34df-27b7-773a-2269-87cbebeb14f7"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"content"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f6","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"displayName":"","attr":{"id":"","data-w-tab":"Show"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f7","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"displayName":"","attr":{"id":"","data-w-tab":"Hide"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"4b4376b1-7137-9008-8b87-f72387112b9c","type":"Block","tag":"div","classes":["0cc4ca21-349a-5202-e823-d4c2cb8a3306"],"children":["df271c62-6ae0-fcfd-4349-c9b4ec384a7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"df271c62-6ae0-fcfd-4349-c9b4ec384a7a","type":"Link","tag":"a","classes":[],"children":["df271c62-6ae0-fcfd-4349-c9b4ec384a7b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"df271c62-6ae0-fcfd-4349-c9b4ec384a7b","text":true,"v":"Forgot Password?"},{"_id":"60af13df-f248-7638-ce5f-a2cc2b928eac","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ca","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"70618c7d-caf6-cf21-a3d9-92c88efa1709","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359a","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35d2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d2","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35d3","657be056-0a47-92b8-57d2-e591a64e35d4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d3","text":true,"v":"First time here? "},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d4","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a7"],"children":["657be056-0a47-92b8-57d2-e591a64e35d5"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d5","text":true,"v":"Sign up"},{"_id":"c6f335db-94c9-37b0-ada3-6e933de508b2","type":"HtmlEmbed","tag":"div","classes":["23693210-c82d-73e0-14c9-052ee89808f4"],"children":[],"v":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cb","type":"FormSuccessMessage","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35cc"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cc","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35cd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cd","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ce","type":"FormErrorMessage","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35cf"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cf","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35d0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d0","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"08bdbeb7-a935-169f-779f-590d6af25be1","fake":false,"type":"class","name":"show-password-button","namespace":"","comb":"","styleLess":"display: flex; height: 100%; padding-top: 1px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b4","fake":false,"type":"class","name":"Google","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-right-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-bottom-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-left-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b9499a","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0.8rem; flex-direction: column;","variants":{},"children":["89c83fd2-c01d-8484-86e5-4cab1c350783","37a6992f-21fb-0da2-03dd-8641ca55fd6d"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94997","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 40px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(273, 72.31%, 26.70%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["d7b634b9-0a21-697b-7b06-b8c259d19c95","e04598ef-1ffc-c4c5-efdb-16a586ab5d32","60201808-868b-4256-196e-03775ceca4af","875c9608-19b8-72f6-7ddf-23dfd3dd3672","2cb275c0-4f35-27cd-d240-7128e5df8295"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949a8","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 0.75rem;","variants":{},"children":["bacb1eaf-3ff5-fe3c-7637-7a0fb2ed584d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"23693210-c82d-73e0-14c9-052ee89808f4","fake":false,"type":"class","name":"👋 Show and Hide Password JS","namespace":"","comb":"","styleLess":"max-width: 300px; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"1dca874a-ba69-13ff-8634-ede150b22fa9","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"31a1bd99-d123-15fc-6845-23c71a0621b6","fake":false,"type":"class","name":"show-password-tabs","namespace":"","comb":"","styleLess":"z-index: 4; display: flex; width: 40px; min-width: 40px; margin-left: 0.4rem; flex-direction: column; justify-content: center; align-items: stretch; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"89c83fd2-c01d-8484-86e5-4cab1c350783","fake":false,"type":"class","name":"flex-horizontal","namespace":"","comb":"&","styleLess":"flex-direction: row;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"31a1bd99-d123-15fc-6845-23c71a0621b8","fake":false,"type":"class","name":"Eye SVG","namespace":"","comb":"","styleLess":"display: flex; width: 20px; justify-content: center; align-items: center; color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"042cb3bc-ca0d-8205-3f03-625cbbe29cd8","fake":false,"type":"class","name":"no-margin","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949a9","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 7px; padding-right: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949ab","fake":false,"type":"class","name":"signup-form-container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 512px; justify-content: space-between; flex-wrap: wrap; text-align: center;","variants":{},"children":["796fe0ab-a069-69b7-a5bf-34f15c158f9b"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94995","fake":false,"type":"class","name":"form-div-line","namespace":"","comb":"","styleLess":"width: 33%; height: 1px; background-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00);","variants":{"tiny":{"styleLess":"width: 20%;"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949ae","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 0.6em; padding-top: 8px; padding-right: 40px; padding-bottom: 8px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00);"}},"children":["1045399b-abfb-0941-8ee2-5cd0d4b949b4","29c79ba3-89c1-0036-22c9-dbc460f2554a","982b8c0e-d890-6e8a-779d-ec818519ac59"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0cc4ca21-349a-5202-e823-d4c2cb8a3306","fake":false,"type":"class","name":"text-align-left","namespace":"","comb":"","styleLess":"text-align: left;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44","fake":false,"type":"class","name":"space","namespace":"","comb":"","styleLess":"width: 1rem; height: 1rem;","variants":{},"children":["af80aef6-da51-78a4-5475-ab37f18df3f0","e542cca4-bc43-b91b-7903-9831c0aa9fcf","2d9938b7-a8ca-c5e8-dc29-4e4002237c66","abd2d280-4a77-249a-f639-52d7994bbb38"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"31a1bd99-d123-15fc-6845-23c71a0621b7","fake":false,"type":"class","name":"no-padding","namespace":"","comb":"","styleLess":"padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent;","variants":{"main_current":{"styleLess":"display: none;"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b9499c","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"af80aef6-da51-78a4-5475-ab37f18df3f0","fake":false,"type":"class","name":"2","namespace":"","comb":"&","styleLess":"width: 2rem; height: 2rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949a7","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00);","variants":{"main_hover":{"styleLess":"color: hsla(221.97424892703862, 100.00%, 45.69%, 1.00);"}},"children":["e3a61af3-e6b5-9989-bc81-727c52c181cd"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949ad","fake":false,"type":"class","name":"signup-header","namespace":"","comb":"","styleLess":"margin-top: 0px; font-size: 28px; line-height: 28px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"982b8c0e-d890-6e8a-779d-ec818519ac59","fake":false,"type":"class","name":"Dribbble","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: #ea4c89; border-right-color: #ea4c89; border-bottom-color: #ea4c89; border-left-color: #ea4c89;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94996","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b2","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); background-color: white;"},"main_placeholder":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); background-color: hsla(209.9999999999999, 44.44%, 96.47%, 0.50);"}},"children":["4c8d5083-a05a-b97f-8dd9-5a5ef820c52d"],"selector":null},{"_id":"29c79ba3-89c1-0036-22c9-dbc460f2554a","fake":false,"type":"class","name":"Facebook","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-right-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-bottom-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-left-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b9499f","fake":false,"type":"class","name":"form-divider","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 1rem; margin-bottom: 1.5rem; justify-content: space-between; align-items: center; color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94999","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","siteId":"621fc0da95a485bf5449b6c4","width":24,"isHD":false,"height":24,"fileName":"6357e4280dc2f512b79c94c0_google.svg","createdOn":"2022-10-25T13:27:04.776Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","_id":"6357e4280dc2f512b79c94c0","updatedOn":"2022-10-25T13:27:04.903Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","siteId":"621fc0da95a485bf5449b6c4","width":24,"isHD":false,"height":24,"fileName":"6357e4280dc2f501cf9c94bf_close_black_24dp.svg","createdOn":"2022-10-25T13:27:04.774Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","_id":"6357e4280dc2f501cf9c94bf","updatedOn":"2022-10-25T13:27:04.919Z","fileSize":430},{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","siteId":"621fc0da95a485bf5449b6c4","width":507,"isHD":false,"height":507,"fileName":"6357e6aabf5255590588fae0_facebook.svg","createdOn":"2022-10-25T13:37:46.623Z","origFileName":"facebook.svg","fileHash":"66789de071c028b87f9661321cf9984f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","_id":"6357e6aabf5255590588fae0","updatedOn":"2022-10-25T13:37:46.773Z","fileSize":758},{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","siteId":"621fc0da95a485bf5449b6c4","width":512,"isHD":false,"height":512,"fileName":"6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","createdOn":"2022-10-25T13:37:52.103Z","origFileName":"dribbble-svgrepo-com.svg","fileHash":"e7f954cb0117d95685f0a42f40f83f9e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","_id":"6357e6b0474b2f9de0366248","updatedOn":"2022-10-25T13:37:52.254Z","fileSize":2253}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":2,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"657be056-0a47-92b8-57d2-e591a64e359b","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["657be056-0a47-92b8-57d2-e591a64e359c","657be056-0a47-92b8-57d2-e591a64e35cb","657be056-0a47-92b8-57d2-e591a64e35ce"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359c","type":"FormForm","tag":"form","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ab"],"children":["657be056-0a47-92b8-57d2-e591a64e359d","8fe00f65-67b7-cdd6-986a-3e24005b4731","eac66237-4ecf-0ee5-e2ea-de07e31c099e","657be056-0a47-92b8-57d2-e591a64e35ac","657be056-0a47-92b8-57d2-e591a64e35b9","657be056-0a47-92b8-57d2-e591a64e35bd","4b4376b1-7137-9008-8b87-f72387112b9c","60af13df-f248-7638-ce5f-a2cc2b928eac","657be056-0a47-92b8-57d2-e591a64e35ca","70618c7d-caf6-cf21-a3d9-92c88efa1709","657be056-0a47-92b8-57d2-e591a64e359a","c6f335db-94c9-37b0-ada3-6e933de508b2"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359d","type":"Heading","tag":"h2","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ad"],"children":["657be056-0a47-92b8-57d2-e591a64e359e"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359e","text":true,"v":"Welcome back "},{"_id":"8fe00f65-67b7-cdd6-986a-3e24005b4731","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44","af80aef6-da51-78a4-5475-ab37f18df3f0"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"eac66237-4ecf-0ee5-e2ea-de07e31c099e","type":"Block","tag":"div","classes":[],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a4","6606ad2b-da38-58d7-688f-3ef1a4b0d861","ced5e535-46b2-4a6f-454c-ebcb6eef1f41"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a4","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ae","1045399b-abfb-0941-8ee2-5cd0d4b949b4"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a5"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a5","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a8"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a6","6d906d2a-3deb-a75a-cdba-90678e3098a9","6d906d2a-3deb-a75a-cdba-90678e3098a7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a6","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94999"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e4280dc2f512b79c94c0"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a9","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a9"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098aa"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098aa","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499c"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e4280dc2f501cf9c94bf"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a7","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94996"],"children":["6d906d2a-3deb-a75a-cdba-90678e3098a8"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6d906d2a-3deb-a75a-cdba-90678e3098a8","text":true,"v":"Disconnect from Google"},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d861","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ae","29c79ba3-89c1-0036-22c9-dbc460f2554a"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d862"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"facebook"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d862","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a8"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d863","6606ad2b-da38-58d7-688f-3ef1a4b0d864","6606ad2b-da38-58d7-688f-3ef1a4b0d866"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d863","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94999"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e6aabf5255590588fae0"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d864","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94996"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d865"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Facebook"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d865","text":true,"v":"Continue with Facebook"},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d866","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a9"],"children":["6606ad2b-da38-58d7-688f-3ef1a4b0d867"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6606ad2b-da38-58d7-688f-3ef1a4b0d867","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499c"],"children":[],"data":{"attr":{"src":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f41","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ae","982b8c0e-d890-6e8a-779d-ec818519ac59"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f42"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"dribbble"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f42","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a8"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f43","ced5e535-46b2-4a6f-454c-ebcb6eef1f44","ced5e535-46b2-4a6f-454c-ebcb6eef1f46"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f43","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94999"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6357e6b0474b2f9de0366248"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f44","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94996"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f45"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Dribbble"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f45","text":true,"v":"Continue with Dribbble"},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f46","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a9"],"children":["ced5e535-46b2-4a6f-454c-ebcb6eef1f47"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ced5e535-46b2-4a6f-454c-ebcb6eef1f47","type":"Image","tag":"img","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499c"],"children":[],"data":{"attr":{"src":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ac","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499f"],"children":["657be056-0a47-92b8-57d2-e591a64e35ad","657be056-0a47-92b8-57d2-e591a64e35ae","657be056-0a47-92b8-57d2-e591a64e35b0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ad","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94995"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ae","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35af"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35af","text":true,"v":"or continue with email"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35b0","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94995"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35b9","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499a"],"children":["657be056-0a47-92b8-57d2-e591a64e35ba","657be056-0a47-92b8-57d2-e591a64e35bc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ba","type":"FormBlockLabel","tag":"label","classes":["1dca874a-ba69-13ff-8634-ede150b22fa9"],"children":["657be056-0a47-92b8-57d2-e591a64e35bb"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bb","text":true,"v":"Email Address"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bc","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"Email...","type":"email","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bd","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499a","89c83fd2-c01d-8484-86e5-4cab1c350783"],"children":["657be056-0a47-92b8-57d2-e591a64e35be","bb0b34df-27b7-773a-2269-87cbebeb14ea","bb0b34df-27b7-773a-2269-87cbebeb14eb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35be","type":"FormBlockLabel","tag":"label","classes":["1dca874a-ba69-13ff-8634-ede150b22fa9"],"children":["657be056-0a47-92b8-57d2-e591a64e35bf"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bf","text":true,"v":"Password"},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ea","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password...","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password 3","type":"input","passwordPage":false},"displayName":""}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14eb","type":"TabsWrapper","tag":"div","classes":["31a1bd99-d123-15fc-6845-23c71a0621b6"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14ec","bb0b34df-27b7-773a-2269-87cbebeb14f5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tabs":{"type":"wrapper","current":"Show","easing":"ease","fadeIn":300,"fadeOut":100}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ec","type":"TabsMenu","tag":"div","classes":["08bdbeb7-a935-169f-779f-590d6af25be1"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14ed","bb0b34df-27b7-773a-2269-87cbebeb14f1"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-transform","value":"true"}],"displayName":"","attr":{"id":"transformButton"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"menu"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ed","type":"TabsLink","tag":"a","classes":["31a1bd99-d123-15fc-6845-23c71a0621b7"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14ee"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Show"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ee","type":"HtmlEmbed","tag":"div","classes":["31a1bd99-d123-15fc-6845-23c71a0621b8"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false},"type":"html"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f1","type":"TabsLink","tag":"a","classes":["31a1bd99-d123-15fc-6845-23c71a0621b7"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14f2"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Hide"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f2","type":"HtmlEmbed","tag":"div","classes":["31a1bd99-d123-15fc-6845-23c71a0621b8"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"20px\" viewBox=\"0 0 24 24\" width=\"20px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","div":false,"script":false,"iframe":false,"compilable":false},"type":"html"},"insideRTE":false}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f5","type":"TabsContent","tag":"div","classes":["1dca874a-ba69-13ff-8634-ede150b22fa9"],"children":["bb0b34df-27b7-773a-2269-87cbebeb14f6","bb0b34df-27b7-773a-2269-87cbebeb14f7"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"content"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f6","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"displayName":"","attr":{"id":"","data-w-tab":"Show"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14f7","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"displayName":"","attr":{"id":"","data-w-tab":"Hide"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"4b4376b1-7137-9008-8b87-f72387112b9c","type":"Block","tag":"div","classes":["0cc4ca21-349a-5202-e823-d4c2cb8a3306"],"children":["df271c62-6ae0-fcfd-4349-c9b4ec384a7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"df271c62-6ae0-fcfd-4349-c9b4ec384a7a","type":"Link","tag":"a","classes":[],"children":["df271c62-6ae0-fcfd-4349-c9b4ec384a7b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"df271c62-6ae0-fcfd-4349-c9b4ec384a7b","text":true,"v":"Forgot Password?"},{"_id":"60af13df-f248-7638-ce5f-a2cc2b928eac","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ca","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"70618c7d-caf6-cf21-a3d9-92c88efa1709","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359a","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35d2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d2","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35d3","657be056-0a47-92b8-57d2-e591a64e35d4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d3","text":true,"v":"First time here? "},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d4","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a7"],"children":["657be056-0a47-92b8-57d2-e591a64e35d5"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d5","text":true,"v":"Sign up"},{"_id":"c6f335db-94c9-37b0-ada3-6e933de508b2","type":"HtmlEmbed","tag":"div","classes":["23693210-c82d-73e0-14c9-052ee89808f4"],"children":[],"v":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cb","type":"FormSuccessMessage","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35cc"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cc","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35cd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cd","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ce","type":"FormErrorMessage","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35cf"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35cf","type":"Block","tag":"div","classes":[],"children":["657be056-0a47-92b8-57d2-e591a64e35d0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35d0","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"08bdbeb7-a935-169f-779f-590d6af25be1","fake":false,"type":"class","name":"show-password-button","namespace":"","comb":"","styleLess":"display: flex; height: 100%; padding-top: 1px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b4","fake":false,"type":"class","name":"Google","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-right-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-bottom-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-left-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b9499a","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0.8rem; flex-direction: column;","variants":{},"children":["89c83fd2-c01d-8484-86e5-4cab1c350783","37a6992f-21fb-0da2-03dd-8641ca55fd6d"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94997","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 40px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(273, 72.31%, 26.70%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["d7b634b9-0a21-697b-7b06-b8c259d19c95","e04598ef-1ffc-c4c5-efdb-16a586ab5d32","60201808-868b-4256-196e-03775ceca4af","875c9608-19b8-72f6-7ddf-23dfd3dd3672","2cb275c0-4f35-27cd-d240-7128e5df8295"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949a8","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 0.75rem;","variants":{},"children":["bacb1eaf-3ff5-fe3c-7637-7a0fb2ed584d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"23693210-c82d-73e0-14c9-052ee89808f4","fake":false,"type":"class","name":"👋 Show and Hide Password JS","namespace":"","comb":"","styleLess":"max-width: 300px; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"1dca874a-ba69-13ff-8634-ede150b22fa9","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"31a1bd99-d123-15fc-6845-23c71a0621b6","fake":false,"type":"class","name":"show-password-tabs","namespace":"","comb":"","styleLess":"z-index: 4; display: flex; width: 40px; min-width: 40px; margin-left: 0.4rem; flex-direction: column; justify-content: center; align-items: stretch; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"89c83fd2-c01d-8484-86e5-4cab1c350783","fake":false,"type":"class","name":"flex-horizontal","namespace":"","comb":"&","styleLess":"flex-direction: row;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"31a1bd99-d123-15fc-6845-23c71a0621b8","fake":false,"type":"class","name":"Eye SVG","namespace":"","comb":"","styleLess":"display: flex; width: 20px; justify-content: center; align-items: center; color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"042cb3bc-ca0d-8205-3f03-625cbbe29cd8","fake":false,"type":"class","name":"no-margin","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949a9","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 7px; padding-right: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949ab","fake":false,"type":"class","name":"signup-form-container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 512px; justify-content: space-between; flex-wrap: wrap; text-align: center;","variants":{},"children":["796fe0ab-a069-69b7-a5bf-34f15c158f9b"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94995","fake":false,"type":"class","name":"form-div-line","namespace":"","comb":"","styleLess":"width: 33%; height: 1px; background-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00);","variants":{"tiny":{"styleLess":"width: 20%;"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949ae","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 0.6em; padding-top: 8px; padding-right: 40px; padding-bottom: 8px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00);"}},"children":["1045399b-abfb-0941-8ee2-5cd0d4b949b4","29c79ba3-89c1-0036-22c9-dbc460f2554a","982b8c0e-d890-6e8a-779d-ec818519ac59"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0cc4ca21-349a-5202-e823-d4c2cb8a3306","fake":false,"type":"class","name":"text-align-left","namespace":"","comb":"","styleLess":"text-align: left;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44","fake":false,"type":"class","name":"space","namespace":"","comb":"","styleLess":"width: 1rem; height: 1rem;","variants":{},"children":["af80aef6-da51-78a4-5475-ab37f18df3f0","e542cca4-bc43-b91b-7903-9831c0aa9fcf","2d9938b7-a8ca-c5e8-dc29-4e4002237c66","abd2d280-4a77-249a-f639-52d7994bbb38"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"31a1bd99-d123-15fc-6845-23c71a0621b7","fake":false,"type":"class","name":"no-padding","namespace":"","comb":"","styleLess":"padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent;","variants":{"main_current":{"styleLess":"display: none;"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b9499c","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"af80aef6-da51-78a4-5475-ab37f18df3f0","fake":false,"type":"class","name":"2","namespace":"","comb":"&","styleLess":"width: 2rem; height: 2rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949a7","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00);","variants":{"main_hover":{"styleLess":"color: hsla(221.97424892703862, 100.00%, 45.69%, 1.00);"}},"children":["e3a61af3-e6b5-9989-bc81-727c52c181cd"],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949ad","fake":false,"type":"class","name":"signup-header","namespace":"","comb":"","styleLess":"margin-top: 0px; font-size: 28px; line-height: 28px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"982b8c0e-d890-6e8a-779d-ec818519ac59","fake":false,"type":"class","name":"Dribbble","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: #ea4c89; border-right-color: #ea4c89; border-bottom-color: #ea4c89; border-left-color: #ea4c89;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94996","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b2","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); background-color: white;"},"main_placeholder":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); background-color: hsla(209.9999999999999, 44.44%, 96.47%, 0.50);"}},"children":["4c8d5083-a05a-b97f-8dd9-5a5ef820c52d"],"selector":null},{"_id":"29c79ba3-89c1-0036-22c9-dbc460f2554a","fake":false,"type":"class","name":"Facebook","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-right-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-bottom-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-left-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b9499f","fake":false,"type":"class","name":"form-divider","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 1rem; margin-bottom: 1.5rem; justify-content: space-between; align-items: center; color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94999","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","siteId":"621fc0da95a485bf5449b6c4","width":24,"isHD":false,"height":24,"fileName":"6357e4280dc2f512b79c94c0_google.svg","createdOn":"2022-10-25T13:27:04.776Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f512b79c94c0_google.svg","_id":"6357e4280dc2f512b79c94c0","updatedOn":"2022-10-25T13:27:04.903Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","siteId":"621fc0da95a485bf5449b6c4","width":24,"isHD":false,"height":24,"fileName":"6357e4280dc2f501cf9c94bf_close_black_24dp.svg","createdOn":"2022-10-25T13:27:04.774Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e4280dc2f501cf9c94bf_close_black_24dp.svg","_id":"6357e4280dc2f501cf9c94bf","updatedOn":"2022-10-25T13:27:04.919Z","fileSize":430},{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","siteId":"621fc0da95a485bf5449b6c4","width":507,"isHD":false,"height":507,"fileName":"6357e6aabf5255590588fae0_facebook.svg","createdOn":"2022-10-25T13:37:46.623Z","origFileName":"facebook.svg","fileHash":"66789de071c028b87f9661321cf9984f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6aabf5255590588fae0_facebook.svg","_id":"6357e6aabf5255590588fae0","updatedOn":"2022-10-25T13:37:46.773Z","fileSize":758},{"cdnUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","siteId":"621fc0da95a485bf5449b6c4","width":512,"isHD":false,"height":512,"fileName":"6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","createdOn":"2022-10-25T13:37:52.103Z","origFileName":"dribbble-svgrepo-com.svg","fileHash":"e7f954cb0117d95685f0a42f40f83f9e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/621fc0da95a485bf5449b6c4/6357e6b0474b2f9de0366248_dribbble-svgrepo-com.svg","_id":"6357e6b0474b2f9de0366248","updatedOn":"2022-10-25T13:37:52.254Z","fileSize":2253}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":2,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Product Login Form is designed to facilitate user login through various methods, including email and social media accounts. It features a clean layout with integrated social login options for enhanced user experience.
Key Features:
- Supports email and password login
- Social login options for Google, Facebook, and Dribbble
- Responsive design for mobile and desktop
- Error and success messages for user feedback
- Customizable styles and classes
Design Elements:
- Modern and minimalistic layout
- Use of icons for social media logins
- Color scheme featuring soft backgrounds and contrasting button colors
- Clear typography for labels and headings
Potential Use Cases:
- E-commerce websites requiring user authentication
- SaaS platforms needing secure user access
- Membership sites offering exclusive content
- Mobile applications with web-based login interfaces
- Blogs or content platforms that require user accounts
Conclusion: The Product Login Form is a versatile and user-friendly component that can be easily integrated into various web applications, enhancing user engagement and accessibility.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.