Loading Component...

Loading

More Components

View All
Part of

LogoutMessage UI

Oops! Something went wrong while submitting the form.
LogoutMessage UI
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5ed34ae1-6c89-dfc5-e34f-d8d066dc160e","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["96f3745e-a165-445d-0a76-3536989641aa","467ca096-0638-0794-b417-9645a33798e9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96f3745e-a165-445d-0a76-3536989641aa","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":"467ca096-0638-0794-b417-9645a33798e9","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["bdc3fcf9-1816-d60d-21a2-9ea9e83e1f42"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bdc3fcf9-1816-d60d-21a2-9ea9e83e1f42","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["c8a9257d-0f9f-3ef8-8aee-2b58587b8d15"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c8a9257d-0f9f-3ef8-8aee-2b58587b8d15","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d"],"children":["63fa228d-22e8-edce-2414-9b9e09529570"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fa228d-22e8-edce-2414-9b9e09529570","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["657a318d-1b97-a5bb-1216-e122442e922a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"657a318d-1b97-a5bb-1216-e122442e922a","type":"Block","tag":"div","classes":["b3589497-7455-142b-d55d-1863e212d889"],"children":["8a354a0d-50b5-748f-6f64-e82ada3c3c66"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8a354a0d-50b5-748f-6f64-e82ada3c3c66","type":"Block","tag":"div","classes":["1591b6d1-7144-9329-3d42-c4822feac9ac"],"children":["f6595674-6794-cab5-7f49-b300a70acc2f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f6595674-6794-cab5-7f49-b300a70acc2f","type":"Block","tag":"div","classes":["c4118200-166d-0629-4d3a-e4f9ce8fabad"],"children":["6b90448a-1d59-4f6d-bac6-706498767383","08e9282b-6f7c-d113-38c1-01c6e9456789"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6b90448a-1d59-4f6d-bac6-706498767383","type":"Block","tag":"div","classes":["a19affa4-ce12-d231-86dd-a3f257440fc1"],"children":["21777814-79af-1fe1-1459-a8ff77bb335e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}},{"_id":"21777814-79af-1fe1-1459-a8ff77bb335e","type":"Animation","tag":"div","classes":["5f30aaa3-a35e-100a-cb1d-56b6b04a2004"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/66d04e2a0efd867f105fba0c/66d05b2c8cf0c546c832211a_W0bLf6qslV.json","origFileName":"W0bLf6qslV.json","totalDuration":3},"renderMode":"svg","loop":false,"playInReverse":false}},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"08e9282b-6f7c-d113-38c1-01c6e9456789","type":"Block","tag":"div","classes":["be613913-2a0a-9e5c-b4f7-a81a95688079"],"children":["c0cff2ac-4826-eda5-7df2-dfeac78d6fb9","49ce6397-17a3-42fe-e007-0232986f203a","681e39d8-7256-5b82-c296-63de594e228e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}},{"_id":"c0cff2ac-4826-eda5-7df2-dfeac78d6fb9","type":"Block","tag":"div","classes":["42226ba8-cf94-788f-836c-abf3c90ec6d6"],"children":["cf3cfb90-03f0-ab0d-ab5f-666a3f7c5143","86e75575-5f7a-f84e-ec31-a23700dbeb11"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cf3cfb90-03f0-ab0d-ab5f-666a3f7c5143","text":true,"v":"Oops!"},{"_id":"86e75575-5f7a-f84e-ec31-a23700dbeb11","type":"Span","tag":"span","classes":["a1e3ddad-9d17-7af3-6e1a-20c911cdb3d3"],"children":["22e466e5-e821-4e59-18f1-81053ab91648"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"22e466e5-e821-4e59-18f1-81053ab91648","text":true,"v":" you've been logged out."},{"_id":"49ce6397-17a3-42fe-e007-0232986f203a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","b3b9c23f-7cc3-c3f1-e0f7-be537277d314"],"children":["00f8e401-6c18-a375-7220-37f1d1bd1e53"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"00f8e401-6c18-a375-7220-37f1d1bd1e53","text":true,"v":"We couldn't find the page you were looking for"},{"_id":"681e39d8-7256-5b82-c296-63de594e228e","type":"Link","tag":"a","classes":["1e8a9f07-7372-7a63-2fd7-5b0d35da63ca"],"children":["7fa5643a-9f1b-86ea-77a3-bd5461fe0871"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-modal","value":"login"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7fa5643a-9f1b-86ea-77a3-bd5461fe0871","type":"Block","tag":"div","classes":[],"children":["96c36f41-79bb-20bf-2505-3609be923e64"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96c36f41-79bb-20bf-2505-3609be923e64","text":true,"v":"Log back in"}],"styles":[{"_id":"c4118200-166d-0629-4d3a-e4f9ce8fabad","fake":false,"type":"class","name":"logout_grid","namespace":"","comb":"","styleLess":"display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"b3589497-7455-142b-d55d-1863e212d889","fake":false,"type":"class","name":"logout_wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"a1e3ddad-9d17-7af3-6e1a-20c911cdb3d3","fake":false,"type":"class","name":"Text Span","namespace":"","comb":"","styleLess":"font-size: 1.5rem;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_logout","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; padding-top: 2rem; padding-bottom: 2rem; flex-direction: column; justify-content: center; background-color: gainsboro;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"be613913-2a0a-9e5c-b4f7-a81a95688079","fake":false,"type":"class","name":"logout_details-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 5px; grid-row-gap: 5px;","variants":{"medium":{"styleLess":"justify-content: center; align-items: center;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"5f30aaa3-a35e-100a-cb1d-56b6b04a2004","fake":false,"type":"class","name":"logout_main-image","namespace":"","comb":"","styleLess":"width: 70%;","variants":{"medium":{"styleLess":"width: 50%;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":["b3b9c23f-7cc3-c3f1-e0f7-be537277d314"],"origin":null,"selector":null},{"_id":"42226ba8-cf94-788f-836c-abf3c90ec6d6","fake":false,"type":"class","name":"logout_custom-text","namespace":"","comb":"","styleLess":"font-size: 4.5rem;","variants":{"small":{"styleLess":"font-size: 2.5rem; line-height: 1.2;"},"tiny":{"styleLess":"font-size: 2rem; line-height: 1.2; text-align: center;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"1591b6d1-7144-9329-3d42-c4822feac9ac","fake":false,"type":"class","name":"logout_main-div","namespace":"","comb":"","styleLess":"width: 90%; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: black; box-shadow: 0 0 30px 20px hsla(0, 0.00%, 0.00%, 0.25); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-right: 30px; padding-left: 30px;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"a19affa4-ce12-d231-86dd-a3f257440fc1","fake":false,"type":"class","name":"logout_image-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"b3b9c23f-7cc3-c3f1-e0f7-be537277d314","fake":false,"type":"class","name":"is-color","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 0.65);","variants":{"tiny":{"styleLess":"text-align: center;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"1e8a9f07-7372-7a63-2fd7-5b0d35da63ca","fake":false,"type":"class","name":"logout_link-block","namespace":"","comb":"","styleLess":"margin-top: 40px; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 100.00%, 1.00); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; font-family: Outfit; color: hsla(224.85714285714286, 0.00%, 0.00%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 20px 5px hsla(0, 0.00%, 100.00%, 0.65);"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/66d04e2a0efd867f105fba0c/66d05b2c8cf0c546c832211a_W0bLf6qslV.json","siteId":"66d04e2a0efd867f105fba0c","width":0,"isHD":false,"height":0,"fileName":"66d05b2c8cf0c546c832211a_W0bLf6qslV.json","createdOn":"2024-08-29T11:27:40.005Z","origFileName":"W0bLf6qslV.json","fileHash":"69ef1ac7bbfa6dcc3285fdcb443ad7c2","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66d04e2a0efd867f105fba0c/66d05b2c8cf0c546c832211a_W0bLf6qslV.json","_id":"66d05b2c8cf0c546c832211a","type":"LOTTIE","updatedOn":"2024-08-29T11:27:40.005Z","fileSize":9894,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5ed34ae1-6c89-dfc5-e34f-d8d066dc160e","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["96f3745e-a165-445d-0a76-3536989641aa","467ca096-0638-0794-b417-9645a33798e9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96f3745e-a165-445d-0a76-3536989641aa","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":"467ca096-0638-0794-b417-9645a33798e9","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["bdc3fcf9-1816-d60d-21a2-9ea9e83e1f42"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bdc3fcf9-1816-d60d-21a2-9ea9e83e1f42","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["c8a9257d-0f9f-3ef8-8aee-2b58587b8d15"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c8a9257d-0f9f-3ef8-8aee-2b58587b8d15","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d"],"children":["63fa228d-22e8-edce-2414-9b9e09529570"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fa228d-22e8-edce-2414-9b9e09529570","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["657a318d-1b97-a5bb-1216-e122442e922a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"657a318d-1b97-a5bb-1216-e122442e922a","type":"Block","tag":"div","classes":["b3589497-7455-142b-d55d-1863e212d889"],"children":["8a354a0d-50b5-748f-6f64-e82ada3c3c66"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8a354a0d-50b5-748f-6f64-e82ada3c3c66","type":"Block","tag":"div","classes":["1591b6d1-7144-9329-3d42-c4822feac9ac"],"children":["f6595674-6794-cab5-7f49-b300a70acc2f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f6595674-6794-cab5-7f49-b300a70acc2f","type":"Block","tag":"div","classes":["c4118200-166d-0629-4d3a-e4f9ce8fabad"],"children":["6b90448a-1d59-4f6d-bac6-706498767383","08e9282b-6f7c-d113-38c1-01c6e9456789"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6b90448a-1d59-4f6d-bac6-706498767383","type":"Block","tag":"div","classes":["a19affa4-ce12-d231-86dd-a3f257440fc1"],"children":["21777814-79af-1fe1-1459-a8ff77bb335e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}},{"_id":"21777814-79af-1fe1-1459-a8ff77bb335e","type":"Animation","tag":"div","classes":["5f30aaa3-a35e-100a-cb1d-56b6b04a2004"],"children":[],"data":{"tag":"div","animation":{"tag":"lottie","val":{"path":{"src":"https://cdn.prod.website-files.com/66d04e2a0efd867f105fba0c/66d05b2c8cf0c546c832211a_W0bLf6qslV.json","origFileName":"W0bLf6qslV.json","totalDuration":3},"renderMode":"svg","loop":false,"playInReverse":false}},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"08e9282b-6f7c-d113-38c1-01c6e9456789","type":"Block","tag":"div","classes":["be613913-2a0a-9e5c-b4f7-a81a95688079"],"children":["c0cff2ac-4826-eda5-7df2-dfeac78d6fb9","49ce6397-17a3-42fe-e007-0232986f203a","681e39d8-7256-5b82-c296-63de594e228e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}},{"_id":"c0cff2ac-4826-eda5-7df2-dfeac78d6fb9","type":"Block","tag":"div","classes":["42226ba8-cf94-788f-836c-abf3c90ec6d6"],"children":["cf3cfb90-03f0-ab0d-ab5f-666a3f7c5143","86e75575-5f7a-f84e-ec31-a23700dbeb11"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cf3cfb90-03f0-ab0d-ab5f-666a3f7c5143","text":true,"v":"Oops!"},{"_id":"86e75575-5f7a-f84e-ec31-a23700dbeb11","type":"Span","tag":"span","classes":["a1e3ddad-9d17-7af3-6e1a-20c911cdb3d3"],"children":["22e466e5-e821-4e59-18f1-81053ab91648"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"22e466e5-e821-4e59-18f1-81053ab91648","text":true,"v":" you've been logged out."},{"_id":"49ce6397-17a3-42fe-e007-0232986f203a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","b3b9c23f-7cc3-c3f1-e0f7-be537277d314"],"children":["00f8e401-6c18-a375-7220-37f1d1bd1e53"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"00f8e401-6c18-a375-7220-37f1d1bd1e53","text":true,"v":"We couldn't find the page you were looking for"},{"_id":"681e39d8-7256-5b82-c296-63de594e228e","type":"Link","tag":"a","classes":["1e8a9f07-7372-7a63-2fd7-5b0d35da63ca"],"children":["7fa5643a-9f1b-86ea-77a3-bd5461fe0871"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-modal","value":"login"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7fa5643a-9f1b-86ea-77a3-bd5461fe0871","type":"Block","tag":"div","classes":[],"children":["96c36f41-79bb-20bf-2505-3609be923e64"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96c36f41-79bb-20bf-2505-3609be923e64","text":true,"v":"Log back in"}],"styles":[{"_id":"c4118200-166d-0629-4d3a-e4f9ce8fabad","fake":false,"type":"class","name":"logout_grid","namespace":"","comb":"","styleLess":"display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"b3589497-7455-142b-d55d-1863e212d889","fake":false,"type":"class","name":"logout_wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"a1e3ddad-9d17-7af3-6e1a-20c911cdb3d3","fake":false,"type":"class","name":"Text Span","namespace":"","comb":"","styleLess":"font-size: 1.5rem;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_logout","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; padding-top: 2rem; padding-bottom: 2rem; flex-direction: column; justify-content: center; background-color: gainsboro;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"be613913-2a0a-9e5c-b4f7-a81a95688079","fake":false,"type":"class","name":"logout_details-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 5px; grid-row-gap: 5px;","variants":{"medium":{"styleLess":"justify-content: center; align-items: center;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"5f30aaa3-a35e-100a-cb1d-56b6b04a2004","fake":false,"type":"class","name":"logout_main-image","namespace":"","comb":"","styleLess":"width: 70%;","variants":{"medium":{"styleLess":"width: 50%;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":["b3b9c23f-7cc3-c3f1-e0f7-be537277d314"],"origin":null,"selector":null},{"_id":"42226ba8-cf94-788f-836c-abf3c90ec6d6","fake":false,"type":"class","name":"logout_custom-text","namespace":"","comb":"","styleLess":"font-size: 4.5rem;","variants":{"small":{"styleLess":"font-size: 2.5rem; line-height: 1.2;"},"tiny":{"styleLess":"font-size: 2rem; line-height: 1.2; text-align: center;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"1591b6d1-7144-9329-3d42-c4822feac9ac","fake":false,"type":"class","name":"logout_main-div","namespace":"","comb":"","styleLess":"width: 90%; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: black; box-shadow: 0 0 30px 20px hsla(0, 0.00%, 0.00%, 0.25); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-right: 30px; padding-left: 30px;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"a19affa4-ce12-d231-86dd-a3f257440fc1","fake":false,"type":"class","name":"logout_image-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"b3b9c23f-7cc3-c3f1-e0f7-be537277d314","fake":false,"type":"class","name":"is-color","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 100.00%, 0.65);","variants":{"tiny":{"styleLess":"text-align: center;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"1e8a9f07-7372-7a63-2fd7-5b0d35da63ca","fake":false,"type":"class","name":"logout_link-block","namespace":"","comb":"","styleLess":"margin-top: 40px; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 100.00%, 1.00); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; font-family: Outfit; color: hsla(224.85714285714286, 0.00%, 0.00%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 20px 5px hsla(0, 0.00%, 100.00%, 0.65);"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/66d04e2a0efd867f105fba0c/66d05b2c8cf0c546c832211a_W0bLf6qslV.json","siteId":"66d04e2a0efd867f105fba0c","width":0,"isHD":false,"height":0,"fileName":"66d05b2c8cf0c546c832211a_W0bLf6qslV.json","createdOn":"2024-08-29T11:27:40.005Z","origFileName":"W0bLf6qslV.json","fileHash":"69ef1ac7bbfa6dcc3285fdcb443ad7c2","translationLoading":false,"variants":[],"mimeType":"application/json","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/66d04e2a0efd867f105fba0c/66d05b2c8cf0c546c832211a_W0bLf6qslV.json","_id":"66d05b2c8cf0c546c832211a","type":"LOTTIE","updatedOn":"2024-08-29T11:27:40.005Z","fileSize":9894,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}

About this component

AI Generated

Component Description (Generated by AI)

The LogoutMessage UI component is designed to inform users that they have been logged out of a web application. It features a clear message and a call-to-action link to log back in. This component is a free resource for Webflow developers to use in their projects.

Key Features:

  • Displays a logout message with a friendly tone, e.g., 'Oops! you've been logged out.'
  • Includes a link for users to log back in, enhancing user experience.
  • Utilizes a Lottie animation for visual engagement, sourced from a JSON file.
  • Responsive design with CSS classes for various screen sizes, ensuring accessibility.

Design Elements:

  • Flexbox layout for centering elements, providing a structured appearance.
  • Background color set to gainsboro for a soft visual effect.
  • Text styles that adapt based on screen size, ensuring readability.
  • Use of rounded corners and shadows for a modern card-like appearance.

Potential Use Cases:

  • Web applications requiring user authentication, such as e-commerce sites.
  • Membership platforms where user sessions are critical.
  • Corporate intranets that manage employee access.
  • Educational platforms that require user login for course access.

Conclusion: The LogoutMessage UI component effectively communicates logout status while providing a user-friendly pathway to re-login, making it a valuable addition to any web application.

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.