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":"340e1f78-e0cc-99ee-941d-c4a0e4375d61","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc54"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d62","340e1f78-e0cc-99ee-941d-c4a0e4375d64"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d62","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d63"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d63","text":true,"v":"Login Without Password"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d64","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d65"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d65","type":"Block","tag":"div","classes":["194cd90e-9755-4a2b-bf7a-cdbe11e39d93"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d66","340e1f78-e0cc-99ee-941d-c4a0e4375d67"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d66","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc55"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d67","type":"FormWrapper","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4f"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d68","340e1f78-e0cc-99ee-941d-c4a0e4375d81","340e1f78-e0cc-99ee-941d-c4a0e4375d84"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d68","type":"FormForm","tag":"form","classes":["bcef8dd8-4877-8228-52b0-574659cd8c52"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d69","340e1f78-e0cc-99ee-941d-c4a0e4375d6b","340e1f78-e0cc-99ee-941d-c4a0e4375d6d","340e1f78-e0cc-99ee-941d-c4a0e4375d71","340e1f78-e0cc-99ee-941d-c4a0e4375d7c","340e1f78-e0cc-99ee-941d-c4a0e4375d7d"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d69","type":"Heading","tag":"h1","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc50"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6a","text":true,"v":"Please log in"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6b","type":"Paragraph","tag":"p","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6c","text":true,"v":"You need to log in to access this feature."},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6d","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","bcef8dd8-4877-8228-52b0-574659cd8c53"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6e","340e1f78-e0cc-99ee-941d-c4a0e4375d70","10d0151a-da84-a6f9-05b9-f3cae6cc43a2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6e","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6f"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-2","id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6f","text":true,"v":"Email"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d70","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"Enter your email","type":"email","id":"Email-2","disabled":false,"required":false},"form":{"name":"Email 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"10d0151a-da84-a6f9-05b9-f3cae6cc43a2","type":"Block","tag":"div","classes":["55ded2c9-f0d5-1eb4-fe06-b1961087d845"],"children":["10d0151a-da84-a6f9-05b9-f3cae6cc43a3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"10d0151a-da84-a6f9-05b9-f3cae6cc43a3","text":true,"v":"We'll email you a code to safely log in."},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d71","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d72","340e1f78-e0cc-99ee-941d-c4a0e4375d74"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d72","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d73"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password-2","id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d73","text":true,"v":"We've just sent a 6 digit code. Check your inbox and paste the code here."},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d74","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"123-456","type":"text","id":"Password-2","disabled":false,"required":false},"form":{"name":"Password 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"token"}]}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7c","type":"FormButton","tag":"input","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51","d912e3fd-8552-a674-c763-6696ceb0cd17","7afce26c-ea30-481e-1890-6571a0ac4f87"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Log in"}]}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7d","type":"Link","tag":"a","classes":["84d4e904-1d88-4956-9a97-5d6cc5e1d099"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d7e","340e1f78-e0cc-99ee-941d-c4a0e4375d7f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7e","type":"Image","tag":"img","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"648824e879e3a9444123cd73"}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7f","type":"Paragraph","tag":"p","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4b"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d80"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d80","text":true,"v":"Continue with Google"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d81","type":"FormSuccessMessage","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d82"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d82","type":"Block","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d83"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d83","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d84","type":"FormErrorMessage","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d85"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d85","type":"Block","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d86"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d86","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc55","fake":false,"type":"class","name":"icon_close","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 15px; right: 15px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(0, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":["e27b7bff-598d-a558-8267-ca1b5860d883"],"selector":null},{"_id":"7afce26c-ea30-481e-1890-6571a0ac4f87","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4e","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"width: 16px; height: 16px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc54","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"55ded2c9-f0d5-1eb4-fe06-b1961087d845","fake":false,"type":"class","name":"disclaimer","namespace":"","comb":"","styleLess":"margin-top: 10px; opacity: 0.8; font-size: 12px; line-height: 1.3; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc61","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2000; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c48","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 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; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc51","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; 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(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d912e3fd-8552-a674-c763-6696ceb0cd17","abed96ac-6e6e-bc0b-c7c4-42158397adaf","ae945e35-270e-0b80-5b5e-b01a852e2439"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4f","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e5cb820e-cdee-83d7-d3d0-f3426b288951","fake":false,"type":"class","name":"passwordless","namespace":"","comb":"&","styleLess":"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(0, 0.00%, 96.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"84d4e904-1d88-4956-9a97-5d6cc5e1d099","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 7px; padding-bottom: 7px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: hsla(0, 0.00%, 0.00%, 1.00); line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4b","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d912e3fd-8552-a674-c763-6696ceb0cd17","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["7afce26c-ea30-481e-1890-6571a0ac4f87"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4a","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c46","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["bcef8dd8-4877-8228-52b0-574659cd8c53","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc50","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c53","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"194cd90e-9755-4a2b-bf7a-cdbe11e39d93","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":["2d58c6e7-f659-5020-5389-c5f1646310b9"],"selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c52","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","siteId":"648822d7f68d61afbc773a14","width":25,"isHD":false,"height":25,"fileName":"648824e879e3a9444123cd73_google.svg","createdOn":"2023-06-13T08:12:24.206Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","thumbUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","_id":"648824e879e3a9444123cd73","updatedOn":"2023-06-13T08:12:24.360Z","fileSize":1366}],"ix1":[],"ix2":{"interactions":[{"id":"i-5","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-9","e-10"],"target":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","createdOn":1686644347980},{"id":"i-6","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-11","e-12"],"target":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","createdOn":1686644347980}],"events":[{"id":"e-9","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-10"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980},{"id":"e-10","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980},{"id":"e-11","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-12"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980},{"id":"e-12","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980}],"actionLists":[{"id":"a-3","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-4","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-4-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d61","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc54"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d62","340e1f78-e0cc-99ee-941d-c4a0e4375d64"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d62","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d63"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d63","text":true,"v":"Login Without Password"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d64","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d65"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d65","type":"Block","tag":"div","classes":["194cd90e-9755-4a2b-bf7a-cdbe11e39d93"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d66","340e1f78-e0cc-99ee-941d-c4a0e4375d67"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d66","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc55"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d67","type":"FormWrapper","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4f"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d68","340e1f78-e0cc-99ee-941d-c4a0e4375d81","340e1f78-e0cc-99ee-941d-c4a0e4375d84"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d68","type":"FormForm","tag":"form","classes":["bcef8dd8-4877-8228-52b0-574659cd8c52"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d69","340e1f78-e0cc-99ee-941d-c4a0e4375d6b","340e1f78-e0cc-99ee-941d-c4a0e4375d6d","340e1f78-e0cc-99ee-941d-c4a0e4375d71","340e1f78-e0cc-99ee-941d-c4a0e4375d7c","340e1f78-e0cc-99ee-941d-c4a0e4375d7d"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d69","type":"Heading","tag":"h1","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc50"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6a","text":true,"v":"Please log in"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6b","type":"Paragraph","tag":"p","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6c","text":true,"v":"You need to log in to access this feature."},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6d","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","bcef8dd8-4877-8228-52b0-574659cd8c53"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6e","340e1f78-e0cc-99ee-941d-c4a0e4375d70","10d0151a-da84-a6f9-05b9-f3cae6cc43a2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6e","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d6f"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-2","id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d6f","text":true,"v":"Email"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d70","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"Enter your email","type":"email","id":"Email-2","disabled":false,"required":false},"form":{"name":"Email 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"10d0151a-da84-a6f9-05b9-f3cae6cc43a2","type":"Block","tag":"div","classes":["55ded2c9-f0d5-1eb4-fe06-b1961087d845"],"children":["10d0151a-da84-a6f9-05b9-f3cae6cc43a3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"10d0151a-da84-a6f9-05b9-f3cae6cc43a3","text":true,"v":"We'll email you a code to safely log in."},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d71","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d72","340e1f78-e0cc-99ee-941d-c4a0e4375d74"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d72","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d73"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password-2","id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d73","text":true,"v":"We've just sent a 6 digit code. Check your inbox and paste the code here."},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d74","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"123-456","type":"text","id":"Password-2","disabled":false,"required":false},"form":{"name":"Password 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"token"}]}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7c","type":"FormButton","tag":"input","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51","d912e3fd-8552-a674-c763-6696ceb0cd17","7afce26c-ea30-481e-1890-6571a0ac4f87"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Log in"}]}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7d","type":"Link","tag":"a","classes":["84d4e904-1d88-4956-9a97-5d6cc5e1d099"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d7e","340e1f78-e0cc-99ee-941d-c4a0e4375d7f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7e","type":"Image","tag":"img","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"648824e879e3a9444123cd73"}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d7f","type":"Paragraph","tag":"p","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4b"],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d80"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d80","text":true,"v":"Continue with Google"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d81","type":"FormSuccessMessage","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d82"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d82","type":"Block","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d83"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d83","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d84","type":"FormErrorMessage","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d85"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d85","type":"Block","tag":"div","classes":[],"children":["340e1f78-e0cc-99ee-941d-c4a0e4375d86"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"340e1f78-e0cc-99ee-941d-c4a0e4375d86","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc55","fake":false,"type":"class","name":"icon_close","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 15px; right: 15px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(0, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":["e27b7bff-598d-a558-8267-ca1b5860d883"],"selector":null},{"_id":"7afce26c-ea30-481e-1890-6571a0ac4f87","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4e","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"width: 16px; height: 16px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc54","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"55ded2c9-f0d5-1eb4-fe06-b1961087d845","fake":false,"type":"class","name":"disclaimer","namespace":"","comb":"","styleLess":"margin-top: 10px; opacity: 0.8; font-size: 12px; line-height: 1.3; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc61","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2000; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c48","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 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; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc51","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; 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(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d912e3fd-8552-a674-c763-6696ceb0cd17","abed96ac-6e6e-bc0b-c7c4-42158397adaf","ae945e35-270e-0b80-5b5e-b01a852e2439"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4f","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e5cb820e-cdee-83d7-d3d0-f3426b288951","fake":false,"type":"class","name":"passwordless","namespace":"","comb":"&","styleLess":"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(0, 0.00%, 96.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"84d4e904-1d88-4956-9a97-5d6cc5e1d099","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 7px; padding-bottom: 7px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: hsla(0, 0.00%, 0.00%, 1.00); line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4b","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d912e3fd-8552-a674-c763-6696ceb0cd17","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["7afce26c-ea30-481e-1890-6571a0ac4f87"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4a","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c46","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["bcef8dd8-4877-8228-52b0-574659cd8c53","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc50","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c53","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"194cd90e-9755-4a2b-bf7a-cdbe11e39d93","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":["2d58c6e7-f659-5020-5389-c5f1646310b9"],"selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c52","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","siteId":"648822d7f68d61afbc773a14","width":25,"isHD":false,"height":25,"fileName":"648824e879e3a9444123cd73_google.svg","createdOn":"2023-06-13T08:12:24.206Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","thumbUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","_id":"648824e879e3a9444123cd73","updatedOn":"2023-06-13T08:12:24.360Z","fileSize":1366}],"ix1":[],"ix2":{"interactions":[{"id":"i-5","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-9","e-10"],"target":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","createdOn":1686644347980},{"id":"i-6","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-11","e-12"],"target":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","createdOn":1686644347980}],"events":[{"id":"e-9","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-10"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980},{"id":"e-10","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d62","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980},{"id":"e-11","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-12"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980},{"id":"e-12","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|340e1f78-e0cc-99ee-941d-c4a0e4375d66","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644347980}],"actionLists":[{"id":"a-3","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-4","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-4-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"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 Passwordless Login Modal is a user-friendly component designed to facilitate secure logins without the need for traditional passwords. It streamlines the authentication process by sending a code to the user's email for verification.
Key Features:
- Email-based authentication for enhanced security
- Responsive design suitable for various devices
- Includes a 'Continue with Google' option for convenience
- Customizable success and error messages
- Easy integration with existing Webflow projects
Design Elements:
- Modern and clean layout with a lightbox modal style
- Soft color palette with a focus on usability
- Clear typography for easy readability
- Interactive elements with hover effects
Potential Use Cases:
- E-commerce websites requiring secure user logins
- SaaS platforms that prioritize user experience and security
- Membership sites that need to streamline user access
- Mobile applications looking for quick authentication methods
- Blogs or content sites that offer exclusive content to registered users
Conclusion: The Passwordless Login Modal is a versatile and secure solution for modern web applications, making it an excellent choice for businesses looking to enhance user experience while maintaining security.