Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Modal Passwort ändern

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Modal Passwort ändern
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"cb632f4b-fc7a-5544-8282-03afc2464e26","type":"Block","tag":"div","classes":[],"children":["6f23c3da-2963-847f-34b2-b61042b67524","c5321594-4073-b3a9-289b-3d191afbfc6e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6f23c3da-2963-847f-34b2-b61042b67524","type":"Block","tag":"div","classes":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc07fc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07fc","type":"Link","tag":"a","classes":["d0a47387-1601-6d68-f2a1-0d40ed8b56e8","9a9df1aa-f657-9d94-66e7-ff197eab5414"],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc07fd"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07fd","type":"Block","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c455294566"],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc07fe","efa6abea-ec67-9a6b-dacf-7870a6bc07ff"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07fe","type":"HtmlEmbed","tag":"div","classes":["70ba8e8f-3c03-291c-b772-fcb31090bc7c"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><g><path d=\"M0,0h24v24H0V0z\" fill=\"none\"/></g><g><g><path d=\"M3,17h18c0.55,0,1,0.45,1,1v0c0,0.55-0.45,1-1,1H3c-0.55,0-1-0.45-1-1v0C2,17.45,2.45,17,3,17z M2.5,12.57 c0.36,0.21,0.82,0.08,1.03-0.28L4,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02L5.3,10.72 h0.95C6.66,10.72,7,10.38,7,9.97v0c0-0.41-0.34-0.75-0.75-0.75H5.3L5.77,8.4C5.98,8.04,5.86,7.58,5.5,7.37l0,0 C5.14,7.17,4.68,7.29,4.47,7.65L4,8.47L3.53,7.65C3.32,7.29,2.86,7.17,2.5,7.37l0,0C2.14,7.58,2.02,8.04,2.23,8.4L2.7,9.22H1.75 C1.34,9.22,1,9.56,1,9.97v0c0,0.41,0.34,0.75,0.75,0.75H2.7l-0.48,0.83C2.02,11.91,2.14,12.37,2.5,12.57L2.5,12.57z M10.5,12.57 L10.5,12.57c0.36,0.21,0.82,0.08,1.03-0.28L12,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02 l-0.48-0.83h0.95c0.41,0,0.75-0.34,0.75-0.75v0c0-0.41-0.34-0.75-0.75-0.75H13.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0 c-0.36-0.21-0.82-0.08-1.02,0.27L12,8.47l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03 l0.47,0.82H9.75C9.34,9.22,9,9.56,9,9.97v0c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83C10.02,11.91,10.14,12.37,10.5,12.57z M23,9.97c0-0.41-0.34-0.75-0.75-0.75H21.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0c-0.36-0.21-0.82-0.08-1.02,0.27L20,8.47 l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03l0.47,0.82h-0.95C17.34,9.22,17,9.56,17,9.97v0 c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83c-0.21,0.36-0.08,0.82,0.28,1.02l0,0c0.36,0.21,0.82,0.08,1.03-0.28L20,11.47 l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02l-0.48-0.83h0.95C22.66,10.72,23,10.38,23,9.97 L23,9.97z\"/></g></g></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=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><g><path d=\"M0,0h24v24H0V0z\" fill=\"none\"/></g><g><g><path d=\"M3,17h18c0.55,0,1,0.45,1,1v0c0,0.55-0.45,1-1,1H3c-0.55,0-1-0.45-1-1v0C2,17.45,2.45,17,3,17z M2.5,12.57 c0.36,0.21,0.82,0.08,1.03-0.28L4,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02L5.3,10.72 h0.95C6.66,10.72,7,10.38,7,9.97v0c0-0.41-0.34-0.75-0.75-0.75H5.3L5.77,8.4C5.98,8.04,5.86,7.58,5.5,7.37l0,0 C5.14,7.17,4.68,7.29,4.47,7.65L4,8.47L3.53,7.65C3.32,7.29,2.86,7.17,2.5,7.37l0,0C2.14,7.58,2.02,8.04,2.23,8.4L2.7,9.22H1.75 C1.34,9.22,1,9.56,1,9.97v0c0,0.41,0.34,0.75,0.75,0.75H2.7l-0.48,0.83C2.02,11.91,2.14,12.37,2.5,12.57L2.5,12.57z M10.5,12.57 L10.5,12.57c0.36,0.21,0.82,0.08,1.03-0.28L12,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02 l-0.48-0.83h0.95c0.41,0,0.75-0.34,0.75-0.75v0c0-0.41-0.34-0.75-0.75-0.75H13.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0 c-0.36-0.21-0.82-0.08-1.02,0.27L12,8.47l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03 l0.47,0.82H9.75C9.34,9.22,9,9.56,9,9.97v0c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83C10.02,11.91,10.14,12.37,10.5,12.57z M23,9.97c0-0.41-0.34-0.75-0.75-0.75H21.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0c-0.36-0.21-0.82-0.08-1.02,0.27L20,8.47 l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03l0.47,0.82h-0.95C17.34,9.22,17,9.56,17,9.97v0 c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83c-0.21,0.36-0.08,0.82,0.28,1.02l0,0c0.36,0.21,0.82,0.08,1.03-0.28L20,11.47 l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02l-0.48-0.83h0.95C22.66,10.72,23,10.38,23,9.97 L23,9.97z\"/></g></g></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07ff","type":"Block","tag":"div","classes":[],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc0800"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc0800","text":true,"v":"Update Password"},{"_id":"c5321594-4073-b3a9-289b-3d191afbfc6e","type":"Block","tag":"div","classes":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"children":["81f17c80-9286-2f8a-b064-7784ba458647","27e0a01b-57fc-7940-cb00-cfa1a7aadc5a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81f17c80-9286-2f8a-b064-7784ba458647","type":"Block","tag":"div","classes":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"],"children":["c1956e49-c47e-b6a6-de28-55fcded9308e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c1956e49-c47e-b6a6-de28-55fcded9308e","type":"HtmlEmbed","tag":"div","classes":["b2f7772d-3bf0-7c3e-45b1-fad503d64762"],"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 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"embed":{"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 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5a","type":"FormWrapper","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc5b","27e0a01b-57fc-7940-cb00-cfa1a7aadc61","27e0a01b-57fc-7940-cb00-cfa1a7aadc64"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5b","type":"FormForm","tag":"form","classes":["970e972a-b0a5-9d49-45a5-3b38f6b78f56"],"children":["203ae3fb-d3b3-fd2e-e4e8-7aaaff80063a","ab12d764-1b25-a691-40b7-aab0aaa5143a","1cfeb98c-9b16-9d84-2198-cc1a96f04dc5","394573b4-d802-0515-2a2e-5e573a4e9046","27e0a01b-57fc-7940-cb00-cfa1a7aadc5f","27e0a01b-57fc-7940-cb00-cfa1a7aadc60","ce875743-0eba-b1b2-5fe6-52874ea0ad6e","eeee0aa9-b98f-da56-e5e2-efa02ad14622"],"data":{"form":{"type":"form","name":"Password Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"password"}],"displayName":"","attr":{"id":"wf-form-Password-Form","name":"wf-form-Password-Form","data-name":"Password Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"203ae3fb-d3b3-fd2e-e4e8-7aaaff80063a","type":"Block","tag":"div","classes":["f6aee3df-fca6-8583-2e62-c371d938ef14"],"children":["203ae3fb-d3b3-fd2e-e4e8-7aaaff80063b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"203ae3fb-d3b3-fd2e-e4e8-7aaaff80063b","text":true,"v":"Update Password"},{"_id":"ab12d764-1b25-a691-40b7-aab0aaa5143a","type":"Block","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc5c","27e0a01b-57fc-7940-cb00-cfa1a7aadc5e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-password"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5c","type":"FormBlockLabel","tag":"label","classes":["12d69ae2-251a-2da6-c8a5-e129f59ed9e6","7d463e73-97e1-ae45-e163-5a2ee0f421e9"],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc5d"],"data":{"displayName":"","attr":{"id":"","for":"email-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5d","text":true,"v":"Current Password"},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5e","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb","0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244"],"children":[],"data":{"displayName":"","attr":{"id":"email-3","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc5","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bf"],"children":["1cfeb98c-9b16-9d84-2198-cc1a96f04dc6","1cfeb98c-9b16-9d84-2198-cc1a96f04dc8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc6","type":"FormBlockLabel","tag":"label","classes":["12d69ae2-251a-2da6-c8a5-e129f59ed9e6","7d463e73-97e1-ae45-e163-5a2ee0f421e9"],"children":["1cfeb98c-9b16-9d84-2198-cc1a96f04dc7"],"data":{"displayName":"","attr":{"id":"","for":"email-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc7","text":true,"v":"New Password"},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc8","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb","0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244"],"children":[],"data":{"displayName":"","attr":{"id":"email-3","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"new-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"394573b4-d802-0515-2a2e-5e573a4e9046","type":"Block","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc34","c53faef0-dd7f-73bf-8561-5556a81aa3a8"],"children":["394573b4-d802-0515-2a2e-5e573a4e9047"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"394573b4-d802-0515-2a2e-5e573a4e9047","text":true,"v":"Minimum 8-characters."},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5f","type":"Block","tag":"div","classes":["339c0139-c4d0-0559-87bc-e8ca8d141d15"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc60","type":"FormButton","tag":"input","classes":["d0a47387-1601-6d68-f2a1-0d40ed8b56e8","131105cc-e3a9-7f22-13c7-2937370c733f"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Set Password","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"ce875743-0eba-b1b2-5fe6-52874ea0ad6e","type":"HtmlEmbed","tag":"div","classes":["b6cd544e-de0d-6bfc-0e43-a21e0fcc8ba7"],"children":[],"v":"⚠ This CSS hide's the modal on published sites.\n\n<style>\n .dash_modal {\n position: fixed; !important;\n display: none; !important;\n }\n</style>\n<script></script>","data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"embed":{"meta":{"html":"⚠ This CSS hide's the modal on published sites.\n\n<style>\n .dash_modal {\n position: fixed; !important;\n display: none; !important;\n }\n</style>\n<script></script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"eeee0aa9-b98f-da56-e5e2-efa02ad14622","type":"HtmlEmbed","tag":"div","classes":["93be008a-6157-c4a2-9918-f17e8e159595"],"children":[],"v":"<div style=\"position: relative; padding-bottom: 73.46938775510203%; height: 0;\"><iframe src=\"https://www.loom.com/embed/6e51cadc6c3c458889a839ae87976eae\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"></iframe></div>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<div style=\"position: relative; padding-bottom: 73.46938775510203%; height: 0;\"><iframe src=\"https://www.loom.com/embed/6e51cadc6c3c458889a839ae87976eae\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"></iframe></div>","div":false,"iframe":true,"script":false}}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc61","type":"FormSuccessMessage","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc62"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc62","type":"Block","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc63"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc63","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc64","type":"FormErrorMessage","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc65"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc65","type":"Block","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc66"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc66","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"970e972a-b0a5-9d49-45a5-3b38f6b78f5a","fake":false,"type":"class","name":"dash_modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc34","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["c53faef0-dd7f-73bf-8561-5556a81aa3a8"],"selector":null},{"_id":"f6aee3df-fca6-8583-2e62-c371d938ef14","fake":false,"type":"class","name":"profile_h1","namespace":"","comb":"","styleLess":"font-size: 1.2rem; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1a66932b-a8d2-c95b-7efd-3853ca7327c6","fake":false,"type":"class","name":"modal_close","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"93be008a-6157-c4a2-9918-f17e8e159595","fake":false,"type":"class","name":"DELETE ME - TUTORIAL","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c53faef0-dd7f-73bf-8561-5556a81aa3a8","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"70ba8e8f-3c03-291c-b772-fcb31090bc7c","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 18px; height: 21px; min-height: 24px; min-width: 18px; margin-right: 6px; padding-top: 3px; padding-bottom: 3px; justify-content: center; align-items: center;","variants":{},"children":["4edbecb6-b646-3e25-69b7-2014bb653f01"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4","fake":false,"type":"class","name":"modal_open","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bb","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 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(231.42857142857142, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 1rem;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-right-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-bottom-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-left-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244","3c3585a8-7b39-7d98-69f4-40d2a877d53b","049950cc-fc52-6b14-32f3-b75053deec2a"],"selector":null},{"_id":"9a9df1aa-f657-9d94-66e7-ff197eab5414","fake":false,"type":"class","name":"grey","namespace":"","comb":"&","styleLess":"position: relative; z-index: 2; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); background-color: #f6f6f7; color: hsla(216, 11.36%, 17.25%, 1.00);","variants":{"main_hover":{"styleLess":"border-top-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-right-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-bottom-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-left-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); background-color: white; color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244","fake":false,"type":"class","name":"is-profile","namespace":"","comb":"&","styleLess":"height: 36px; font-size: 0.9rem;","variants":{},"children":["8d693378-7272-e26f-b187-54e587fa8320","cf911d2e-55e8-afb8-ae9d-2a777b1ac4db","62827ce5-7f08-773f-5087-a68c9c8268e0","dad9fb38-5017-eece-2362-1cb014cc8df8"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"12d69ae2-251a-2da6-c8a5-e129f59ed9e6","fake":false,"type":"class","name":"profile_label","namespace":"","comb":"","styleLess":"width: 35%; font-size: 0.9rem; line-height: 1; font-weight: 700;","variants":{},"children":["7d463e73-97e1-ae45-e163-5a2ee0f421e9"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"970e972a-b0a5-9d49-45a5-3b38f6b78f56","fake":false,"type":"class","name":"modal_form","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: auto; max-width: none; 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: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{},"children":["0f31bb01-bb85-d90b-993f-72b959cf652f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0.5rem; flex-direction: column; align-items: flex-start;","variants":{},"children":["46b98fcc-484c-9d89-cf22-a5c45529456e"],"selector":null},{"_id":"d0a47387-1601-6d68-f2a1-0d40ed8b56e8","fake":false,"type":"class","name":"dash_button","namespace":"","comb":"","styleLess":"padding-top: 0.65rem; padding-right: 0.975rem; padding-bottom: 0.5rem; padding-left: 0.975rem; 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(243.99999999999997, 91.16%, 64.51%, 1.00); transition-property: background-color, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); font-size: 0.9rem; font-weight: 500; text-align: center;","variants":{"main_hover":{"styleLess":"background-color: hsla(243.99999999999997, 53.95%, 38.11%, 1.00); transform: translate(0px, -4px);"},"tiny":{"styleLess":"padding-top: 1.25rem; padding-bottom: 1.25rem;"}},"children":["9a9df1aa-f657-9d94-66e7-ff197eab5414","131105cc-e3a9-7f22-13c7-2937370c733f","ee6310d5-9ffb-5ab5-c498-d742fd7c6f5f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"339c0139-c4d0-0559-87bc-e8ca8d141d15","fake":false,"type":"class","name":"spacer-s","namespace":"","comb":"","styleLess":"width: 100%; height: 1rem;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"7d463e73-97e1-ae45-e163-5a2ee0f421e9","fake":false,"type":"class","name":"is-modal","namespace":"","comb":"&","styleLess":"width: 100%; margin-top: 1rem; margin-bottom: 0.5rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c455294566","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; align-items: flex-start;","variants":{},"children":[],"selector":null},{"_id":"b6cd544e-de0d-6bfc-0e43-a21e0fcc8ba7","fake":false,"type":"class","name":"👋 Embed CSS","namespace":"","comb":"","styleLess":"display: flex; height: 5rem; padding-left: 2rem; align-items: center; background-color: hsla(0, 0.00%, 92.94%, 1.00); font-style: italic;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b2f7772d-3bf0-7c3e-45b1-fad503d64762","fake":false,"type":"class","name":"modal_close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 25px; right: 25px; bottom: auto; z-index: 10; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 100.00%, 1.00); cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"131105cc-e3a9-7f22-13c7-2937370c733f","fake":false,"type":"class","name":"is-modal","namespace":"","comb":"&","styleLess":"margin-top: 1rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-86","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-171","e-172"],"target":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","createdOn":1665423919832},{"id":"i-83","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-165","e-166"],"target":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","createdOn":1665074964620}],"events":[{"id":"e-171","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-39","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-172"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665423919834},{"id":"e-172","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665423919836},{"id":"e-165","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-40","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-166"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665074964622},{"id":"e-166","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665074964623}],"actionLists":[{"id":"a-39","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-39-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-39-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"none"},"instant":true}]},{"actionItems":[{"id":"a-39-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-39-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-40","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-40-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-40-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"cb632f4b-fc7a-5544-8282-03afc2464e26","type":"Block","tag":"div","classes":[],"children":["6f23c3da-2963-847f-34b2-b61042b67524","c5321594-4073-b3a9-289b-3d191afbfc6e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6f23c3da-2963-847f-34b2-b61042b67524","type":"Block","tag":"div","classes":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc07fc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07fc","type":"Link","tag":"a","classes":["d0a47387-1601-6d68-f2a1-0d40ed8b56e8","9a9df1aa-f657-9d94-66e7-ff197eab5414"],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc07fd"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07fd","type":"Block","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c455294566"],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc07fe","efa6abea-ec67-9a6b-dacf-7870a6bc07ff"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07fe","type":"HtmlEmbed","tag":"div","classes":["70ba8e8f-3c03-291c-b772-fcb31090bc7c"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><g><path d=\"M0,0h24v24H0V0z\" fill=\"none\"/></g><g><g><path d=\"M3,17h18c0.55,0,1,0.45,1,1v0c0,0.55-0.45,1-1,1H3c-0.55,0-1-0.45-1-1v0C2,17.45,2.45,17,3,17z M2.5,12.57 c0.36,0.21,0.82,0.08,1.03-0.28L4,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02L5.3,10.72 h0.95C6.66,10.72,7,10.38,7,9.97v0c0-0.41-0.34-0.75-0.75-0.75H5.3L5.77,8.4C5.98,8.04,5.86,7.58,5.5,7.37l0,0 C5.14,7.17,4.68,7.29,4.47,7.65L4,8.47L3.53,7.65C3.32,7.29,2.86,7.17,2.5,7.37l0,0C2.14,7.58,2.02,8.04,2.23,8.4L2.7,9.22H1.75 C1.34,9.22,1,9.56,1,9.97v0c0,0.41,0.34,0.75,0.75,0.75H2.7l-0.48,0.83C2.02,11.91,2.14,12.37,2.5,12.57L2.5,12.57z M10.5,12.57 L10.5,12.57c0.36,0.21,0.82,0.08,1.03-0.28L12,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02 l-0.48-0.83h0.95c0.41,0,0.75-0.34,0.75-0.75v0c0-0.41-0.34-0.75-0.75-0.75H13.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0 c-0.36-0.21-0.82-0.08-1.02,0.27L12,8.47l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03 l0.47,0.82H9.75C9.34,9.22,9,9.56,9,9.97v0c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83C10.02,11.91,10.14,12.37,10.5,12.57z M23,9.97c0-0.41-0.34-0.75-0.75-0.75H21.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0c-0.36-0.21-0.82-0.08-1.02,0.27L20,8.47 l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03l0.47,0.82h-0.95C17.34,9.22,17,9.56,17,9.97v0 c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83c-0.21,0.36-0.08,0.82,0.28,1.02l0,0c0.36,0.21,0.82,0.08,1.03-0.28L20,11.47 l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02l-0.48-0.83h0.95C22.66,10.72,23,10.38,23,9.97 L23,9.97z\"/></g></g></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=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><g><path d=\"M0,0h24v24H0V0z\" fill=\"none\"/></g><g><g><path d=\"M3,17h18c0.55,0,1,0.45,1,1v0c0,0.55-0.45,1-1,1H3c-0.55,0-1-0.45-1-1v0C2,17.45,2.45,17,3,17z M2.5,12.57 c0.36,0.21,0.82,0.08,1.03-0.28L4,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02L5.3,10.72 h0.95C6.66,10.72,7,10.38,7,9.97v0c0-0.41-0.34-0.75-0.75-0.75H5.3L5.77,8.4C5.98,8.04,5.86,7.58,5.5,7.37l0,0 C5.14,7.17,4.68,7.29,4.47,7.65L4,8.47L3.53,7.65C3.32,7.29,2.86,7.17,2.5,7.37l0,0C2.14,7.58,2.02,8.04,2.23,8.4L2.7,9.22H1.75 C1.34,9.22,1,9.56,1,9.97v0c0,0.41,0.34,0.75,0.75,0.75H2.7l-0.48,0.83C2.02,11.91,2.14,12.37,2.5,12.57L2.5,12.57z M10.5,12.57 L10.5,12.57c0.36,0.21,0.82,0.08,1.03-0.28L12,11.47l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02 l-0.48-0.83h0.95c0.41,0,0.75-0.34,0.75-0.75v0c0-0.41-0.34-0.75-0.75-0.75H13.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0 c-0.36-0.21-0.82-0.08-1.02,0.27L12,8.47l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03 l0.47,0.82H9.75C9.34,9.22,9,9.56,9,9.97v0c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83C10.02,11.91,10.14,12.37,10.5,12.57z M23,9.97c0-0.41-0.34-0.75-0.75-0.75H21.3l0.47-0.82c0.21-0.36,0.08-0.82-0.27-1.03l0,0c-0.36-0.21-0.82-0.08-1.02,0.27L20,8.47 l-0.47-0.82c-0.21-0.36-0.67-0.48-1.02-0.27l0,0c-0.36,0.21-0.48,0.67-0.27,1.03l0.47,0.82h-0.95C17.34,9.22,17,9.56,17,9.97v0 c0,0.41,0.34,0.75,0.75,0.75h0.95l-0.48,0.83c-0.21,0.36-0.08,0.82,0.28,1.02l0,0c0.36,0.21,0.82,0.08,1.03-0.28L20,11.47 l0.48,0.83c0.21,0.36,0.67,0.48,1.03,0.28l0,0c0.36-0.21,0.48-0.66,0.28-1.02l-0.48-0.83h0.95C22.66,10.72,23,10.38,23,9.97 L23,9.97z\"/></g></g></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc07ff","type":"Block","tag":"div","classes":[],"children":["efa6abea-ec67-9a6b-dacf-7870a6bc0800"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"efa6abea-ec67-9a6b-dacf-7870a6bc0800","text":true,"v":"Update Password"},{"_id":"c5321594-4073-b3a9-289b-3d191afbfc6e","type":"Block","tag":"div","classes":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"children":["81f17c80-9286-2f8a-b064-7784ba458647","27e0a01b-57fc-7940-cb00-cfa1a7aadc5a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81f17c80-9286-2f8a-b064-7784ba458647","type":"Block","tag":"div","classes":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"],"children":["c1956e49-c47e-b6a6-de28-55fcded9308e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c1956e49-c47e-b6a6-de28-55fcded9308e","type":"HtmlEmbed","tag":"div","classes":["b2f7772d-3bf0-7c3e-45b1-fad503d64762"],"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 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"embed":{"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 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 10.586L9.172 7.757L7.757 9.172L10.586 12L7.757 14.828L9.172 16.243L12 13.414L14.828 16.243L16.243 14.828L13.414 12L16.243 9.172L14.828 7.757L12 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5a","type":"FormWrapper","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc5b","27e0a01b-57fc-7940-cb00-cfa1a7aadc61","27e0a01b-57fc-7940-cb00-cfa1a7aadc64"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5b","type":"FormForm","tag":"form","classes":["970e972a-b0a5-9d49-45a5-3b38f6b78f56"],"children":["203ae3fb-d3b3-fd2e-e4e8-7aaaff80063a","ab12d764-1b25-a691-40b7-aab0aaa5143a","1cfeb98c-9b16-9d84-2198-cc1a96f04dc5","394573b4-d802-0515-2a2e-5e573a4e9046","27e0a01b-57fc-7940-cb00-cfa1a7aadc5f","27e0a01b-57fc-7940-cb00-cfa1a7aadc60","ce875743-0eba-b1b2-5fe6-52874ea0ad6e","eeee0aa9-b98f-da56-e5e2-efa02ad14622"],"data":{"form":{"type":"form","name":"Password Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"password"}],"displayName":"","attr":{"id":"wf-form-Password-Form","name":"wf-form-Password-Form","data-name":"Password Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"203ae3fb-d3b3-fd2e-e4e8-7aaaff80063a","type":"Block","tag":"div","classes":["f6aee3df-fca6-8583-2e62-c371d938ef14"],"children":["203ae3fb-d3b3-fd2e-e4e8-7aaaff80063b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"203ae3fb-d3b3-fd2e-e4e8-7aaaff80063b","text":true,"v":"Update Password"},{"_id":"ab12d764-1b25-a691-40b7-aab0aaa5143a","type":"Block","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc5c","27e0a01b-57fc-7940-cb00-cfa1a7aadc5e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-password"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5c","type":"FormBlockLabel","tag":"label","classes":["12d69ae2-251a-2da6-c8a5-e129f59ed9e6","7d463e73-97e1-ae45-e163-5a2ee0f421e9"],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc5d"],"data":{"displayName":"","attr":{"id":"","for":"email-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5d","text":true,"v":"Current Password"},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5e","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb","0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244"],"children":[],"data":{"displayName":"","attr":{"id":"email-3","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc5","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bf"],"children":["1cfeb98c-9b16-9d84-2198-cc1a96f04dc6","1cfeb98c-9b16-9d84-2198-cc1a96f04dc8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc6","type":"FormBlockLabel","tag":"label","classes":["12d69ae2-251a-2da6-c8a5-e129f59ed9e6","7d463e73-97e1-ae45-e163-5a2ee0f421e9"],"children":["1cfeb98c-9b16-9d84-2198-cc1a96f04dc7"],"data":{"displayName":"","attr":{"id":"","for":"email-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc7","text":true,"v":"New Password"},{"_id":"1cfeb98c-9b16-9d84-2198-cc1a96f04dc8","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb","0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244"],"children":[],"data":{"displayName":"","attr":{"id":"email-3","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"new-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"394573b4-d802-0515-2a2e-5e573a4e9046","type":"Block","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc34","c53faef0-dd7f-73bf-8561-5556a81aa3a8"],"children":["394573b4-d802-0515-2a2e-5e573a4e9047"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"394573b4-d802-0515-2a2e-5e573a4e9047","text":true,"v":"Minimum 8-characters."},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc5f","type":"Block","tag":"div","classes":["339c0139-c4d0-0559-87bc-e8ca8d141d15"],"children":[],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc60","type":"FormButton","tag":"input","classes":["d0a47387-1601-6d68-f2a1-0d40ed8b56e8","131105cc-e3a9-7f22-13c7-2937370c733f"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Set Password","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"ce875743-0eba-b1b2-5fe6-52874ea0ad6e","type":"HtmlEmbed","tag":"div","classes":["b6cd544e-de0d-6bfc-0e43-a21e0fcc8ba7"],"children":[],"v":"⚠ This CSS hide's the modal on published sites.\n\n<style>\n .dash_modal {\n position: fixed; !important;\n display: none; !important;\n }\n</style>\n<script></script>","data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"embed":{"meta":{"html":"⚠ This CSS hide's the modal on published sites.\n\n<style>\n .dash_modal {\n position: fixed; !important;\n display: none; !important;\n }\n</style>\n<script></script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false}},{"_id":"eeee0aa9-b98f-da56-e5e2-efa02ad14622","type":"HtmlEmbed","tag":"div","classes":["93be008a-6157-c4a2-9918-f17e8e159595"],"children":[],"v":"<div style=\"position: relative; padding-bottom: 73.46938775510203%; height: 0;\"><iframe src=\"https://www.loom.com/embed/6e51cadc6c3c458889a839ae87976eae\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"></iframe></div>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<div style=\"position: relative; padding-bottom: 73.46938775510203%; height: 0;\"><iframe src=\"https://www.loom.com/embed/6e51cadc6c3c458889a839ae87976eae\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"></iframe></div>","div":false,"iframe":true,"script":false}}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc61","type":"FormSuccessMessage","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc62"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc62","type":"Block","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc63"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc63","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc64","type":"FormErrorMessage","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc65"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc65","type":"Block","tag":"div","classes":[],"children":["27e0a01b-57fc-7940-cb00-cfa1a7aadc66"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27e0a01b-57fc-7940-cb00-cfa1a7aadc66","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"970e972a-b0a5-9d49-45a5-3b38f6b78f5a","fake":false,"type":"class","name":"dash_modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc34","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["c53faef0-dd7f-73bf-8561-5556a81aa3a8"],"selector":null},{"_id":"f6aee3df-fca6-8583-2e62-c371d938ef14","fake":false,"type":"class","name":"profile_h1","namespace":"","comb":"","styleLess":"font-size: 1.2rem; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1a66932b-a8d2-c95b-7efd-3853ca7327c6","fake":false,"type":"class","name":"modal_close","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"93be008a-6157-c4a2-9918-f17e8e159595","fake":false,"type":"class","name":"DELETE ME - TUTORIAL","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c53faef0-dd7f-73bf-8561-5556a81aa3a8","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"70ba8e8f-3c03-291c-b772-fcb31090bc7c","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 18px; height: 21px; min-height: 24px; min-width: 18px; margin-right: 6px; padding-top: 3px; padding-bottom: 3px; justify-content: center; align-items: center;","variants":{},"children":["4edbecb6-b646-3e25-69b7-2014bb653f01"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4","fake":false,"type":"class","name":"modal_open","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bb","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 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(231.42857142857142, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 1rem;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-right-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-bottom-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-left-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244","3c3585a8-7b39-7d98-69f4-40d2a877d53b","049950cc-fc52-6b14-32f3-b75053deec2a"],"selector":null},{"_id":"9a9df1aa-f657-9d94-66e7-ff197eab5414","fake":false,"type":"class","name":"grey","namespace":"","comb":"&","styleLess":"position: relative; z-index: 2; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); background-color: #f6f6f7; color: hsla(216, 11.36%, 17.25%, 1.00);","variants":{"main_hover":{"styleLess":"border-top-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-right-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-bottom-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-left-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); background-color: white; color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244","fake":false,"type":"class","name":"is-profile","namespace":"","comb":"&","styleLess":"height: 36px; font-size: 0.9rem;","variants":{},"children":["8d693378-7272-e26f-b187-54e587fa8320","cf911d2e-55e8-afb8-ae9d-2a777b1ac4db","62827ce5-7f08-773f-5087-a68c9c8268e0","dad9fb38-5017-eece-2362-1cb014cc8df8"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"12d69ae2-251a-2da6-c8a5-e129f59ed9e6","fake":false,"type":"class","name":"profile_label","namespace":"","comb":"","styleLess":"width: 35%; font-size: 0.9rem; line-height: 1; font-weight: 700;","variants":{},"children":["7d463e73-97e1-ae45-e163-5a2ee0f421e9"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"970e972a-b0a5-9d49-45a5-3b38f6b78f56","fake":false,"type":"class","name":"modal_form","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: auto; max-width: none; 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: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{},"children":["0f31bb01-bb85-d90b-993f-72b959cf652f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0.5rem; flex-direction: column; align-items: flex-start;","variants":{},"children":["46b98fcc-484c-9d89-cf22-a5c45529456e"],"selector":null},{"_id":"d0a47387-1601-6d68-f2a1-0d40ed8b56e8","fake":false,"type":"class","name":"dash_button","namespace":"","comb":"","styleLess":"padding-top: 0.65rem; padding-right: 0.975rem; padding-bottom: 0.5rem; padding-left: 0.975rem; 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(243.99999999999997, 91.16%, 64.51%, 1.00); transition-property: background-color, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); font-size: 0.9rem; font-weight: 500; text-align: center;","variants":{"main_hover":{"styleLess":"background-color: hsla(243.99999999999997, 53.95%, 38.11%, 1.00); transform: translate(0px, -4px);"},"tiny":{"styleLess":"padding-top: 1.25rem; padding-bottom: 1.25rem;"}},"children":["9a9df1aa-f657-9d94-66e7-ff197eab5414","131105cc-e3a9-7f22-13c7-2937370c733f","ee6310d5-9ffb-5ab5-c498-d742fd7c6f5f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"339c0139-c4d0-0559-87bc-e8ca8d141d15","fake":false,"type":"class","name":"spacer-s","namespace":"","comb":"","styleLess":"width: 100%; height: 1rem;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"7d463e73-97e1-ae45-e163-5a2ee0f421e9","fake":false,"type":"class","name":"is-modal","namespace":"","comb":"&","styleLess":"width: 100%; margin-top: 1rem; margin-bottom: 0.5rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c455294566","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; align-items: flex-start;","variants":{},"children":[],"selector":null},{"_id":"b6cd544e-de0d-6bfc-0e43-a21e0fcc8ba7","fake":false,"type":"class","name":"👋 Embed CSS","namespace":"","comb":"","styleLess":"display: flex; height: 5rem; padding-left: 2rem; align-items: center; background-color: hsla(0, 0.00%, 92.94%, 1.00); font-style: italic;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b2f7772d-3bf0-7c3e-45b1-fad503d64762","fake":false,"type":"class","name":"modal_close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 25px; right: 25px; bottom: auto; z-index: 10; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 100.00%, 1.00); cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"131105cc-e3a9-7f22-13c7-2937370c733f","fake":false,"type":"class","name":"is-modal","namespace":"","comb":"&","styleLess":"margin-top: 1rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-86","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-171","e-172"],"target":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","createdOn":1665423919832},{"id":"i-83","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-165","e-166"],"target":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","createdOn":1665074964620}],"events":[{"id":"e-171","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-39","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-172"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665423919834},{"id":"e-172","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|6f23c3da-2963-847f-34b2-b61042b67524","appliesTo":"CLASS","styleBlockIds":["2aaf02ca-bf9a-5965-c2c6-ba5be72c6cc4"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665423919836},{"id":"e-165","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-40","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-166"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665074964622},{"id":"e-166","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]},"targets":[{"id":"633edbaee14b60dd1ce3f164|bea631ae-7094-f997-fa9a-0cd3d03ffb27","appliesTo":"CLASS","styleBlockIds":["1a66932b-a8d2-c95b-7efd-3853ca7327c6"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1665074964623}],"actionLists":[{"id":"a-39","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-39-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-39-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"none"},"instant":true}]},{"actionItems":[{"id":"a-39-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-39-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-40","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-40-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-40-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"633edbaee14b60dd1ce3f164|d56153cc-285f-6e47-add1-74cf50a7c352","appliesTo":"ELEMENT_CLASS","styleBlockIds":["970e972a-b0a5-9d49-45a5-3b38f6b78f5a"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

The Change Password Modal is a user interface component designed to facilitate secure password updates within web applications. It provides a streamlined experience for users to change their passwords efficiently.

Wesentliche Merkmale:

  • Responsive design for various screen sizes
  • Includes form validation for password strength
  • Erfolgs- und Fehlermeldungen für Benutzer-Feedback
  • Customizable styles and animations

Gestaltungselemente:

  • Dark overlay background for focus on modal content
  • Rounded corners for a modern look
  • Clear typography with distinct labels for input fields
  • Color scheme that emphasizes usability and accessibility

Potenzielle Anwendungsfälle:

  • Web applications requiring user authentication
  • E-commerce platforms for secure user account management
  • Social media sites for user profile settings
  • Corporate intranets for employee account security
  • Any application that prioritizes user data protection

Conclusion: The Change Password Modal is a versatile and essential component for any web application that requires user authentication, providing a secure and user-friendly interface for password management.

Mit dem Bau beginnen

Bauen Sie Ihre Träume

Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.