Loading Component...

Loading

More Components

View All
Oops! Something went wrong while submitting the form.
Elegant Profile Edit
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d9a4b74e-a489-ae36-0e04-6639bca1db04","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","4984bf14-86f4-35bd-1100-4787cbe3664c"],"data":{"tag":"div","text":false}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"4984bf14-86f4-35bd-1100-4787cbe3664c","type":"Block","tag":"div","classes":["4c69f1e4-8a9a-9833-1aee-c4e62ca34d5a"],"children":["3f1e8c66-dc14-e31c-04fc-9dd7679fff78"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["12c7f906-6c90-33d6-9615-5abfaf863ce8"],"children":["216803ba-0180-a8dc-49eb-b3e2ada880e3","805ef01a-4832-7566-2544-1d843f6c9ebb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"216803ba-0180-a8dc-49eb-b3e2ada880e3","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27146"],"children":["216803ba-0180-a8dc-49eb-b3e2ada880e4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"216803ba-0180-a8dc-49eb-b3e2ada880e4","text":true,"v":"User Information"},{"_id":"805ef01a-4832-7566-2544-1d843f6c9ebb","type":"Block","tag":"div","classes":["b17eaf83-cbbe-dd0e-2986-a4f97086618d"],"children":["aa3455f7-84ee-af98-e8d0-f797ac288975"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288975","type":"FormWrapper","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288976","aa3455f7-84ee-af98-e8d0-f797ac28897e","aa3455f7-84ee-af98-e8d0-f797ac288981"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288976","type":"FormForm","tag":"form","classes":[],"children":["691fdebb-7fae-9ca2-8266-b4c4fa2ee690"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"691fdebb-7fae-9ca2-8266-b4c4fa2ee690","type":"Block","tag":"div","classes":["49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","fc42be7e-6bd2-5310-93d2-4fecb771ba1c","337cf39e-2c05-7c52-9cea-aea3cc9f73a5","e4dec736-7ac2-ea19-2dec-b79f48b47062"],"children":["c95ce62b-c422-c783-801f-6108425b1ac4","6785bc39-b4c9-f217-8746-b4f97fe38a11"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c95ce62b-c422-c783-801f-6108425b1ac4","type":"Block","tag":"div","classes":["767d15e3-dc0f-3e0e-e82e-ec68779238df"],"children":["c25353d0-d354-06cc-4be8-5870a05445ca"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c25353d0-d354-06cc-4be8-5870a05445ca","type":"Block","tag":"div","classes":["e3a049da-a35b-40ff-8cd4-89722e0908bd"],"children":["9095fa24-7ce1-42c5-b7ac-294930058ec5","b33609ff-8536-7a0b-a49f-b2ff3b7462b9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9095fa24-7ce1-42c5-b7ac-294930058ec5","type":"Image","tag":"img","classes":["1ebab476-4f7f-2f04-5219-81ea602ee219"],"children":[],"data":{"img":{"id":"662666378fc89df2ebc2f7e0"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"src":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"sizes":[{"max":991,"size":"150px"},{"max":10000,"size":"175px"}],"srcsetDisabled":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b33609ff-8536-7a0b-a49f-b2ff3b7462b9","type":"Link","tag":"a","classes":["26df75f0-e48d-e6c5-ca60-e48fe053f3b7"],"children":["e7a708b4-741e-9f2e-9b4f-0fd76ea2322d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"e7a708b4-741e-9f2e-9b4f-0fd76ea2322d","type":"Image","tag":"img","classes":["7100c529-9704-bf78-9003-aa8bf516d86b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"66265fa9217c67286208b9a2"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6785bc39-b4c9-f217-8746-b4f97fe38a11","type":"Block","tag":"div","classes":["3bbb9555-a63e-a05f-3e2f-62f7d313d22e"],"children":["543338ae-b306-24bf-c2f6-10b8005adc83","3734a550-8cb5-fbbe-10df-8700841ff856","cf6af0cb-2c96-b56a-86a2-e30bbfe50091","74ddce01-9bc3-3f0f-63bd-1abf2d2cfdf1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"543338ae-b306-24bf-c2f6-10b8005adc83","type":"Block","tag":"div","classes":["49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","fc42be7e-6bd2-5310-93d2-4fecb771ba1c"],"children":["56238fa8-3f9c-302d-ad7d-3d9709a4c5ad","dba9e942-0260-0745-5cef-7170e6a3a55f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"56238fa8-3f9c-302d-ad7d-3d9709a4c5ad","type":"Block","tag":"div","classes":["9c9efff7-bab2-2904-9b8e-709e0a92382a"],"children":["aa3455f7-84ee-af98-e8d0-f797ac288977","aa3455f7-84ee-af98-e8d0-f797ac288979"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288977","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27118","a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"children":["aa3455f7-84ee-af98-e8d0-f797ac288978"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"name","id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288978","text":true,"v":"First name"},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288979","type":"FormTextInput","tag":"input","classes":["cb39c46d-72da-31c5-1a2e-a4f4b5766fe2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"Alex","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a55f","type":"Block","tag":"div","classes":["9c9efff7-bab2-2904-9b8e-709e0a92382a"],"children":["dba9e942-0260-0745-5cef-7170e6a3a560","dba9e942-0260-0745-5cef-7170e6a3a562"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a560","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27118","a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"children":["dba9e942-0260-0745-5cef-7170e6a3a561"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"name-2","id":""},"visibility":{"conditions":[]}}},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a561","text":true,"v":"Last name"},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a562","type":"FormTextInput","tag":"input","classes":["cb39c46d-72da-31c5-1a2e-a4f4b5766fe2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-2","data-name":"Name 2","placeholder":"Craft","type":"text","id":"name-2","disabled":false,"required":false},"form":{"type":"input","name":"Name 2","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3734a550-8cb5-fbbe-10df-8700841ff856","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27118","a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"children":["3734a550-8cb5-fbbe-10df-8700841ff857"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"field","id":""},"visibility":{"conditions":[]}}},{"_id":"3734a550-8cb5-fbbe-10df-8700841ff857","text":true,"v":"About you"},{"_id":"cf6af0cb-2c96-b56a-86a2-e30bbfe50091","type":"FormTextarea","tag":"textarea","classes":["cb39c46d-72da-31c5-1a2e-a4f4b5766fe2","b5c55b53-6c55-fe0e-9d5b-1428590b8599"],"children":[],"data":{"attr":{"required":false,"autofocus":false,"placeholder":"Hi there! I am on a mission to save earth.","maxlength":5000,"id":"field","name":"field","data-name":"Field"},"form":{"type":"textarea","name":"Field"},"xattr":[{"name":"data-ms-member","value":"about"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ddce01-9bc3-3f0f-63bd-1abf2d2cfdf1","type":"Block","tag":"div","classes":["49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","5c33cb4c-a2bf-70d7-7ab1-b29ff424fddf","dff9d323-16f0-1ec4-aa66-11ae8242db52","e44f1180-a2cd-4530-e863-eefe39d3682e"],"children":["aa3455f7-84ee-af98-e8d0-f797ac28897d","d6609eb9-456a-3992-01f3-2fe079169783"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac28897d","type":"FormButton","tag":"input","classes":["834983af-3c4b-d1c2-f9f9-fbdff951f4ac"],"children":[],"data":{"attr":{"type":"submit","value":"Cancel","data-wait":"Please wait..."},"form":{"type":"button"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6609eb9-456a-3992-01f3-2fe079169783","type":"FormButton","tag":"input","classes":["15f07c8f-bb1f-76be-0153-e38aa08df90e"],"children":[],"data":{"attr":{"type":"submit","value":"Save","data-wait":"Please wait..."},"form":{"type":"button"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac28897e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac28897f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac28897f","type":"Block","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288980"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288980","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288981","type":"FormErrorMessage","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288982"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288982","type":"Block","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288983"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288983","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"4c69f1e4-8a9a-9833-1aee-c4e62ca34d5a","fake":false,"type":"class","name":"profile_div","namespace":"","comb":"","styleLess":"display: flex; height: 100vh; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","fake":false,"type":"class","name":"display_horizontal","namespace":"","comb":"","styleLess":"display: flex;","variants":{"tiny":{"styleLess":"margin-top: 10px;"}},"children":["fc42be7e-6bd2-5310-93d2-4fecb771ba1c","5c33cb4c-a2bf-70d7-7ab1-b29ff424fddf"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e44f1180-a2cd-4530-e863-eefe39d3682e","fake":false,"type":"class","name":"margin-medium","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"margin-top: 1.25px; align-items: stretch;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"15f07c8f-bb1f-76be-0153-e38aa08df90e","fake":false,"type":"class","name":"save_button","namespace":"","comb":"","styleLess":"padding-right: 2.8rem; padding-left: 2.83rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 10.64%, 9.22%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 10.64%, 9.22%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 10.64%, 9.22%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 10.64%, 9.22%, 0.02); border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(228, 10.64%, 9.22%, 0.86); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: #f0f0f0; font-size: 0.875rem; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: rgba(21, 22, 26, 0.86); border-right-color: rgba(21, 22, 26, 0.86); border-bottom-color: rgba(21, 22, 26, 0.86); border-left-color: rgba(21, 22, 26, 0.86); background-color: hsla(228, 0.44%, 0.00%, 0.00); color: #15161a;"},"tiny":{"styleLess":"width: 50%; padding-right: 2.2rem; padding-left: 2.2rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"b5c55b53-6c55-fe0e-9d5b-1428590b8599","fake":false,"type":"class","name":"input","namespace":"","comb":"&","styleLess":"height: 110px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"12c7f906-6c90-33d6-9615-5abfaf863ce8","fake":false,"type":"class","name":"profile_main-div","namespace":"","comb":"","styleLess":"display: flex; padding-top: 5rem; padding-right: 5rem; padding-bottom: 5rem; padding-left: 5rem; flex-direction: column; flex-wrap: nowrap; border-top-left-radius: 28px; border-top-right-radius: 28px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 20px 0 hsla(0, 0.00%, 0.00%, 0.10);","variants":{"tiny":{"styleLess":"padding-top: 1.8rem; padding-right: 1.5rem; padding-bottom: 1.8rem; padding-left: 1.5rem;"},"medium":{"styleLess":"padding-top: 4.5rem; padding-right: 4.5rem; padding-bottom: 4.5rem; padding-left: 4.5rem;"},"small":{"styleLess":"padding-top: 4rem; padding-right: 4rem; padding-bottom: 4rem; padding-left: 4rem; flex-direction: column; flex-wrap: nowrap; align-items: center;"}},"children":["7390d823-7b73-cd86-bec8-5252c00f8abc","35f4929b-68f5-3aeb-3308-eeef1097cddd","4f233218-877a-32ea-7f36-4e9f597714e7","3c5405af-092a-f3bc-354c-72dbc7cf0308"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"7100c529-9704-bf78-9003-aa8bf516d86b","fake":false,"type":"class","name":"edit_icon","namespace":"","comb":"","styleLess":"width: 25px; height: 25px;","variants":{"tiny":{"styleLess":"width: 22px; height: 22px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e3a049da-a35b-40ff-8cd4-89722e0908bd","fake":false,"type":"class","name":"profile_img-box","namespace":"","comb":"","styleLess":"position: relative; width: 175px; height: 175px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{"medium":{"styleLess":"width: 150px; height: 150px;"}},"children":["e2ec0dc8-7f10-e178-b8a8-e9415ed29862"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"1ebab476-4f7f-2f04-5219-81ea602ee219","fake":false,"type":"class","name":"profile_img","namespace":"","comb":"","styleLess":"overflow: clip; width: 100%; height: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"dff9d323-16f0-1ec4-aa66-11ae8242db52","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["e44f1180-a2cd-4530-e863-eefe39d3682e"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"337cf39e-2c05-7c52-9cea-aea3cc9f73a5","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["e4dec736-7ac2-ea19-2dec-b79f48b47062"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27146","fake":false,"type":"class","name":"heading-style-h5","namespace":"","comb":"","styleLess":"font-size: 1.25rem; line-height: 1.5; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 0.875rem;"}},"children":["62a62454-4810-e5e2-18aa-36458e695548","66d4bb4b-059b-3d8c-cf1c-153b24bc12b6"],"origin":null,"selector":null},{"_id":"767d15e3-dc0f-3e0e-e82e-ec68779238df","fake":false,"type":"class","name":"profile_img-div","namespace":"","comb":"","styleLess":"margin-top: 10px;","variants":{"small":{"styleLess":"display: flex; justify-content: center;"}},"children":["4cc009c4-15f4-ee1e-1883-5b73929e60cc"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e4dec736-7ac2-ea19-2dec-b79f48b47062","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cb39c46d-72da-31c5-1a2e-a4f4b5766fe2","fake":false,"type":"class","name":"text_field","namespace":"","comb":"","styleLess":"min-width: 240px; border-top-style: solid; border-top-width: 1px; border-top-color: #f0f0f0; border-right-style: solid; border-right-width: 1px; border-right-color: #f0f0f0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-left-style: solid; border-left-width: 1px; border-left-color: #f0f0f0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #f0f0f0; font-weight: 700;","variants":{"medium":{"styleLess":"min-width: 120px;"},"main_focus":{"styleLess":"border-top-color: rgba(21, 22, 26, 0.86); border-right-color: rgba(21, 22, 26, 0.86); border-bottom-color: rgba(21, 22, 26, 0.86); border-left-color: rgba(21, 22, 26, 0.86);"},"main_placeholder":{"styleLess":"font-weight: 500;"}},"children":["b5c55b53-6c55-fe0e-9d5b-1428590b8599"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3bbb9555-a63e-a05f-3e2f-62f7d313d22e","fake":false,"type":"class","name":"fields_div","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"5c33cb4c-a2bf-70d7-7ab1-b29ff424fddf","fake":false,"type":"class","name":"gap_1rem","namespace":"","comb":"&","styleLess":"justify-content: flex-end; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{"small":{"styleLess":"justify-content: center;"}},"children":["dff9d323-16f0-1ec4-aa66-11ae8242db52"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27118","fake":false,"type":"class","name":"text-size-tiny","namespace":"","comb":"","styleLess":"font-size: 0.75rem;","variants":{},"children":["a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"9c9efff7-bab2-2904-9b8e-709e0a92382a","fake":false,"type":"class","name":"width_50%","namespace":"","comb":"","styleLess":"width: 50%;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fc42be7e-6bd2-5310-93d2-4fecb771ba1c","fake":false,"type":"class","name":"gap","namespace":"","comb":"&","styleLess":"grid-column-gap: 2rem; grid-row-gap: 2rem;","variants":{"tiny":{"styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem;"}},"children":["337cf39e-2c05-7c52-9cea-aea3cc9f73a5"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"a8e1bc39-0edc-7ee4-26c0-3ac792a32894","fake":false,"type":"class","name":"margin-0","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"26df75f0-e48d-e6c5-ca60-e48fe053f3b7","fake":false,"type":"class","name":"edit_icon-link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: auto; right: -6%; bottom: -6%; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #f0f0f0; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); cursor: pointer;","variants":{"tiny":{"styleLess":"padding-top: 5px;"}},"children":["a7e69c28-9720-e619-b504-0345bd981ce0"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"b17eaf83-cbbe-dd0e-2986-a4f97086618d","fake":false,"type":"class","name":"profile_form-div","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"834983af-3c4b-d1c2-f9f9-fbdff951f4ac","fake":false,"type":"class","name":"cancel_button","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 0.50%, 60.98%, 0.08); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 0.50%, 60.98%, 0.08); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 0.50%, 60.98%, 0.08); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 0.50%, 60.98%, 0.08); border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(240, 0.50%, 60.98%, 0.45); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: #15161a; font-size: 0.875rem; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: rgba(155, 155, 156, 0.45); border-right-color: rgba(155, 155, 156, 0.45); border-bottom-color: rgba(155, 155, 156, 0.45); border-left-color: rgba(155, 155, 156, 0.45); background-color: hsla(0, 0.00%, 0.00%, 0.00);"},"tiny":{"styleLess":"width: 50%; padding-right: 2rem; padding-left: 2rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","siteId":"66265923ee5056c544b49979","width":740,"isHD":false,"height":740,"fileName":"662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","createdOn":"2024-04-22T13:29:27.357Z","origFileName":"3d-rendering-avatar_23-2150833560.jpg","fileHash":"9862766a1cafbf3b65f3c81a1a712ac8","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-500.jpg","origFileName":"3d-rendering-avatar_23-2150833560-p-500.jpg","fileName":"662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-500.jpg","size":13632,"format":"jpg","width":500,"quality":100,"_id":"662666396d4fa1e3b291e7e8","cdnUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-500.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","thumbUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-130x130q80.jpg","_id":"662666378fc89df2ebc2f7e0","updatedOn":"2024-04-23T04:43:40.043Z","fileSize":28594,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","siteId":"66265923ee5056c544b49979","width":150,"isHD":false,"height":150,"fileName":"66265fa9217c67286208b9a2_edit-246.svg","createdOn":"2024-04-22T13:01:29.271Z","origFileName":"edit-246.svg","fileHash":"c1364d9bd32ca29647ba6854a4243d1d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","thumbUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","_id":"66265fa9217c67286208b9a2","updatedOn":"2024-04-22T13:01:29.271Z","fileSize":971,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d9a4b74e-a489-ae36-0e04-6639bca1db04","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","4984bf14-86f4-35bd-1100-4787cbe3664c"],"data":{"tag":"div","text":false}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"4984bf14-86f4-35bd-1100-4787cbe3664c","type":"Block","tag":"div","classes":["4c69f1e4-8a9a-9833-1aee-c4e62ca34d5a"],"children":["3f1e8c66-dc14-e31c-04fc-9dd7679fff78"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["12c7f906-6c90-33d6-9615-5abfaf863ce8"],"children":["216803ba-0180-a8dc-49eb-b3e2ada880e3","805ef01a-4832-7566-2544-1d843f6c9ebb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"216803ba-0180-a8dc-49eb-b3e2ada880e3","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27146"],"children":["216803ba-0180-a8dc-49eb-b3e2ada880e4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"216803ba-0180-a8dc-49eb-b3e2ada880e4","text":true,"v":"User Information"},{"_id":"805ef01a-4832-7566-2544-1d843f6c9ebb","type":"Block","tag":"div","classes":["b17eaf83-cbbe-dd0e-2986-a4f97086618d"],"children":["aa3455f7-84ee-af98-e8d0-f797ac288975"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288975","type":"FormWrapper","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288976","aa3455f7-84ee-af98-e8d0-f797ac28897e","aa3455f7-84ee-af98-e8d0-f797ac288981"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288976","type":"FormForm","tag":"form","classes":[],"children":["691fdebb-7fae-9ca2-8266-b4c4fa2ee690"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"691fdebb-7fae-9ca2-8266-b4c4fa2ee690","type":"Block","tag":"div","classes":["49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","fc42be7e-6bd2-5310-93d2-4fecb771ba1c","337cf39e-2c05-7c52-9cea-aea3cc9f73a5","e4dec736-7ac2-ea19-2dec-b79f48b47062"],"children":["c95ce62b-c422-c783-801f-6108425b1ac4","6785bc39-b4c9-f217-8746-b4f97fe38a11"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c95ce62b-c422-c783-801f-6108425b1ac4","type":"Block","tag":"div","classes":["767d15e3-dc0f-3e0e-e82e-ec68779238df"],"children":["c25353d0-d354-06cc-4be8-5870a05445ca"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c25353d0-d354-06cc-4be8-5870a05445ca","type":"Block","tag":"div","classes":["e3a049da-a35b-40ff-8cd4-89722e0908bd"],"children":["9095fa24-7ce1-42c5-b7ac-294930058ec5","b33609ff-8536-7a0b-a49f-b2ff3b7462b9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9095fa24-7ce1-42c5-b7ac-294930058ec5","type":"Image","tag":"img","classes":["1ebab476-4f7f-2f04-5219-81ea602ee219"],"children":[],"data":{"img":{"id":"662666378fc89df2ebc2f7e0"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"src":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"sizes":[{"max":991,"size":"150px"},{"max":10000,"size":"175px"}],"srcsetDisabled":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b33609ff-8536-7a0b-a49f-b2ff3b7462b9","type":"Link","tag":"a","classes":["26df75f0-e48d-e6c5-ca60-e48fe053f3b7"],"children":["e7a708b4-741e-9f2e-9b4f-0fd76ea2322d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"e7a708b4-741e-9f2e-9b4f-0fd76ea2322d","type":"Image","tag":"img","classes":["7100c529-9704-bf78-9003-aa8bf516d86b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"66265fa9217c67286208b9a2"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6785bc39-b4c9-f217-8746-b4f97fe38a11","type":"Block","tag":"div","classes":["3bbb9555-a63e-a05f-3e2f-62f7d313d22e"],"children":["543338ae-b306-24bf-c2f6-10b8005adc83","3734a550-8cb5-fbbe-10df-8700841ff856","cf6af0cb-2c96-b56a-86a2-e30bbfe50091","74ddce01-9bc3-3f0f-63bd-1abf2d2cfdf1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"543338ae-b306-24bf-c2f6-10b8005adc83","type":"Block","tag":"div","classes":["49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","fc42be7e-6bd2-5310-93d2-4fecb771ba1c"],"children":["56238fa8-3f9c-302d-ad7d-3d9709a4c5ad","dba9e942-0260-0745-5cef-7170e6a3a55f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"56238fa8-3f9c-302d-ad7d-3d9709a4c5ad","type":"Block","tag":"div","classes":["9c9efff7-bab2-2904-9b8e-709e0a92382a"],"children":["aa3455f7-84ee-af98-e8d0-f797ac288977","aa3455f7-84ee-af98-e8d0-f797ac288979"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288977","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27118","a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"children":["aa3455f7-84ee-af98-e8d0-f797ac288978"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"name","id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288978","text":true,"v":"First name"},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288979","type":"FormTextInput","tag":"input","classes":["cb39c46d-72da-31c5-1a2e-a4f4b5766fe2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"Alex","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a55f","type":"Block","tag":"div","classes":["9c9efff7-bab2-2904-9b8e-709e0a92382a"],"children":["dba9e942-0260-0745-5cef-7170e6a3a560","dba9e942-0260-0745-5cef-7170e6a3a562"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a560","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27118","a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"children":["dba9e942-0260-0745-5cef-7170e6a3a561"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"name-2","id":""},"visibility":{"conditions":[]}}},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a561","text":true,"v":"Last name"},{"_id":"dba9e942-0260-0745-5cef-7170e6a3a562","type":"FormTextInput","tag":"input","classes":["cb39c46d-72da-31c5-1a2e-a4f4b5766fe2"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name-2","data-name":"Name 2","placeholder":"Craft","type":"text","id":"name-2","disabled":false,"required":false},"form":{"type":"input","name":"Name 2","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3734a550-8cb5-fbbe-10df-8700841ff856","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27118","a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"children":["3734a550-8cb5-fbbe-10df-8700841ff857"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"field","id":""},"visibility":{"conditions":[]}}},{"_id":"3734a550-8cb5-fbbe-10df-8700841ff857","text":true,"v":"About you"},{"_id":"cf6af0cb-2c96-b56a-86a2-e30bbfe50091","type":"FormTextarea","tag":"textarea","classes":["cb39c46d-72da-31c5-1a2e-a4f4b5766fe2","b5c55b53-6c55-fe0e-9d5b-1428590b8599"],"children":[],"data":{"attr":{"required":false,"autofocus":false,"placeholder":"Hi there! I am on a mission to save earth.","maxlength":5000,"id":"field","name":"field","data-name":"Field"},"form":{"type":"textarea","name":"Field"},"xattr":[{"name":"data-ms-member","value":"about"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"74ddce01-9bc3-3f0f-63bd-1abf2d2cfdf1","type":"Block","tag":"div","classes":["49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","5c33cb4c-a2bf-70d7-7ab1-b29ff424fddf","dff9d323-16f0-1ec4-aa66-11ae8242db52","e44f1180-a2cd-4530-e863-eefe39d3682e"],"children":["aa3455f7-84ee-af98-e8d0-f797ac28897d","d6609eb9-456a-3992-01f3-2fe079169783"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac28897d","type":"FormButton","tag":"input","classes":["834983af-3c4b-d1c2-f9f9-fbdff951f4ac"],"children":[],"data":{"attr":{"type":"submit","value":"Cancel","data-wait":"Please wait..."},"form":{"type":"button"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6609eb9-456a-3992-01f3-2fe079169783","type":"FormButton","tag":"input","classes":["15f07c8f-bb1f-76be-0153-e38aa08df90e"],"children":[],"data":{"attr":{"type":"submit","value":"Save","data-wait":"Please wait..."},"form":{"type":"button"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac28897e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac28897f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac28897f","type":"Block","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288980"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288980","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288981","type":"FormErrorMessage","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288982"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288982","type":"Block","tag":"div","classes":[],"children":["aa3455f7-84ee-af98-e8d0-f797ac288983"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"aa3455f7-84ee-af98-e8d0-f797ac288983","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"4c69f1e4-8a9a-9833-1aee-c4e62ca34d5a","fake":false,"type":"class","name":"profile_div","namespace":"","comb":"","styleLess":"display: flex; height: 100vh; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"49b7a5b5-62c1-8ca2-1ce9-adfe073a5b1f","fake":false,"type":"class","name":"display_horizontal","namespace":"","comb":"","styleLess":"display: flex;","variants":{"tiny":{"styleLess":"margin-top: 10px;"}},"children":["fc42be7e-6bd2-5310-93d2-4fecb771ba1c","5c33cb4c-a2bf-70d7-7ab1-b29ff424fddf"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e44f1180-a2cd-4530-e863-eefe39d3682e","fake":false,"type":"class","name":"margin-medium","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"margin-top: 1.25px; align-items: stretch;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"15f07c8f-bb1f-76be-0153-e38aa08df90e","fake":false,"type":"class","name":"save_button","namespace":"","comb":"","styleLess":"padding-right: 2.8rem; padding-left: 2.83rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 10.64%, 9.22%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 10.64%, 9.22%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 10.64%, 9.22%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 10.64%, 9.22%, 0.02); border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(228, 10.64%, 9.22%, 0.86); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: #f0f0f0; font-size: 0.875rem; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: rgba(21, 22, 26, 0.86); border-right-color: rgba(21, 22, 26, 0.86); border-bottom-color: rgba(21, 22, 26, 0.86); border-left-color: rgba(21, 22, 26, 0.86); background-color: hsla(228, 0.44%, 0.00%, 0.00); color: #15161a;"},"tiny":{"styleLess":"width: 50%; padding-right: 2.2rem; padding-left: 2.2rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"b5c55b53-6c55-fe0e-9d5b-1428590b8599","fake":false,"type":"class","name":"input","namespace":"","comb":"&","styleLess":"height: 110px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"12c7f906-6c90-33d6-9615-5abfaf863ce8","fake":false,"type":"class","name":"profile_main-div","namespace":"","comb":"","styleLess":"display: flex; padding-top: 5rem; padding-right: 5rem; padding-bottom: 5rem; padding-left: 5rem; flex-direction: column; flex-wrap: nowrap; border-top-left-radius: 28px; border-top-right-radius: 28px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 20px 0 hsla(0, 0.00%, 0.00%, 0.10);","variants":{"tiny":{"styleLess":"padding-top: 1.8rem; padding-right: 1.5rem; padding-bottom: 1.8rem; padding-left: 1.5rem;"},"medium":{"styleLess":"padding-top: 4.5rem; padding-right: 4.5rem; padding-bottom: 4.5rem; padding-left: 4.5rem;"},"small":{"styleLess":"padding-top: 4rem; padding-right: 4rem; padding-bottom: 4rem; padding-left: 4rem; flex-direction: column; flex-wrap: nowrap; align-items: center;"}},"children":["7390d823-7b73-cd86-bec8-5252c00f8abc","35f4929b-68f5-3aeb-3308-eeef1097cddd","4f233218-877a-32ea-7f36-4e9f597714e7","3c5405af-092a-f3bc-354c-72dbc7cf0308"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"7100c529-9704-bf78-9003-aa8bf516d86b","fake":false,"type":"class","name":"edit_icon","namespace":"","comb":"","styleLess":"width: 25px; height: 25px;","variants":{"tiny":{"styleLess":"width: 22px; height: 22px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e3a049da-a35b-40ff-8cd4-89722e0908bd","fake":false,"type":"class","name":"profile_img-box","namespace":"","comb":"","styleLess":"position: relative; width: 175px; height: 175px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{"medium":{"styleLess":"width: 150px; height: 150px;"}},"children":["e2ec0dc8-7f10-e178-b8a8-e9415ed29862"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"1ebab476-4f7f-2f04-5219-81ea602ee219","fake":false,"type":"class","name":"profile_img","namespace":"","comb":"","styleLess":"overflow: clip; width: 100%; height: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"dff9d323-16f0-1ec4-aa66-11ae8242db52","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["e44f1180-a2cd-4530-e863-eefe39d3682e"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"337cf39e-2c05-7c52-9cea-aea3cc9f73a5","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["e4dec736-7ac2-ea19-2dec-b79f48b47062"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27146","fake":false,"type":"class","name":"heading-style-h5","namespace":"","comb":"","styleLess":"font-size: 1.25rem; line-height: 1.5; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 0.875rem;"}},"children":["62a62454-4810-e5e2-18aa-36458e695548","66d4bb4b-059b-3d8c-cf1c-153b24bc12b6"],"origin":null,"selector":null},{"_id":"767d15e3-dc0f-3e0e-e82e-ec68779238df","fake":false,"type":"class","name":"profile_img-div","namespace":"","comb":"","styleLess":"margin-top: 10px;","variants":{"small":{"styleLess":"display: flex; justify-content: center;"}},"children":["4cc009c4-15f4-ee1e-1883-5b73929e60cc"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e4dec736-7ac2-ea19-2dec-b79f48b47062","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"cb39c46d-72da-31c5-1a2e-a4f4b5766fe2","fake":false,"type":"class","name":"text_field","namespace":"","comb":"","styleLess":"min-width: 240px; border-top-style: solid; border-top-width: 1px; border-top-color: #f0f0f0; border-right-style: solid; border-right-width: 1px; border-right-color: #f0f0f0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-left-style: solid; border-left-width: 1px; border-left-color: #f0f0f0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #f0f0f0; font-weight: 700;","variants":{"medium":{"styleLess":"min-width: 120px;"},"main_focus":{"styleLess":"border-top-color: rgba(21, 22, 26, 0.86); border-right-color: rgba(21, 22, 26, 0.86); border-bottom-color: rgba(21, 22, 26, 0.86); border-left-color: rgba(21, 22, 26, 0.86);"},"main_placeholder":{"styleLess":"font-weight: 500;"}},"children":["b5c55b53-6c55-fe0e-9d5b-1428590b8599"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3bbb9555-a63e-a05f-3e2f-62f7d313d22e","fake":false,"type":"class","name":"fields_div","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"5c33cb4c-a2bf-70d7-7ab1-b29ff424fddf","fake":false,"type":"class","name":"gap_1rem","namespace":"","comb":"&","styleLess":"justify-content: flex-end; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{"small":{"styleLess":"justify-content: center;"}},"children":["dff9d323-16f0-1ec4-aa66-11ae8242db52"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27118","fake":false,"type":"class","name":"text-size-tiny","namespace":"","comb":"","styleLess":"font-size: 0.75rem;","variants":{},"children":["a8e1bc39-0edc-7ee4-26c0-3ac792a32894"],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"9c9efff7-bab2-2904-9b8e-709e0a92382a","fake":false,"type":"class","name":"width_50%","namespace":"","comb":"","styleLess":"width: 50%;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fc42be7e-6bd2-5310-93d2-4fecb771ba1c","fake":false,"type":"class","name":"gap","namespace":"","comb":"&","styleLess":"grid-column-gap: 2rem; grid-row-gap: 2rem;","variants":{"tiny":{"styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem;"}},"children":["337cf39e-2c05-7c52-9cea-aea3cc9f73a5"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"a8e1bc39-0edc-7ee4-26c0-3ac792a32894","fake":false,"type":"class","name":"margin-0","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"26df75f0-e48d-e6c5-ca60-e48fe053f3b7","fake":false,"type":"class","name":"edit_icon-link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: auto; right: -6%; bottom: -6%; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #f0f0f0; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); cursor: pointer;","variants":{"tiny":{"styleLess":"padding-top: 5px;"}},"children":["a7e69c28-9720-e619-b504-0345bd981ce0"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"b17eaf83-cbbe-dd0e-2986-a4f97086618d","fake":false,"type":"class","name":"profile_form-div","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"834983af-3c4b-d1c2-f9f9-fbdff951f4ac","fake":false,"type":"class","name":"cancel_button","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 0.50%, 60.98%, 0.08); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 0.50%, 60.98%, 0.08); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 0.50%, 60.98%, 0.08); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 0.50%, 60.98%, 0.08); border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(240, 0.50%, 60.98%, 0.45); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: #15161a; font-size: 0.875rem; font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-color: rgba(155, 155, 156, 0.45); border-right-color: rgba(155, 155, 156, 0.45); border-bottom-color: rgba(155, 155, 156, 0.45); border-left-color: rgba(155, 155, 156, 0.45); background-color: hsla(0, 0.00%, 0.00%, 0.00);"},"tiny":{"styleLess":"width: 50%; padding-right: 2rem; padding-left: 2rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","siteId":"66265923ee5056c544b49979","width":740,"isHD":false,"height":740,"fileName":"662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","createdOn":"2024-04-22T13:29:27.357Z","origFileName":"3d-rendering-avatar_23-2150833560.jpg","fileHash":"9862766a1cafbf3b65f3c81a1a712ac8","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-500.jpg","origFileName":"3d-rendering-avatar_23-2150833560-p-500.jpg","fileName":"662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-500.jpg","size":13632,"format":"jpg","width":500,"quality":100,"_id":"662666396d4fa1e3b291e7e8","cdnUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-500.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560.jpg","thumbUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/662666378fc89df2ebc2f7e0_3d-rendering-avatar_23-2150833560-p-130x130q80.jpg","_id":"662666378fc89df2ebc2f7e0","updatedOn":"2024-04-23T04:43:40.043Z","fileSize":28594,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","siteId":"66265923ee5056c544b49979","width":150,"isHD":false,"height":150,"fileName":"66265fa9217c67286208b9a2_edit-246.svg","createdOn":"2024-04-22T13:01:29.271Z","origFileName":"edit-246.svg","fileHash":"c1364d9bd32ca29647ba6854a4243d1d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","thumbUrl":"https://cdn.prod.website-files.com/66265923ee5056c544b49979/66265fa9217c67286208b9a2_edit-246.svg","_id":"66265fa9217c67286208b9a2","updatedOn":"2024-04-22T13:01:29.271Z","fileSize":971,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Elegant Profile Edit component features a minimalistic user interface designed for profile editing, including fields for first name, last name, and an about section, along with form submission feedback.

Key Features:

  • Minimalistic and elegant design
  • User-friendly form fields for personal information
  • Feedback messages for successful or failed submissions
  • Responsive layout suitable for various devices
  • Customizable styles and classes

Design Elements:

  • Clean and modern aesthetic
  • Soft color palette with a focus on usability
  • Rounded corners and subtle shadows for depth
  • Flexbox layout for responsive design

Potential Use Cases:

  • Personal websites or portfolios
  • Social media profile management
  • User account settings pages for web applications
  • Online community or forum profiles
  • Business websites needing user profile features

Conclusion: The Elegant Profile Edit component is versatile and visually appealing, making it an excellent choice for any project requiring user profile management.

Start building

Start building your dreams

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.