Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
.png)
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":"e87344bd-6308-8ae3-6550-b6952dbeacca","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["26541ff3-eef9-207b-2160-1df688065088","63d43e87-0105-4dd4-f874-a1a8c5506c17"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"26541ff3-eef9-207b-2160-1df688065088","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":"63d43e87-0105-4dd4-f874-a1a8c5506c17","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["f19b90ca-23ad-a2c0-220e-5e60567ba587"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f19b90ca-23ad-a2c0-220e-5e60567ba587","type":"Block","tag":"div","classes":["559b3f7d-e032-364c-1df2-b3fc8b3819ca"],"children":["93893dc0-42a0-2f74-c62d-fcfb0d0e4384","d96df09c-7861-5922-e12e-27ba37de43ff","4614d193-8878-3248-2870-89a639f8ef93"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93893dc0-42a0-2f74-c62d-fcfb0d0e4384","type":"Animation","tag":"div","classes":["bfdd43d2-d0ce-5beb-1dd4-2aa85ac7526b"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","origFileName":"62571839-3688-43b7-97fb-2a9baed0e552","totalDuration":2},"renderMode":"svg","loop":true,"playInReverse":false}},"displayName":"Animation - 1734438835567","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d96df09c-7861-5922-e12e-27ba37de43ff","type":"Block","tag":"div","classes":["3b06b00b-bb00-f93a-8555-af186e127ef2"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4614d193-8878-3248-2870-89a639f8ef93","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["d84f2703-e823-70a8-cfd3-c6d5bb7e808a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d84f2703-e823-70a8-cfd3-c6d5bb7e808a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["b68ae1f3-849d-0613-54a2-058817be52f5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b68ae1f3-849d-0613-54a2-058817be52f5","type":"Block","tag":"div","classes":["091b16c1-357f-bc6c-11c9-7294e91fd54f"],"children":["39bf3d18-e7e3-e512-83da-67630a3f5877"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"39bf3d18-e7e3-e512-83da-67630a3f5877","type":"Block","tag":"div","classes":["4349cf9c-5bdf-8c4d-40e5-68d95c79e505"],"children":["49b008cf-4d4f-d834-975b-1418fe7cbf0b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"49b008cf-4d4f-d834-975b-1418fe7cbf0b","type":"Block","tag":"div","classes":["bf3b7847-5b8a-e307-684e-0c16b6f8aa2b"],"children":["91eabe5e-d5be-ee90-ca05-c2b46a3d31f0","4ba2bdda-c871-3c1c-c926-b8de15bdbc98","142960f9-bb80-a7b5-d253-5afcf42b1837","5ff91341-a111-2c5b-4af7-51e5abbe961c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"91eabe5e-d5be-ee90-ca05-c2b46a3d31f0","type":"Block","tag":"div","classes":["7f572019-71de-d7dc-b5aa-7cb5cf780117"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4ba2bdda-c871-3c1c-c926-b8de15bdbc98","type":"Block","tag":"div","classes":["6d8d9445-642f-a13c-f300-9f66e505f720"],"children":["80fea252-d2c5-c7f4-6728-acfb289c61f1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"80fea252-d2c5-c7f4-6728-acfb289c61f1","type":"Animation","tag":"div","classes":["1132ba7e-f951-2442-8b6d-fc6bc12553b5"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","origFileName":"c5894c7d-9cf8-47ec-b301-5bb0cbc1fbbb","totalDuration":2},"renderMode":"svg","loop":false,"playInReverse":false}},"displayName":"Animation - 1734436909580","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"142960f9-bb80-a7b5-d253-5afcf42b1837","type":"Block","tag":"div","classes":["84512b53-3e13-8cce-4f2d-378ab540ea18"],"children":["2d7a9b18-62a7-3c12-c4d5-68befc6fd803","a2bfc2d4-3296-c195-ca90-eb3a68f22792"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2d7a9b18-62a7-3c12-c4d5-68befc6fd803","type":"Block","tag":"div","classes":["78a5c65a-aacd-34a7-edca-a2c99f509420","26adbd32-577e-c7b6-c7ac-f66f4b66e2d3","f94a093b-867e-f0c1-2efa-78bab7fb305c"],"children":["70c40d95-1d11-7901-3cf0-81a1a5b3a5bc"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"70c40d95-1d11-7901-3cf0-81a1a5b3a5bc","text":true,"v":"You are Logged Out"},{"_id":"a2bfc2d4-3296-c195-ca90-eb3a68f22792","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c","2caa70e6-bb9f-e310-7314-62e268bd5e3b","b418ffea-ebc0-9d3d-595b-7c023d3ca98c"],"children":["77b51150-9dd7-83af-a0d9-3410cf17d1a6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"77b51150-9dd7-83af-a0d9-3410cf17d1a6","text":true,"v":"You have successfully Logged Out the application"},{"_id":"5ff91341-a111-2c5b-4af7-51e5abbe961c","type":"Block","tag":"div","classes":["ace450c5-e74a-5a0d-de7e-8f02de6c4c43"],"children":["bfefab67-c695-6494-f5f1-4baa9b174151","9a22b138-fe8e-2bea-0a2a-394685fe476f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bfefab67-c695-6494-f5f1-4baa9b174151","type":"Link","tag":"a","classes":["9d96bf42-8fa2-4e30-8713-fef1cfd887be"],"children":["770f73e6-ccab-9eef-5373-2d39e56e918f"],"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":"770f73e6-ccab-9eef-5373-2d39e56e918f","text":true,"v":"Login Again"},{"_id":"9a22b138-fe8e-2bea-0a2a-394685fe476f","type":"Link","tag":"a","classes":["9d96bf42-8fa2-4e30-8713-fef1cfd887be","fe196951-742f-f556-16cd-67b791a11ffc"],"children":["5fc849dd-45bc-3d0f-52fa-0d342c5d6996"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"5fc849dd-45bc-3d0f-52fa-0d342c5d6996","text":true,"v":"Back to Home"}],"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":"4349cf9c-5bdf-8c4d-40e5-68d95c79e505","fake":false,"type":"class","name":"logout_content","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: center; grid-column-gap: 50px; grid-row-gap: 50px;","variants":{"medium":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"26adbd32-577e-c7b6-c7ac-f66f4b66e2d3","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":["f94a093b-867e-f0c1-2efa-78bab7fb305c"],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"fe196951-742f-f556-16cd-67b791a11ffc","fake":false,"type":"class","name":"diff-color","namespace":"","comb":"&","styleLess":"background-color: grey; font-size: 1.1rem;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"091b16c1-357f-bc6c-11c9-7294e91fd54f","fake":false,"type":"class","name":"logout_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"f94a093b-867e-f0c1-2efa-78bab7fb305c","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"font-size: 1.8rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"2caa70e6-bb9f-e310-7314-62e268bd5e3b","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["b418ffea-ebc0-9d3d-595b-7c023d3ca98c"],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"bf3b7847-5b8a-e307-684e-0c16b6f8aa2b","fake":false,"type":"class","name":"logout_box","namespace":"","comb":"","styleLess":"position: relative; z-index: 5; display: flex; overflow: hidden; min-width: 550px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-right: 40px; padding-bottom: 60px; padding-left: 40px; flex-direction: column; flex-wrap: nowrap; align-items: center; grid-column-gap: 35px; grid-row-gap: 35px; border-top-style: solid; border-top-width: 1px; border-top-color: white; border-right-style: solid; border-right-width: 1px; border-right-color: white; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: white; border-left-style: solid; border-left-width: 1px; border-left-color: white; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(228.94736842105263, 0.00%, 0.00%, 0.20); backdrop-filter: blur(15px); color: white;","variants":{"medium":{"styleLess":"width: 100%; max-width: 550px; min-width: auto;"},"small":{"styleLess":"width: 100%; padding-top: 40px; padding-bottom: 40px;"},"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","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":"559b3f7d-e032-364c-1df2-b3fc8b3819ca","fake":false,"type":"class","name":"section_logout","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; height: 100vh; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: stretch; background-color: hsla(0, 0.90%, 1.32%, 1.00);","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"b418ffea-ebc0-9d3d-595b-7c023d3ca98c","fake":false,"type":"class","name":"is-light","namespace":"","comb":"&","styleLess":"color: #aaa;","variants":{"tiny":{"styleLess":"font-size: 1.12rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"78a5c65a-aacd-34a7-edca-a2c99f509420","fake":false,"type":"class","name":"text-size-xlarge","namespace":"","comb":"","styleLess":"font-size: 2rem;","variants":{},"children":["26adbd32-577e-c7b6-c7ac-f66f4b66e2d3"],"createdBy":"66e7f5121965c0ae8138c22b","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":{},"children":["2caa70e6-bb9f-e310-7314-62e268bd5e3b"],"origin":null,"selector":null},{"_id":"1132ba7e-f951-2442-8b6d-fc6bc12553b5","fake":false,"type":"class","name":"logout_animaiton","namespace":"","comb":"","styleLess":"width: 80px; height: 80px; filter: invert(100%); transform: scale(1.4);","variants":{"tiny":{"styleLess":"width: 80px; height: 80px;"}},"children":[],"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":"bfdd43d2-d0ce-5beb-1dd4-2aa85ac7526b","fake":false,"type":"class","name":"logout_bg","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100.0001%; filter: none /* blur(5px) */;","variants":{"medium":{"styleLess":"transform: rotate(45deg);"}},"children":[],"origin":null,"selector":null},{"_id":"ace450c5-e74a-5a0d-de7e-8f02de6c4c43","fake":false,"type":"class","name":"logout_buttons-wrap","namespace":"","comb":"","styleLess":"position: relative; z-index: 10; display: flex; width: 100%; margin-top: 20px; justify-content: flex-start; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{"medium":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"3b06b00b-bb00-f93a-8555-af186e127ef2","fake":false,"type":"class","name":"logout_black-bg","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","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":"9d96bf42-8fa2-4e30-8713-fef1cfd887be","fake":false,"type":"class","name":"logout_button","namespace":"","comb":"","styleLess":"width: 50%; padding-top: 9px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(0, 68.46%, 55.61%, 1.00); transition-property: all; transition-duration: 250ms; transition-timing-function: ease; font-size: 1.1rem; font-weight: 600; text-align: center;","variants":{"medium":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"transform: scale(0.96);"}},"children":["fe196951-742f-f556-16cd-67b791a11ffc"],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"7f572019-71de-d7dc-b5aa-7cb5cf780117","fake":false,"type":"class","name":"logout_circle-gradient","namespace":"","comb":"","styleLess":"position: absolute; left: -19%; top: -27%; right: auto; bottom: auto; width: 200px; height: 200px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; background-image: linear-gradient(320deg, #1c2a68, hsla(228.94736842105263, 59.57%, 31.75%, 1.00)); filter: blur(12px);","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","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"],"origin":null,"selector":null},{"_id":"84512b53-3e13-8cce-4f2d-378ab540ea18","fake":false,"type":"class","name":"logout_text-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 2px; grid-row-gap: 2px;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"6d8d9445-642f-a13c-f300-9f66e505f720","fake":false,"type":"class","name":"logout_img-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: visible; width: 100px; height: 100px; justify-content: center; align-items: center;","variants":{"medium":{"styleLess":"display: flex; justify-content: center; align-items: center;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","siteId":"6761641367329833c1b8028f","width":0,"isHD":false,"height":0,"fileName":"6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","createdOn":"2024-12-17T12:36:21.499Z","origFileName":"62571839368843b797fb2a9baed0e552.json","fileHash":"7dc87b189e206597efc806d253f1e6c2","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6761641367329833c1b8028f/6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","_id":"6761704510213504549a5ad3","type":"LOTTIE","updatedOn":"2024-12-17T12:36:21.499Z","fileSize":688190,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","siteId":"6761641367329833c1b8028f","width":0,"isHD":false,"height":0,"fileName":"676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","createdOn":"2024-12-17T12:08:55.063Z","origFileName":"c5894c7d9cf847ecb3015bb0cbc1fbbb.json","fileHash":"4f76c960a072b717f72c1763ecd82b12","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6761641367329833c1b8028f/676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","_id":"676169d76a9835441bd8a535","type":"LOTTIE","updatedOn":"2024-12-17T12:08:55.063Z","fileSize":3058,"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":"e87344bd-6308-8ae3-6550-b6952dbeacca","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["26541ff3-eef9-207b-2160-1df688065088","63d43e87-0105-4dd4-f874-a1a8c5506c17"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"26541ff3-eef9-207b-2160-1df688065088","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":"63d43e87-0105-4dd4-f874-a1a8c5506c17","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["f19b90ca-23ad-a2c0-220e-5e60567ba587"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f19b90ca-23ad-a2c0-220e-5e60567ba587","type":"Block","tag":"div","classes":["559b3f7d-e032-364c-1df2-b3fc8b3819ca"],"children":["93893dc0-42a0-2f74-c62d-fcfb0d0e4384","d96df09c-7861-5922-e12e-27ba37de43ff","4614d193-8878-3248-2870-89a639f8ef93"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93893dc0-42a0-2f74-c62d-fcfb0d0e4384","type":"Animation","tag":"div","classes":["bfdd43d2-d0ce-5beb-1dd4-2aa85ac7526b"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","origFileName":"62571839-3688-43b7-97fb-2a9baed0e552","totalDuration":2},"renderMode":"svg","loop":true,"playInReverse":false}},"displayName":"Animation - 1734438835567","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d96df09c-7861-5922-e12e-27ba37de43ff","type":"Block","tag":"div","classes":["3b06b00b-bb00-f93a-8555-af186e127ef2"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4614d193-8878-3248-2870-89a639f8ef93","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["d84f2703-e823-70a8-cfd3-c6d5bb7e808a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d84f2703-e823-70a8-cfd3-c6d5bb7e808a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["b68ae1f3-849d-0613-54a2-058817be52f5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b68ae1f3-849d-0613-54a2-058817be52f5","type":"Block","tag":"div","classes":["091b16c1-357f-bc6c-11c9-7294e91fd54f"],"children":["39bf3d18-e7e3-e512-83da-67630a3f5877"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"39bf3d18-e7e3-e512-83da-67630a3f5877","type":"Block","tag":"div","classes":["4349cf9c-5bdf-8c4d-40e5-68d95c79e505"],"children":["49b008cf-4d4f-d834-975b-1418fe7cbf0b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"49b008cf-4d4f-d834-975b-1418fe7cbf0b","type":"Block","tag":"div","classes":["bf3b7847-5b8a-e307-684e-0c16b6f8aa2b"],"children":["91eabe5e-d5be-ee90-ca05-c2b46a3d31f0","4ba2bdda-c871-3c1c-c926-b8de15bdbc98","142960f9-bb80-a7b5-d253-5afcf42b1837","5ff91341-a111-2c5b-4af7-51e5abbe961c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"91eabe5e-d5be-ee90-ca05-c2b46a3d31f0","type":"Block","tag":"div","classes":["7f572019-71de-d7dc-b5aa-7cb5cf780117"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4ba2bdda-c871-3c1c-c926-b8de15bdbc98","type":"Block","tag":"div","classes":["6d8d9445-642f-a13c-f300-9f66e505f720"],"children":["80fea252-d2c5-c7f4-6728-acfb289c61f1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"80fea252-d2c5-c7f4-6728-acfb289c61f1","type":"Animation","tag":"div","classes":["1132ba7e-f951-2442-8b6d-fc6bc12553b5"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","origFileName":"c5894c7d-9cf8-47ec-b301-5bb0cbc1fbbb","totalDuration":2},"renderMode":"svg","loop":false,"playInReverse":false}},"displayName":"Animation - 1734436909580","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"142960f9-bb80-a7b5-d253-5afcf42b1837","type":"Block","tag":"div","classes":["84512b53-3e13-8cce-4f2d-378ab540ea18"],"children":["2d7a9b18-62a7-3c12-c4d5-68befc6fd803","a2bfc2d4-3296-c195-ca90-eb3a68f22792"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2d7a9b18-62a7-3c12-c4d5-68befc6fd803","type":"Block","tag":"div","classes":["78a5c65a-aacd-34a7-edca-a2c99f509420","26adbd32-577e-c7b6-c7ac-f66f4b66e2d3","f94a093b-867e-f0c1-2efa-78bab7fb305c"],"children":["70c40d95-1d11-7901-3cf0-81a1a5b3a5bc"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"70c40d95-1d11-7901-3cf0-81a1a5b3a5bc","text":true,"v":"You are Logged Out"},{"_id":"a2bfc2d4-3296-c195-ca90-eb3a68f22792","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c","2caa70e6-bb9f-e310-7314-62e268bd5e3b","b418ffea-ebc0-9d3d-595b-7c023d3ca98c"],"children":["77b51150-9dd7-83af-a0d9-3410cf17d1a6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"77b51150-9dd7-83af-a0d9-3410cf17d1a6","text":true,"v":"You have successfully Logged Out the application"},{"_id":"5ff91341-a111-2c5b-4af7-51e5abbe961c","type":"Block","tag":"div","classes":["ace450c5-e74a-5a0d-de7e-8f02de6c4c43"],"children":["bfefab67-c695-6494-f5f1-4baa9b174151","9a22b138-fe8e-2bea-0a2a-394685fe476f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bfefab67-c695-6494-f5f1-4baa9b174151","type":"Link","tag":"a","classes":["9d96bf42-8fa2-4e30-8713-fef1cfd887be"],"children":["770f73e6-ccab-9eef-5373-2d39e56e918f"],"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":"770f73e6-ccab-9eef-5373-2d39e56e918f","text":true,"v":"Login Again"},{"_id":"9a22b138-fe8e-2bea-0a2a-394685fe476f","type":"Link","tag":"a","classes":["9d96bf42-8fa2-4e30-8713-fef1cfd887be","fe196951-742f-f556-16cd-67b791a11ffc"],"children":["5fc849dd-45bc-3d0f-52fa-0d342c5d6996"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"5fc849dd-45bc-3d0f-52fa-0d342c5d6996","text":true,"v":"Back to Home"}],"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":"4349cf9c-5bdf-8c4d-40e5-68d95c79e505","fake":false,"type":"class","name":"logout_content","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: center; grid-column-gap: 50px; grid-row-gap: 50px;","variants":{"medium":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"26adbd32-577e-c7b6-c7ac-f66f4b66e2d3","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":["f94a093b-867e-f0c1-2efa-78bab7fb305c"],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"fe196951-742f-f556-16cd-67b791a11ffc","fake":false,"type":"class","name":"diff-color","namespace":"","comb":"&","styleLess":"background-color: grey; font-size: 1.1rem;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"091b16c1-357f-bc6c-11c9-7294e91fd54f","fake":false,"type":"class","name":"logout_wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"f94a093b-867e-f0c1-2efa-78bab7fb305c","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"font-size: 1.8rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"2caa70e6-bb9f-e310-7314-62e268bd5e3b","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["b418ffea-ebc0-9d3d-595b-7c023d3ca98c"],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"bf3b7847-5b8a-e307-684e-0c16b6f8aa2b","fake":false,"type":"class","name":"logout_box","namespace":"","comb":"","styleLess":"position: relative; z-index: 5; display: flex; overflow: hidden; min-width: 550px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-right: 40px; padding-bottom: 60px; padding-left: 40px; flex-direction: column; flex-wrap: nowrap; align-items: center; grid-column-gap: 35px; grid-row-gap: 35px; border-top-style: solid; border-top-width: 1px; border-top-color: white; border-right-style: solid; border-right-width: 1px; border-right-color: white; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: white; border-left-style: solid; border-left-width: 1px; border-left-color: white; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(228.94736842105263, 0.00%, 0.00%, 0.20); backdrop-filter: blur(15px); color: white;","variants":{"medium":{"styleLess":"width: 100%; max-width: 550px; min-width: auto;"},"small":{"styleLess":"width: 100%; padding-top: 40px; padding-bottom: 40px;"},"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","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":"559b3f7d-e032-364c-1df2-b3fc8b3819ca","fake":false,"type":"class","name":"section_logout","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; height: 100vh; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: stretch; background-color: hsla(0, 0.90%, 1.32%, 1.00);","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"b418ffea-ebc0-9d3d-595b-7c023d3ca98c","fake":false,"type":"class","name":"is-light","namespace":"","comb":"&","styleLess":"color: #aaa;","variants":{"tiny":{"styleLess":"font-size: 1.12rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"78a5c65a-aacd-34a7-edca-a2c99f509420","fake":false,"type":"class","name":"text-size-xlarge","namespace":"","comb":"","styleLess":"font-size: 2rem;","variants":{},"children":["26adbd32-577e-c7b6-c7ac-f66f4b66e2d3"],"createdBy":"66e7f5121965c0ae8138c22b","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":{},"children":["2caa70e6-bb9f-e310-7314-62e268bd5e3b"],"origin":null,"selector":null},{"_id":"1132ba7e-f951-2442-8b6d-fc6bc12553b5","fake":false,"type":"class","name":"logout_animaiton","namespace":"","comb":"","styleLess":"width: 80px; height: 80px; filter: invert(100%); transform: scale(1.4);","variants":{"tiny":{"styleLess":"width: 80px; height: 80px;"}},"children":[],"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":"bfdd43d2-d0ce-5beb-1dd4-2aa85ac7526b","fake":false,"type":"class","name":"logout_bg","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100.0001%; filter: none /* blur(5px) */;","variants":{"medium":{"styleLess":"transform: rotate(45deg);"}},"children":[],"origin":null,"selector":null},{"_id":"ace450c5-e74a-5a0d-de7e-8f02de6c4c43","fake":false,"type":"class","name":"logout_buttons-wrap","namespace":"","comb":"","styleLess":"position: relative; z-index: 10; display: flex; width: 100%; margin-top: 20px; justify-content: flex-start; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{"medium":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"3b06b00b-bb00-f93a-8555-af186e127ef2","fake":false,"type":"class","name":"logout_black-bg","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","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":"9d96bf42-8fa2-4e30-8713-fef1cfd887be","fake":false,"type":"class","name":"logout_button","namespace":"","comb":"","styleLess":"width: 50%; padding-top: 9px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(0, 68.46%, 55.61%, 1.00); transition-property: all; transition-duration: 250ms; transition-timing-function: ease; font-size: 1.1rem; font-weight: 600; text-align: center;","variants":{"medium":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"transform: scale(0.96);"}},"children":["fe196951-742f-f556-16cd-67b791a11ffc"],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"7f572019-71de-d7dc-b5aa-7cb5cf780117","fake":false,"type":"class","name":"logout_circle-gradient","namespace":"","comb":"","styleLess":"position: absolute; left: -19%; top: -27%; right: auto; bottom: auto; width: 200px; height: 200px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; background-image: linear-gradient(320deg, #1c2a68, hsla(228.94736842105263, 59.57%, 31.75%, 1.00)); filter: blur(12px);","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","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"],"origin":null,"selector":null},{"_id":"84512b53-3e13-8cce-4f2d-378ab540ea18","fake":false,"type":"class","name":"logout_text-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 2px; grid-row-gap: 2px;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"6d8d9445-642f-a13c-f300-9f66e505f720","fake":false,"type":"class","name":"logout_img-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: visible; width: 100px; height: 100px; justify-content: center; align-items: center;","variants":{"medium":{"styleLess":"display: flex; justify-content: center; align-items: center;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","siteId":"6761641367329833c1b8028f","width":0,"isHD":false,"height":0,"fileName":"6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","createdOn":"2024-12-17T12:36:21.499Z","origFileName":"62571839368843b797fb2a9baed0e552.json","fileHash":"7dc87b189e206597efc806d253f1e6c2","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6761641367329833c1b8028f/6761704510213504549a5ad3_62571839368843b797fb2a9baed0e552.json","_id":"6761704510213504549a5ad3","type":"LOTTIE","updatedOn":"2024-12-17T12:36:21.499Z","fileSize":688190,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6761641367329833c1b8028f/676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","siteId":"6761641367329833c1b8028f","width":0,"isHD":false,"height":0,"fileName":"676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","createdOn":"2024-12-17T12:08:55.063Z","origFileName":"c5894c7d9cf847ecb3015bb0cbc1fbbb.json","fileHash":"4f76c960a072b717f72c1763ecd82b12","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6761641367329833c1b8028f/676169d76a9835441bd8a535_c5894c7d9cf847ecb3015bb0cbc1fbbb.json","_id":"676169d76a9835441bd8a535","type":"LOTTIE","updatedOn":"2024-12-17T12:08:55.063Z","fileSize":3058,"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.