Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
.jpg)
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ea4640be-f6b1-6fd1-c10b-ccbef5b6621f","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["b76d7325-ec24-b51b-7242-4ed88f74063e","28881635-1598-198c-e014-a49bef4e6dd7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b76d7325-ec24-b51b-7242-4ed88f74063e","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/* 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":{"search":{"exclude":true},"embed":{"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/* 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,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"28881635-1598-198c-e014-a49bef4e6dd7","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["817d7b7b-7844-6777-0361-1b326d346e79"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"817d7b7b-7844-6777-0361-1b326d346e79","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["6073740e-2486-6f9d-4373-03c03a4d9002"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6073740e-2486-6f9d-4373-03c03a4d9002","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","7cafc1ed-578b-5a43-eb30-04f965a2bea9"],"children":["31710601-8040-4c45-39bc-da7040a8d3a4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31710601-8040-4c45-39bc-da7040a8d3a4","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["d58c11fc-4d6f-ce5b-3db7-c6fa9ed65e5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d58c11fc-4d6f-ce5b-3db7-c6fa9ed65e5b","type":"Block","tag":"div","classes":["cf5aa1c9-54e5-2937-294e-6df0729f785e"],"children":["8faf07c6-80ea-5abc-b11e-22c4d8d413b6","f28e1d79-009a-4b6a-e8cf-2a171df6611a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8faf07c6-80ea-5abc-b11e-22c4d8d413b6","type":"Block","tag":"div","classes":["c6dc428a-28e8-513a-6a92-82a2b912b3c3"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f28e1d79-009a-4b6a-e8cf-2a171df6611a","type":"Block","tag":"div","classes":["cddd7af6-783c-0d49-ccb2-ae6b3fa4fadf"],"children":["367a54fe-576e-a6b5-071f-59331183d273","969b95fc-89e3-4551-c720-25f2917f229c","a8dd4495-cf5d-21eb-6e53-b22e35f26ce3","8115aafc-91dc-4adf-ea01-cae42c907835"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"367a54fe-576e-a6b5-071f-59331183d273","type":"Block","tag":"div","classes":["3a6c5399-3dc6-9df6-8932-be87dfab710b"],"children":["0f6043f2-71b9-2471-78c9-be037dfe46df"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0f6043f2-71b9-2471-78c9-be037dfe46df","type":"Image","tag":"img","classes":["34318db1-72a1-7a8a-5ecf-6e385186973a"],"children":[],"data":{"img":{"id":"67161cc45755ed13d20a4747"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","loading":"lazy","id":""},"sizes":[{"max":10000,"size":"200px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"969b95fc-89e3-4551-c720-25f2917f229c","type":"Block","tag":"div","classes":["3b15c397-c78c-7949-353e-d28d5a65c838"],"children":["77a4bb14-6c24-c4e1-e21b-660651a02234","4cab4ade-07db-b262-f559-9eefc8a4cd5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"77a4bb14-6c24-c4e1-e21b-660651a02234","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27140","a63fe0cd-9a02-bcc7-9a44-b67eff0ec023","3abb0764-b2dd-4ed7-47c8-351d41f77c1b"],"children":["e6f33b97-e474-9973-047b-a8e49c85bdc5"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e6f33b97-e474-9973-047b-a8e49c85bdc5","text":true,"v":"You are logged out"},{"_id":"4cab4ade-07db-b262-f559-9eefc8a4cd5b","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c","dbecc963-6870-fded-df8b-df8459df8c77","9c6b4f1c-9c84-e878-3c04-202ff48ec964"],"children":["613e81d0-f109-14b2-bed9-b51cce4b0405","f84692d4-01b5-4ffc-db5f-5970a511985a","45f066d3-e0ab-04e0-74d8-77d6e99bbbff"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"613e81d0-f109-14b2-bed9-b51cce4b0405","text":true,"v":"You can always log back in at any time. if you just want to switch accounts, you can "},{"_id":"f84692d4-01b5-4ffc-db5f-5970a511985a","type":"Link","tag":"a","classes":["d588a25e-4d2b-8afd-d10a-91d9ceeccae4"],"children":["faeb84c2-a2c1-1126-0261-665069644912"],"data":{"button":false,"block":"","link":{"url":"#","mode":"external"},"eventIds":[],"attr":{"id":"","href":"#"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"faeb84c2-a2c1-1126-0261-665069644912","text":true,"v":"add another account"},{"_id":"45f066d3-e0ab-04e0-74d8-77d6e99bbbff","text":true,"v":"."},{"_id":"a8dd4495-cf5d-21eb-6e53-b22e35f26ce3","type":"Block","tag":"div","classes":["3e03bad1-6c69-edb0-fdb1-7bf8a111b46d"],"children":["4ac79690-c479-da38-86f0-cdd0c54abd41","6d7b548b-2d0d-ea3f-1536-6a8647ed14e6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4ac79690-c479-da38-86f0-cdd0c54abd41","type":"Link","tag":"a","classes":["543d462c-8c98-9ec5-9ebb-e0d8ae9fed10"],"children":["6410d4a1-88b6-6989-fffa-d45045026f20"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"6410d4a1-88b6-6989-fffa-d45045026f20","text":true,"v":"Home"},{"_id":"6d7b548b-2d0d-ea3f-1536-6a8647ed14e6","type":"Link","tag":"a","classes":["b58548c3-07df-c3eb-b3e3-9e10492bb574"],"children":["a904c445-2f3f-f599-c097-e76cbd09db35"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-modal","value":"login"}],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a904c445-2f3f-f599-c097-e76cbd09db35","text":true,"v":"Log In"},{"_id":"8115aafc-91dc-4adf-ea01-cae42c907835","type":"Image","tag":"img","classes":["3d7002c3-67a8-fe8a-5a67-52880c3d4510"],"children":[],"data":{"img":{"id":"67161d20cbdc7f138d6fecd2"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"font-family: Outfit;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"7cafc1ed-578b-5a43-eb30-04f965a2bea9","fake":false,"type":"class","name":"padding-section-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 2rem;","variants":{"small":{"styleLess":"font-size: 1.25rem;"}},"children":["759b0703-87e2-e35b-7ee0-ab32f70ab276","8501f5f8-6bf8-5fed-a567-91a5ae5854d4","a63fe0cd-9a02-bcc7-9a44-b67eff0ec023"],"origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"login_section","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; align-items: center; background-color: black;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"3a6c5399-3dc6-9df6-8932-be87dfab710b","fake":false,"type":"class","name":"login_image-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"3d7002c3-67a8-fe8a-5a67-52880c3d4510","fake":false,"type":"class","name":"login_close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 4%; right: 4%; bottom: auto; width: 30px; cursor: pointer;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"d588a25e-4d2b-8afd-d10a-91d9ceeccae4","fake":false,"type":"class","name":"login_add-aacount-link","namespace":"","comb":"","styleLess":"transition-property: all; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"b58548c3-07df-c3eb-b3e3-9e10492bb574","fake":false,"type":"class","name":"login_logout-button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-top-style: solid; border-top-width: 1px; border-top-color: transparent; border-right-style: solid; border-right-width: 1px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 1px; border-left-color: transparent; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: black; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: white; font-weight: 600;","variants":{"main_hover":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; background-color: transparent; color: black;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"3abb0764-b2dd-4ed7-47c8-351d41f77c1b","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"543d462c-8c98-9ec5-9ebb-e0d8ae9fed10","fake":false,"type":"class","name":"login_cancel-button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: transparent; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 600;","variants":{"main_hover":{"styleLess":"background-color: black; color: white;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"3b15c397-c78c-7949-353e-d28d5a65c838","fake":false,"type":"class","name":"login_details-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 15px; grid-row-gap: 15px;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"cf5aa1c9-54e5-2937-294e-6df0729f785e","fake":false,"type":"class","name":"login_page-main-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","7cafc1ed-578b-5a43-eb30-04f965a2bea9"],"origin":null,"selector":null},{"_id":"34318db1-72a1-7a8a-5ecf-6e385186973a","fake":false,"type":"class","name":"login_image","namespace":"","comb":"","styleLess":"width: 200px;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"a63fe0cd-9a02-bcc7-9a44-b67eff0ec023","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":["3abb0764-b2dd-4ed7-47c8-351d41f77c1b"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"07815991-952a-8d98-0e00-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{"small":{"styleLess":"font-size: 1rem;"}},"children":["dbecc963-6870-fded-df8b-df8459df8c77"],"origin":null,"selector":null},{"_id":"cddd7af6-783c-0d49-ccb2-ae6b3fa4fadf","fake":false,"type":"class","name":"login_page-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 50%; min-height: 550px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: white;","variants":{"small":{"styleLess":"max-width: 425px; min-height: 400px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;"},"tiny":{"styleLess":"max-width: 100%; min-height: 400px; grid-column-gap: 30px; grid-row-gap: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;"},"medium":{"styleLess":"max-width: 525px; min-height: 525px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"dbecc963-6870-fded-df8b-df8459df8c77","fake":false,"type":"class","name":"text-color-gray","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 24.00%, 1.00);","variants":{},"children":["9c6b4f1c-9c84-e878-3c04-202ff48ec964"],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"c6dc428a-28e8-513a-6a92-82a2b912b3c3","fake":false,"type":"class","name":"login_page-background-wrap","namespace":"","comb":"","styleLess":"position: absolute; left: 25%; top: 0%; right: 0%; bottom: 0%; display: flex; max-width: 50%; min-height: 550px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; justify-content: center; flex-wrap: nowrap; border-top-style: solid; border-top-width: 3px; border-top-color: white; border-right-style: solid; border-right-width: 3px; border-right-color: white; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: white; border-left-style: solid; border-left-width: 3px; border-left-color: white; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: black; transform: rotate(5deg);","variants":{"tiny":{"styleLess":"display: none;"},"medium":{"styleLess":"left: 0%; max-width: 525px; min-height: 525px; transform: rotate(5deg);"},"small":{"styleLess":"left: 0%; display: flex; max-width: 425px; min-height: 400px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"3e03bad1-6c69-edb0-fdb1-7bf8a111b46d","fake":false,"type":"class","name":"login_button-wrap","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: stretch; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"small":{"styleLess":"flex-direction: row; flex-wrap: nowrap; grid-column-gap: 10px; grid-row-gap: 10px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"9c6b4f1c-9c84-e878-3c04-202ff48ec964","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","siteId":"67161a6d896fdc5a95ab069d","width":633,"isHD":false,"height":394,"fileName":"67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","createdOn":"2024-10-21T09:20:04.866Z","origFileName":"login-img-transformed-removebg-preview.png","fileHash":"7d4432070d018dbefc34c20e4eff12fe","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-500.png","origFileName":"login-img-transformed-removebg-preview-p-500.png","fileName":"67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-500.png","size":36187,"format":"png","width":500,"quality":100,"_id":"67161cc8bc2ed61153beabeb","cdnUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-500.png"}],"mimeType":"image/png","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","thumbUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-130x130q80.png","_id":"67161cc45755ed13d20a4747","updatedOn":"2024-10-22T04:23:39.235Z","fileSize":169927,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","siteId":"67161a6d896fdc5a95ab069d","width":800,"isHD":false,"height":800,"fileName":"67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","createdOn":"2024-10-21T09:21:36.516Z","origFileName":"cross-svgrepo-com.svg","fileHash":"9e14f151b3962cefa8ef189e5e8fbc87","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","_id":"67161d20cbdc7f138d6fecd2","updatedOn":"2024-10-21T09:21:36.516Z","fileSize":1617,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ea4640be-f6b1-6fd1-c10b-ccbef5b6621f","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["b76d7325-ec24-b51b-7242-4ed88f74063e","28881635-1598-198c-e014-a49bef4e6dd7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b76d7325-ec24-b51b-7242-4ed88f74063e","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/* 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":{"search":{"exclude":true},"embed":{"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/* 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,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"28881635-1598-198c-e014-a49bef4e6dd7","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["817d7b7b-7844-6777-0361-1b326d346e79"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"817d7b7b-7844-6777-0361-1b326d346e79","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["6073740e-2486-6f9d-4373-03c03a4d9002"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6073740e-2486-6f9d-4373-03c03a4d9002","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","7cafc1ed-578b-5a43-eb30-04f965a2bea9"],"children":["31710601-8040-4c45-39bc-da7040a8d3a4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31710601-8040-4c45-39bc-da7040a8d3a4","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["d58c11fc-4d6f-ce5b-3db7-c6fa9ed65e5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d58c11fc-4d6f-ce5b-3db7-c6fa9ed65e5b","type":"Block","tag":"div","classes":["cf5aa1c9-54e5-2937-294e-6df0729f785e"],"children":["8faf07c6-80ea-5abc-b11e-22c4d8d413b6","f28e1d79-009a-4b6a-e8cf-2a171df6611a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8faf07c6-80ea-5abc-b11e-22c4d8d413b6","type":"Block","tag":"div","classes":["c6dc428a-28e8-513a-6a92-82a2b912b3c3"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f28e1d79-009a-4b6a-e8cf-2a171df6611a","type":"Block","tag":"div","classes":["cddd7af6-783c-0d49-ccb2-ae6b3fa4fadf"],"children":["367a54fe-576e-a6b5-071f-59331183d273","969b95fc-89e3-4551-c720-25f2917f229c","a8dd4495-cf5d-21eb-6e53-b22e35f26ce3","8115aafc-91dc-4adf-ea01-cae42c907835"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"367a54fe-576e-a6b5-071f-59331183d273","type":"Block","tag":"div","classes":["3a6c5399-3dc6-9df6-8932-be87dfab710b"],"children":["0f6043f2-71b9-2471-78c9-be037dfe46df"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0f6043f2-71b9-2471-78c9-be037dfe46df","type":"Image","tag":"img","classes":["34318db1-72a1-7a8a-5ecf-6e385186973a"],"children":[],"data":{"img":{"id":"67161cc45755ed13d20a4747"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","loading":"lazy","id":""},"sizes":[{"max":10000,"size":"200px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"969b95fc-89e3-4551-c720-25f2917f229c","type":"Block","tag":"div","classes":["3b15c397-c78c-7949-353e-d28d5a65c838"],"children":["77a4bb14-6c24-c4e1-e21b-660651a02234","4cab4ade-07db-b262-f559-9eefc8a4cd5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"77a4bb14-6c24-c4e1-e21b-660651a02234","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27140","a63fe0cd-9a02-bcc7-9a44-b67eff0ec023","3abb0764-b2dd-4ed7-47c8-351d41f77c1b"],"children":["e6f33b97-e474-9973-047b-a8e49c85bdc5"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e6f33b97-e474-9973-047b-a8e49c85bdc5","text":true,"v":"You are logged out"},{"_id":"4cab4ade-07db-b262-f559-9eefc8a4cd5b","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c","dbecc963-6870-fded-df8b-df8459df8c77","9c6b4f1c-9c84-e878-3c04-202ff48ec964"],"children":["613e81d0-f109-14b2-bed9-b51cce4b0405","f84692d4-01b5-4ffc-db5f-5970a511985a","45f066d3-e0ab-04e0-74d8-77d6e99bbbff"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"613e81d0-f109-14b2-bed9-b51cce4b0405","text":true,"v":"You can always log back in at any time. if you just want to switch accounts, you can "},{"_id":"f84692d4-01b5-4ffc-db5f-5970a511985a","type":"Link","tag":"a","classes":["d588a25e-4d2b-8afd-d10a-91d9ceeccae4"],"children":["faeb84c2-a2c1-1126-0261-665069644912"],"data":{"button":false,"block":"","link":{"url":"#","mode":"external"},"eventIds":[],"attr":{"id":"","href":"#"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"faeb84c2-a2c1-1126-0261-665069644912","text":true,"v":"add another account"},{"_id":"45f066d3-e0ab-04e0-74d8-77d6e99bbbff","text":true,"v":"."},{"_id":"a8dd4495-cf5d-21eb-6e53-b22e35f26ce3","type":"Block","tag":"div","classes":["3e03bad1-6c69-edb0-fdb1-7bf8a111b46d"],"children":["4ac79690-c479-da38-86f0-cdd0c54abd41","6d7b548b-2d0d-ea3f-1536-6a8647ed14e6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4ac79690-c479-da38-86f0-cdd0c54abd41","type":"Link","tag":"a","classes":["543d462c-8c98-9ec5-9ebb-e0d8ae9fed10"],"children":["6410d4a1-88b6-6989-fffa-d45045026f20"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"6410d4a1-88b6-6989-fffa-d45045026f20","text":true,"v":"Home"},{"_id":"6d7b548b-2d0d-ea3f-1536-6a8647ed14e6","type":"Link","tag":"a","classes":["b58548c3-07df-c3eb-b3e3-9e10492bb574"],"children":["a904c445-2f3f-f599-c097-e76cbd09db35"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-modal","value":"login"}],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a904c445-2f3f-f599-c097-e76cbd09db35","text":true,"v":"Log In"},{"_id":"8115aafc-91dc-4adf-ea01-cae42c907835","type":"Image","tag":"img","classes":["3d7002c3-67a8-fe8a-5a67-52880c3d4510"],"children":[],"data":{"img":{"id":"67161d20cbdc7f138d6fecd2"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"font-family: Outfit;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"7cafc1ed-578b-5a43-eb30-04f965a2bea9","fake":false,"type":"class","name":"padding-section-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 2rem;","variants":{"small":{"styleLess":"font-size: 1.25rem;"}},"children":["759b0703-87e2-e35b-7ee0-ab32f70ab276","8501f5f8-6bf8-5fed-a567-91a5ae5854d4","a63fe0cd-9a02-bcc7-9a44-b67eff0ec023"],"origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"login_section","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; align-items: center; background-color: black;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"3a6c5399-3dc6-9df6-8932-be87dfab710b","fake":false,"type":"class","name":"login_image-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"3d7002c3-67a8-fe8a-5a67-52880c3d4510","fake":false,"type":"class","name":"login_close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 4%; right: 4%; bottom: auto; width: 30px; cursor: pointer;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"d588a25e-4d2b-8afd-d10a-91d9ceeccae4","fake":false,"type":"class","name":"login_add-aacount-link","namespace":"","comb":"","styleLess":"transition-property: all; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"b58548c3-07df-c3eb-b3e3-9e10492bb574","fake":false,"type":"class","name":"login_logout-button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-top-style: solid; border-top-width: 1px; border-top-color: transparent; border-right-style: solid; border-right-width: 1px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 1px; border-left-color: transparent; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: black; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: white; font-weight: 600;","variants":{"main_hover":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; background-color: transparent; color: black;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"3abb0764-b2dd-4ed7-47c8-351d41f77c1b","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"543d462c-8c98-9ec5-9ebb-e0d8ae9fed10","fake":false,"type":"class","name":"login_cancel-button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: transparent; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 600;","variants":{"main_hover":{"styleLess":"background-color: black; color: white;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"3b15c397-c78c-7949-353e-d28d5a65c838","fake":false,"type":"class","name":"login_details-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 15px; grid-row-gap: 15px;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"cf5aa1c9-54e5-2937-294e-6df0729f785e","fake":false,"type":"class","name":"login_page-main-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","7cafc1ed-578b-5a43-eb30-04f965a2bea9"],"origin":null,"selector":null},{"_id":"34318db1-72a1-7a8a-5ecf-6e385186973a","fake":false,"type":"class","name":"login_image","namespace":"","comb":"","styleLess":"width: 200px;","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"a63fe0cd-9a02-bcc7-9a44-b67eff0ec023","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":["3abb0764-b2dd-4ed7-47c8-351d41f77c1b"],"createdBy":"66e97bb9b1fd5a7fc780cd04","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":"07815991-952a-8d98-0e00-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{"small":{"styleLess":"font-size: 1rem;"}},"children":["dbecc963-6870-fded-df8b-df8459df8c77"],"origin":null,"selector":null},{"_id":"cddd7af6-783c-0d49-ccb2-ae6b3fa4fadf","fake":false,"type":"class","name":"login_page-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 50%; min-height: 550px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: white;","variants":{"small":{"styleLess":"max-width: 425px; min-height: 400px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;"},"tiny":{"styleLess":"max-width: 100%; min-height: 400px; grid-column-gap: 30px; grid-row-gap: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;"},"medium":{"styleLess":"max-width: 525px; min-height: 525px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"dbecc963-6870-fded-df8b-df8459df8c77","fake":false,"type":"class","name":"text-color-gray","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 24.00%, 1.00);","variants":{},"children":["9c6b4f1c-9c84-e878-3c04-202ff48ec964"],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"c6dc428a-28e8-513a-6a92-82a2b912b3c3","fake":false,"type":"class","name":"login_page-background-wrap","namespace":"","comb":"","styleLess":"position: absolute; left: 25%; top: 0%; right: 0%; bottom: 0%; display: flex; max-width: 50%; min-height: 550px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; justify-content: center; flex-wrap: nowrap; border-top-style: solid; border-top-width: 3px; border-top-color: white; border-right-style: solid; border-right-width: 3px; border-right-color: white; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: white; border-left-style: solid; border-left-width: 3px; border-left-color: white; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: black; transform: rotate(5deg);","variants":{"tiny":{"styleLess":"display: none;"},"medium":{"styleLess":"left: 0%; max-width: 525px; min-height: 525px; transform: rotate(5deg);"},"small":{"styleLess":"left: 0%; display: flex; max-width: 425px; min-height: 400px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"3e03bad1-6c69-edb0-fdb1-7bf8a111b46d","fake":false,"type":"class","name":"login_button-wrap","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: stretch; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"small":{"styleLess":"flex-direction: row; flex-wrap: nowrap; grid-column-gap: 10px; grid-row-gap: 10px;"}},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null},{"_id":"9c6b4f1c-9c84-e878-3c04-202ff48ec964","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e97bb9b1fd5a7fc780cd04","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","siteId":"67161a6d896fdc5a95ab069d","width":633,"isHD":false,"height":394,"fileName":"67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","createdOn":"2024-10-21T09:20:04.866Z","origFileName":"login-img-transformed-removebg-preview.png","fileHash":"7d4432070d018dbefc34c20e4eff12fe","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-500.png","origFileName":"login-img-transformed-removebg-preview-p-500.png","fileName":"67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-500.png","size":36187,"format":"png","width":500,"quality":100,"_id":"67161cc8bc2ed61153beabeb","cdnUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-500.png"}],"mimeType":"image/png","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview.png","thumbUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161cc45755ed13d20a4747_login-img-transformed-removebg-preview-p-130x130q80.png","_id":"67161cc45755ed13d20a4747","updatedOn":"2024-10-22T04:23:39.235Z","fileSize":169927,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","siteId":"67161a6d896fdc5a95ab069d","width":800,"isHD":false,"height":800,"fileName":"67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","createdOn":"2024-10-21T09:21:36.516Z","origFileName":"cross-svgrepo-com.svg","fileHash":"9e14f151b3962cefa8ef189e5e8fbc87","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/67161a6d896fdc5a95ab069d/67161d20cbdc7f138d6fecd2_cross-svgrepo-com.svg","_id":"67161d20cbdc7f138d6fecd2","updatedOn":"2024-10-21T09:21:36.516Z","fileSize":1617,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
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.