Loading Component...

Loading

More Components

View All
Oops! Something went wrong while submitting the form.
Downloads Reset Password Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"657be056-0a47-92b8-57d2-e591a64e359b","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["d496205c-6f4d-b634-7dc9-8c5701a38718","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":"d496205c-6f4d-b634-7dc9-8c5701a38718","type":"HtmlEmbed","tag":"div","classes":["4f5cf29a-b77c-0cc9-bfbe-29b6d2c5dd27"],"children":[],"v":"<style>\n.token-input:hover ~ .fake-token-input {\n\tborder-color: rgba(117, 29, 159, 0.5);\n background-color: rgba(234, 241, 248, 0.5);\n}\n.token-input:focus ~ .fake-token-input {\n\tborder-color: #751d9f;\n background-color: white;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<style>\n.token-input:hover ~ .fake-token-input {\n\tborder-color: rgba(117, 29, 159, 0.5);\n background-color: rgba(234, 241, 248, 0.5);\n}\n.token-input:focus ~ .fake-token-input {\n\tborder-color: #751d9f;\n background-color: white;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false},"type":"html"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359c","type":"FormForm","tag":"form","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ab","796fe0ab-a069-69b7-a5bf-34f15c158f9b"],"children":["657be056-0a47-92b8-57d2-e591a64e359d","a4df874d-47bf-166c-6bc5-c7cb1638097d","8fe00f65-67b7-cdd6-986a-3e24005b4731","657be056-0a47-92b8-57d2-e591a64e35b9","657be056-0a47-92b8-57d2-e591a64e35bd","60af13df-f248-7638-ce5f-a2cc2b928eac","657be056-0a47-92b8-57d2-e591a64e35ca","f2c3c411-e5bf-c9db-5b33-ae7370fd24c3","657be056-0a47-92b8-57d2-e591a64e359a","70618c7d-caf6-cf21-a3d9-92c88efa1709","54e3d43d-66fc-28c0-2e31-57e839c1dd85","f2cb83ff-748e-7a01-4791-6f3aadefad0e"],"data":{"form":{"type":"form","name":"Reset password"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"reset-password"}],"displayName":"","attr":{"id":"wf-form-Reset-password","name":"wf-form-Reset-password","data-name":"Reset password","redirect":"/password/success","data-redirect":"/password/success","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":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359e","text":true,"v":"Check your email"},{"_id":"a4df874d-47bf-166c-6bc5-c7cb1638097d","type":"Block","tag":"div","classes":[],"children":["a4df874d-47bf-166c-6bc5-c7cb1638097e","186bb334-5d21-9ef3-bd77-d1fd5d3c2017","776dcf51-44a7-7b70-8ba6-bef34557e9b7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a4df874d-47bf-166c-6bc5-c7cb1638097e","text":true,"v":"Please enter your 6-digit code. Then create "},{"_id":"186bb334-5d21-9ef3-bd77-d1fd5d3c2017","type":"Span","tag":"span","classes":["70dc15b8-8242-52b6-e34d-b497d0dc9d9d"],"children":["42621b92-5e35-2799-7db4-51decf01e954"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"42621b92-5e35-2799-7db4-51decf01e954","text":true,"v":"and confirm your new password"},{"_id":"776dcf51-44a7-7b70-8ba6-bef34557e9b7","text":true,"v":"."},{"_id":"8fe00f65-67b7-cdd6-986a-3e24005b4731","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44","af80aef6-da51-78a4-5475-ab37f18df3f0"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35b9","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499a","37a6992f-21fb-0da2-03dd-8641ca55fd6d"],"children":["657be056-0a47-92b8-57d2-e591a64e35ba","657be056-0a47-92b8-57d2-e591a64e35bc","47d8a563-3063-316f-6220-f868ecae230d","2084a4b3-8078-b6bf-ec42-bb929f8bad48","0871fd48-e492-1e3c-df75-23fb2e2170ec","d7607b65-1d8a-4ccd-16ff-30e232d64d72","4a4d0a08-aeeb-c2ae-68e2-7dcd9d33e3b1","06484dfc-1e01-d9bc-8e6f-0e0698207195"],"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":{"displayName":"","attr":{"id":"","for":"6-Digit-Code"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bb","text":true,"v":"6-Digit Code"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bc","type":"FormTextInput","tag":"input","classes":["e12628e4-0127-2ba9-b665-b135a7c0ff95"],"children":[],"data":{"displayName":"","attr":{"id":"6-Digit-Code","name":"6-Digit-Code","maxlength":256,"data-name":"6-Digit Code","placeholder":"000000","disabled":false,"type":"text","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"token"},{"name":"maxlength","value":"6"},{"name":"minlength","value":"6"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"6-Digit Code","type":"input","passwordPage":false}}},{"_id":"47d8a563-3063-316f-6220-f868ecae230d","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"2084a4b3-8078-b6bf-ec42-bb929f8bad48","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"0871fd48-e492-1e3c-df75-23fb2e2170ec","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"d7607b65-1d8a-4ccd-16ff-30e232d64d72","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"4a4d0a08-aeeb-c2ae-68e2-7dcd9d33e3b1","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"06484dfc-1e01-d9bc-8e6f-0e0698207195","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e","9758b886-2bcf-2c4f-49fa-38a39c68e3f2"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_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":{"displayName":"","attr":{"id":"","for":"Password-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bf","text":true,"v":"New Password"},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ea","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"Password-3","name":"Password-3","maxlength":256,"data-name":"Password 3","placeholder":"New Password...","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-show","value":"true"},{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password 3","type":"input","passwordPage":false}}},{"_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":{"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\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,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_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,"compilable":false,"iframe":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":"60af13df-f248-7638-ce5f-a2cc2b928eac","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ca","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Reset Password","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"f2c3c411-e5bf-c9db-5b33-ae7370fd24c3","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359a","type":"Block","tag":"div","classes":[],"children":["fca226f7-fee6-1959-9843-8e4434b235d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"fca226f7-fee6-1959-9843-8e4434b235d3","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a7","e3a61af3-e6b5-9989-bc81-727c52c181cd"],"children":["587e8cc2-f3af-ca1b-fd8b-535c019d9978"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"587e8cc2-f3af-ca1b-fd8b-535c019d9978","text":true,"v":"Send another code"},{"_id":"70618c7d-caf6-cf21-a3d9-92c88efa1709","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"54e3d43d-66fc-28c0-2e31-57e839c1dd85","type":"Block","tag":"div","classes":[],"children":["54e3d43d-66fc-28c0-2e31-57e839c1dd86"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"54e3d43d-66fc-28c0-2e31-57e839c1dd86","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a7"],"children":["54e3d43d-66fc-28c0-2e31-57e839c1dd87"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"54e3d43d-66fc-28c0-2e31-57e839c1dd87","text":true,"v":"Back to login"},{"_id":"f2cb83ff-748e-7a01-4791-6f3aadefad0e","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-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":"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":"796fe0ab-a069-69b7-a5bf-34f15c158f9b","fake":false,"type":"class","name":"is-reset","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"max-width: 250px;"}},"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":"4f5cf29a-b77c-0cc9-bfbe-29b6d2c5dd27","fake":false,"type":"class","name":"👋 Input CSS","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"e12628e4-0127-2ba9-b665-b135a7c0ff95","fake":false,"type":"class","name":"token-input","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: -10%; bottom: 0%; width: 110%; height: 60px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 17px; border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; background-color: transparent; font-family: Verdana; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 25px; font-weight: 400; text-align: left; letter-spacing: 44px;","variants":{"main_placeholder":{"styleLess":"color: hsla(209.0322580645161, 12.65%, 48.04%, 1.00); font-weight: 400;"},"tiny":{"styleLess":"margin-left: 10px; font-size: 20px; letter-spacing: 30.5px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"9758b886-2bcf-2c4f-49fa-38a39c68e3f2","fake":false,"type":"class","name":"last","namespace":"","comb":"&","styleLess":"","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":"e3a61af3-e6b5-9989-bc81-727c52c181cd","fake":false,"type":"class","name":"grey","namespace":"","comb":"&","styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);","variants":{"main_current":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00);"}},"children":[],"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":"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":"70dc15b8-8242-52b6-e34d-b497d0dc9d9d","fake":false,"type":"class","name":"line-break-until-portait","namespace":"","comb":"","styleLess":"display: block;","variants":{"tiny":{"styleLess":"display: inline;"}},"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":"d9c30d4c-07af-0305-984e-34fbc4636f9e","fake":false,"type":"class","name":"fake-token-input","namespace":"","comb":"","styleLess":"width: 50px; height: 60px; border-top-style: solid; border-top-width: 1px; border-top-color: transparent; border-right-style: solid; border-right-width: 1px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 1px; border-left-color: transparent; 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":{"tiny":{"styleLess":"width: 34px;"}},"children":["9758b886-2bcf-2c4f-49fa-38a39c68e3f2"],"createdBy":"572e16b6f586648f39f82496","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":"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":"37a6992f-21fb-0da2-03dd-8641ca55fd6d","fake":false,"type":"class","name":"is-token","namespace":"","comb":"&","styleLess":"flex-direction: row; grid-column-gap: 10px;","variants":{"tiny":{"styleLess":"width: 250px; margin-right: auto; margin-left: auto;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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":["d496205c-6f4d-b634-7dc9-8c5701a38718","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":"d496205c-6f4d-b634-7dc9-8c5701a38718","type":"HtmlEmbed","tag":"div","classes":["4f5cf29a-b77c-0cc9-bfbe-29b6d2c5dd27"],"children":[],"v":"<style>\n.token-input:hover ~ .fake-token-input {\n\tborder-color: rgba(117, 29, 159, 0.5);\n background-color: rgba(234, 241, 248, 0.5);\n}\n.token-input:focus ~ .fake-token-input {\n\tborder-color: #751d9f;\n background-color: white;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<style>\n.token-input:hover ~ .fake-token-input {\n\tborder-color: rgba(117, 29, 159, 0.5);\n background-color: rgba(234, 241, 248, 0.5);\n}\n.token-input:focus ~ .fake-token-input {\n\tborder-color: #751d9f;\n background-color: white;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false},"type":"html"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359c","type":"FormForm","tag":"form","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949ab","796fe0ab-a069-69b7-a5bf-34f15c158f9b"],"children":["657be056-0a47-92b8-57d2-e591a64e359d","a4df874d-47bf-166c-6bc5-c7cb1638097d","8fe00f65-67b7-cdd6-986a-3e24005b4731","657be056-0a47-92b8-57d2-e591a64e35b9","657be056-0a47-92b8-57d2-e591a64e35bd","60af13df-f248-7638-ce5f-a2cc2b928eac","657be056-0a47-92b8-57d2-e591a64e35ca","f2c3c411-e5bf-c9db-5b33-ae7370fd24c3","657be056-0a47-92b8-57d2-e591a64e359a","70618c7d-caf6-cf21-a3d9-92c88efa1709","54e3d43d-66fc-28c0-2e31-57e839c1dd85","f2cb83ff-748e-7a01-4791-6f3aadefad0e"],"data":{"form":{"type":"form","name":"Reset password"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"reset-password"}],"displayName":"","attr":{"id":"wf-form-Reset-password","name":"wf-form-Reset-password","data-name":"Reset password","redirect":"/password/success","data-redirect":"/password/success","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":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359e","text":true,"v":"Check your email"},{"_id":"a4df874d-47bf-166c-6bc5-c7cb1638097d","type":"Block","tag":"div","classes":[],"children":["a4df874d-47bf-166c-6bc5-c7cb1638097e","186bb334-5d21-9ef3-bd77-d1fd5d3c2017","776dcf51-44a7-7b70-8ba6-bef34557e9b7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a4df874d-47bf-166c-6bc5-c7cb1638097e","text":true,"v":"Please enter your 6-digit code. Then create "},{"_id":"186bb334-5d21-9ef3-bd77-d1fd5d3c2017","type":"Span","tag":"span","classes":["70dc15b8-8242-52b6-e34d-b497d0dc9d9d"],"children":["42621b92-5e35-2799-7db4-51decf01e954"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"42621b92-5e35-2799-7db4-51decf01e954","text":true,"v":"and confirm your new password"},{"_id":"776dcf51-44a7-7b70-8ba6-bef34557e9b7","text":true,"v":"."},{"_id":"8fe00f65-67b7-cdd6-986a-3e24005b4731","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44","af80aef6-da51-78a4-5475-ab37f18df3f0"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35b9","type":"Block","tag":"div","classes":["1045399b-abfb-0941-8ee2-5cd0d4b9499a","37a6992f-21fb-0da2-03dd-8641ca55fd6d"],"children":["657be056-0a47-92b8-57d2-e591a64e35ba","657be056-0a47-92b8-57d2-e591a64e35bc","47d8a563-3063-316f-6220-f868ecae230d","2084a4b3-8078-b6bf-ec42-bb929f8bad48","0871fd48-e492-1e3c-df75-23fb2e2170ec","d7607b65-1d8a-4ccd-16ff-30e232d64d72","4a4d0a08-aeeb-c2ae-68e2-7dcd9d33e3b1","06484dfc-1e01-d9bc-8e6f-0e0698207195"],"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":{"displayName":"","attr":{"id":"","for":"6-Digit-Code"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bb","text":true,"v":"6-Digit Code"},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bc","type":"FormTextInput","tag":"input","classes":["e12628e4-0127-2ba9-b665-b135a7c0ff95"],"children":[],"data":{"displayName":"","attr":{"id":"6-Digit-Code","name":"6-Digit-Code","maxlength":256,"data-name":"6-Digit Code","placeholder":"000000","disabled":false,"type":"text","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"token"},{"name":"maxlength","value":"6"},{"name":"minlength","value":"6"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"6-Digit Code","type":"input","passwordPage":false}}},{"_id":"47d8a563-3063-316f-6220-f868ecae230d","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"2084a4b3-8078-b6bf-ec42-bb929f8bad48","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"0871fd48-e492-1e3c-df75-23fb2e2170ec","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"d7607b65-1d8a-4ccd-16ff-30e232d64d72","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"4a4d0a08-aeeb-c2ae-68e2-7dcd9d33e3b1","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"06484dfc-1e01-d9bc-8e6f-0e0698207195","type":"Block","tag":"div","classes":["d9c30d4c-07af-0305-984e-34fbc4636f9e","9758b886-2bcf-2c4f-49fa-38a39c68e3f2"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_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":{"displayName":"","attr":{"id":"","for":"Password-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35bf","text":true,"v":"New Password"},{"_id":"bb0b34df-27b7-773a-2269-87cbebeb14ea","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"Password-3","name":"Password-3","maxlength":256,"data-name":"Password 3","placeholder":"New Password...","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-show","value":"true"},{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password 3","type":"input","passwordPage":false}}},{"_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":{"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\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,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_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,"compilable":false,"iframe":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":"60af13df-f248-7638-ce5f-a2cc2b928eac","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e35ca","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Reset Password","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"f2c3c411-e5bf-c9db-5b33-ae7370fd24c3","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"657be056-0a47-92b8-57d2-e591a64e359a","type":"Block","tag":"div","classes":[],"children":["fca226f7-fee6-1959-9843-8e4434b235d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"fca226f7-fee6-1959-9843-8e4434b235d3","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a7","e3a61af3-e6b5-9989-bc81-727c52c181cd"],"children":["587e8cc2-f3af-ca1b-fd8b-535c019d9978"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"587e8cc2-f3af-ca1b-fd8b-535c019d9978","text":true,"v":"Send another code"},{"_id":"70618c7d-caf6-cf21-a3d9-92c88efa1709","type":"Block","tag":"div","classes":["ecfde8fe-2c49-e0e1-e7a2-87f3034bbc44"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"54e3d43d-66fc-28c0-2e31-57e839c1dd85","type":"Block","tag":"div","classes":[],"children":["54e3d43d-66fc-28c0-2e31-57e839c1dd86"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"54e3d43d-66fc-28c0-2e31-57e839c1dd86","type":"Link","tag":"a","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949a7"],"children":["54e3d43d-66fc-28c0-2e31-57e839c1dd87"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"54e3d43d-66fc-28c0-2e31-57e839c1dd87","text":true,"v":"Back to login"},{"_id":"f2cb83ff-748e-7a01-4791-6f3aadefad0e","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-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":"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":"796fe0ab-a069-69b7-a5bf-34f15c158f9b","fake":false,"type":"class","name":"is-reset","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"max-width: 250px;"}},"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":"4f5cf29a-b77c-0cc9-bfbe-29b6d2c5dd27","fake":false,"type":"class","name":"👋 Input CSS","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"e12628e4-0127-2ba9-b665-b135a7c0ff95","fake":false,"type":"class","name":"token-input","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: -10%; bottom: 0%; width: 110%; height: 60px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 17px; border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; background-color: transparent; font-family: Verdana; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 25px; font-weight: 400; text-align: left; letter-spacing: 44px;","variants":{"main_placeholder":{"styleLess":"color: hsla(209.0322580645161, 12.65%, 48.04%, 1.00); font-weight: 400;"},"tiny":{"styleLess":"margin-left: 10px; font-size: 20px; letter-spacing: 30.5px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"9758b886-2bcf-2c4f-49fa-38a39c68e3f2","fake":false,"type":"class","name":"last","namespace":"","comb":"&","styleLess":"","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":"e3a61af3-e6b5-9989-bc81-727c52c181cd","fake":false,"type":"class","name":"grey","namespace":"","comb":"&","styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);","variants":{"main_current":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00);"}},"children":[],"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":"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":"70dc15b8-8242-52b6-e34d-b497d0dc9d9d","fake":false,"type":"class","name":"line-break-until-portait","namespace":"","comb":"","styleLess":"display: block;","variants":{"tiny":{"styleLess":"display: inline;"}},"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":"d9c30d4c-07af-0305-984e-34fbc4636f9e","fake":false,"type":"class","name":"fake-token-input","namespace":"","comb":"","styleLess":"width: 50px; height: 60px; border-top-style: solid; border-top-width: 1px; border-top-color: transparent; border-right-style: solid; border-right-width: 1px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 1px; border-left-color: transparent; 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":{"tiny":{"styleLess":"width: 34px;"}},"children":["9758b886-2bcf-2c4f-49fa-38a39c68e3f2"],"createdBy":"572e16b6f586648f39f82496","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":"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":"37a6992f-21fb-0da2-03dd-8641ca55fd6d","fake":false,"type":"class","name":"is-token","namespace":"","comb":"&","styleLess":"flex-direction: row; grid-column-gap: 10px;","variants":{"tiny":{"styleLess":"width: 250px; margin-right: auto; margin-left: auto;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":2,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Downloads Reset Password Form is a user-friendly component designed to facilitate password resets for users. It includes input fields for a 6-digit code and new password, along with clear instructions and feedback messages.

Key Features:

  • User-friendly interface for password reset
  • Input fields for 6-digit code and new password
  • Success and error messages for user feedback
  • Responsive design suitable for various devices
  • Customizable styling options

Design Elements:

  • Modern and clean layout
  • Color scheme featuring shades of purple and white
  • Hover effects on input fields and buttons
  • Clear typography for instructions and labels

Potential Use Cases:

  • E-commerce websites for customer account management
  • Membership sites requiring secure password management
  • Online services with user accounts needing password recovery
  • Educational platforms for student account access
  • Corporate intranets for employee login management

Conclusion: The Downloads Reset Password Form is a versatile and visually appealing component that enhances user experience during password recovery, making it an essential tool for any website requiring secure user authentication.

Similar Components

View All