Style Guide

1

Style Components
Copy To Webflow
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1777effc-e328-653c-bb54-f04bf843a607","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee670"],"children":["11e5c31a-1abc-0ae8-36f6-6eb5168ee410","0ead7992-002a-8fb9-09a3-3d37609607e3","1777effc-e328-653c-bb54-f04bf843a608"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"11e5c31a-1abc-0ae8-36f6-6eb5168ee410","type":"HtmlEmbed","tag":"div","classes":["684c4abd-bc79-9e88-68ff-c6f208dcd12e"],"children":[],"v":"<style>\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/* 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/* Prevent all click and hover interaction with an element */\n.pointer-events-off {\n\tpointer-events: none;\n}\n\n/* Enables all click and hover interaction with an element */\n.pointer-events-on {\n pointer-events: auto;\n}\n\n/* Create a class of .div-square which maintains a 1:1 dimension of a div */\n.div-square::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tpadding-bottom: 100%;\n}\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n/* Apply \"...\" at 100% width */\n.truncate-width { \n\t\twidth: 100%; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis; \n}\n/* Removes native scrollbar */\n.no-scrollbar {\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none; \n}\n\n.no-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* 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/* 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/* Prevent all click and hover interaction with an element */\n.pointer-events-off {\n\tpointer-events: none;\n}\n\n/* Enables all click and hover interaction with an element */\n.pointer-events-on {\n pointer-events: auto;\n}\n\n/* Create a class of .div-square which maintains a 1:1 dimension of a div */\n.div-square::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tpadding-bottom: 100%;\n}\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n/* Apply \"...\" at 100% width */\n.truncate-width { \n\t\twidth: 100%; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis; \n}\n/* Removes native scrollbar */\n.no-scrollbar {\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none; \n}\n\n.no-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"0ead7992-002a-8fb9-09a3-3d37609607e3","type":"Block","tag":"div","classes":["cfb07051-9968-d045-9ded-1df01fc5156a"],"children":["b7470695-411b-1698-7797-16cffeeda50b","c5d5aaad-7d15-9c09-1803-c86c633ad0c8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7470695-411b-1698-7797-16cffeeda50b","type":"Block","tag":"div","classes":["684c4abd-bc79-9e88-68ff-c6f208dcd155","fe8f0dba-ea0a-b985-094c-03d2fdd45136"],"children":["b7470695-411b-1698-7797-16cffeeda50c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7470695-411b-1698-7797-16cffeeda50c","text":true,"v":"Powered By Better Sites"},{"_id":"c5d5aaad-7d15-9c09-1803-c86c633ad0c8","type":"Link","tag":"a","classes":["8b4b5a3f-d75b-b7fa-2180-c7b146fb29d2"],"children":["91698291-8c4f-a7f0-332c-6b9221e79542"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"https://www.better-sites.co/","target":"_blank"}}},{"_id":"91698291-8c4f-a7f0-332c-6b9221e79542","text":true,"v":"Enter The Better Sites Library"},{"_id":"1777effc-e328-653c-bb54-f04bf843a608","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee603","b85db7f6-6549-1d61-b780-d8e3aa6ee765"],"children":["1777effc-e328-653c-bb54-f04bf843a609","1777effc-e328-653c-bb54-f04bf843a624"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"typography"},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a609","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee656"],"children":["1777effc-e328-653c-bb54-f04bf843a60a","1777effc-e328-653c-bb54-f04bf843a60d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60a","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65a"],"children":["1777effc-e328-653c-bb54-f04bf843a60b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60b","type":"Heading","tag":"h1","classes":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"],"children":["1777effc-e328-653c-bb54-f04bf843a60c"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60c","text":true,"v":"Better Sites Style Guide"},{"_id":"1777effc-e328-653c-bb54-f04bf843a60d","type":"NavbarWrapper","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee5f5"],"children":["1777effc-e328-653c-bb54-f04bf843a60e"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"animation":"default","easing":"ease","easing2":"ease","duration":400,"type":"wrapper","collapse":"medium","noScroll":false,"docHeight":false},"attr":{"data-collapse":"medium","data-animation":"default","data-duration":"400","id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60e","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee61a"],"children":["1777effc-e328-653c-bb54-f04bf843a60f","1777effc-e328-653c-bb54-f04bf843a622"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60f","type":"NavbarMenu","tag":"nav","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee623"],"children":["1777effc-e328-653c-bb54-f04bf843a610","1777effc-e328-653c-bb54-f04bf843a612","1777effc-e328-653c-bb54-f04bf843a614","1777effc-e328-653c-bb54-f04bf843a616","1777effc-e328-653c-bb54-f04bf843a618","1777effc-e328-653c-bb54-f04bf843a61a","1777effc-e328-653c-bb54-f04bf843a61c","1777effc-e328-653c-bb54-f04bf843a61e","1777effc-e328-653c-bb54-f04bf843a620"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a610","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a611"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a611","text":true,"v":"Typography"},{"_id":"1777effc-e328-653c-bb54-f04bf843a612","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a613"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a613","text":true,"v":"Colors"},{"_id":"1777effc-e328-653c-bb54-f04bf843a614","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a615"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a615","text":true,"v":"Buttons"},{"_id":"1777effc-e328-653c-bb54-f04bf843a616","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a617"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":"Forms"},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a617","text":true,"v":"Forms"},{"_id":"1777effc-e328-653c-bb54-f04bf843a618","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a619"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a619","text":true,"v":"Icons"},{"_id":"1777effc-e328-653c-bb54-f04bf843a61a","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a61b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a61b","text":true,"v":"Structure"},{"_id":"1777effc-e328-653c-bb54-f04bf843a61c","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a61d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a61d","text":true,"v":"Max-Width"},{"_id":"1777effc-e328-653c-bb54-f04bf843a61e","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a61f"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a61f","text":true,"v":"Padding"},{"_id":"1777effc-e328-653c-bb54-f04bf843a620","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a621"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a621","text":true,"v":"Margins"},{"_id":"1777effc-e328-653c-bb54-f04bf843a622","type":"NavbarButton","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee67b"],"children":["1777effc-e328-653c-bb54-f04bf843a623"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a623","type":"Icon","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee639"],"children":[],"data":{"widget":{"type":"icon","icon":"nav-menu"},"search":{"exclude":true}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a624","type":"Image","tag":"img","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee60e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/63dd2bc3c2e60b0886206e41/645110bdbe05207fef53295f_BS%20111.webp","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"645110bdbe05207fef53295f","sizes":[{"max":479,"size":"100vw"},{"max":767,"size":"359.34375px"},{"max":991,"size":"381.171875px"},{"max":10000,"size":"58vw"}]}}}],"styles":[{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee639","fake":false,"type":"class","name":"SG Menu Icon","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"font-size: 32px;"}},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee656","fake":false,"type":"class","name":"SG Hero Content Wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 2;","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee60e","fake":false,"type":"class","name":"SG HERO IMAGE","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: auto; right: 0%; bottom: auto; z-index: 1; height: 60%;","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"684c4abd-bc79-9e88-68ff-c6f208dcd12e","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee65b","fake":false,"type":"class","name":"BS-Menu_links","namespace":"","comb":"","styleLess":"width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-left-style: none; border-left-width: 4px; border-left-color: transparent; transition-property: background-color, color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(158.33333333333334, 0.00%, 100.00%, 1.00); font-size: 16px; font-weight: 500; text-transform: uppercase;","variants":{"main_current":{"styleLess":"padding-right: 0px; background-color: hsla(197.1428571428573, 11.51%, 89.45%, 1.00); color: hsla(200, 8.11%, 7.25%, 1.00); font-weight: 600;"},"main_hover":{"styleLess":"color: hsla(200, 8.11%, 7.25%, 1.00);"}},"children":[],"selector":null},{"_id":"cfb07051-9968-d045-9ded-1df01fc5156a","fake":false,"type":"class","name":"DELETE-Bs-Style-Guide-Nav-bar","namespace":"","comb":"","styleLess":"position: static; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 9; display: flex; height: 8vh; max-height: 8vh; padding-top: 0.5rem; padding-right: 7%; padding-bottom: 0.5rem; padding-left: 7%; justify-content: space-between; align-items: center; background-color: hsla(0, 0.00%, 6.67%, 1.00); color: hsla(0, 0.00%, 6.67%, 1.00);","variants":{"tiny":{"styleLess":"flex-direction: column;"}},"children":[],"createdBy":"5e59b26d3c3e0f46f5e77fde","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee5f5","fake":false,"type":"class","name":"SG Nav","namespace":"","comb":"","styleLess":"position: static; left: 0px; top: 0%; right: auto; bottom: 0px; width: auto; height: auto; padding-top: 21px; border-right-style: none; border-right-width: 1px; border-right-color: #ced5db; background-color: transparent;","variants":{"medium":{"styleLess":"position: sticky; left: 0px; right: 0px; bottom: auto; z-index: 10; display: none; overflow: visible; width: 100%; height: 80px; padding-top: 20px; border-right-style: none; background-color: transparent;"}},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee603","fake":false,"type":"class","name":"SG Section","namespace":"","comb":"","styleLess":"position: relative; z-index: 0; padding-top: 60px; padding-right: 80px; padding-bottom: 60px; padding-left: 60px; text-align: left;","variants":{"small":{"styleLess":"padding-right: 30px; padding-left: 30px;"},"tiny":{"styleLess":"padding-right: 16px; padding-left: 16px;"}},"children":["b85db7f6-6549-1d61-b780-d8e3aa6ee765"],"selector":null},{"_id":"8b4b5a3f-d75b-b7fa-2180-c7b146fb29d2","fake":false,"type":"class","name":"BS-Button","namespace":"","comb":"","styleLess":"border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); font-family: Open Sans; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 1rem;","variants":{"tiny":{"styleLess":"font-weight: 600;"}},"children":["39909d1b-bba7-85e0-501c-23b9b9764feb"],"createdBy":"5e59b26d3c3e0f46f5e77fde","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee765","fake":false,"type":"class","name":"Header","namespace":"","comb":"&","styleLess":"z-index: 0; display: flex; padding-top: 8rem; padding-right: 5%; padding-bottom: 5rem; padding-left: 5%; align-items: center; background-color: #333; background-image: none /* @img_645110bdbe05207fef53295f */; background-size: auto /* contain */; background-repeat: repeat /* no-repeat */; color: white;","variants":{},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee623","fake":false,"type":"class","name":"SG Menu","namespace":"","comb":"","styleLess":"display: flex; width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: center; flex-wrap: nowrap; grid-column-gap: 34px; grid-row-gap: 34px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #d95d71;","variants":{"small":{"styleLess":"background-color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium":{"styleLess":"position: absolute; left: 0%; top: 80px; right: auto; bottom: auto; z-index: 500; display: block; padding-top: 20px; padding-bottom: 20px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(197.1428571428573, 11.51%, 89.45%, 1.00); background-color: hsla(200, 11.11%, 94.71%, 1.00); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);"}},"children":[],"selector":null},{"_id":"684c4abd-bc79-9e88-68ff-c6f208dcd1a9","fake":false,"type":"class","name":"heading-style-h1","namespace":"","comb":"","styleLess":"margin-top: 0rem; margin-bottom: 0rem; color: hsla(0, 0.00%, 6.67%, 1.00); font-size: 5rem; line-height: 1.1; font-weight: 900;","variants":{"small":{"styleLess":"font-size: 2.625rem; line-height: 2.625rem;"},"medium":{"styleLess":"font-size: 3.25rem;"},"tiny":{"styleLess":"font-size: 2.5rem; line-height: 2.625rem;"}},"children":["684c4abd-bc79-9e88-68ff-c6f208dcd283","9d197044-154b-bfee-0f3e-37d595746977","b85db7f6-6549-1d61-b780-d8e3aa6ee76f","c6210feb-248c-36e5-572d-e833bdff77b7"],"selector":null},{"_id":"fe8f0dba-ea0a-b985-094c-03d2fdd45136","fake":false,"type":"class","name":"text-color-white","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":["1e0376e4-215c-405f-1eaf-e104475c3f46"],"createdBy":"5e59b26d3c3e0f46f5e77fde","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee67b","fake":false,"type":"class","name":"SG Menu Button","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"top: -10px; margin-right: 12px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;"},"medium_open":{"styleLess":"border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: hsla(210, 100.00%, 90.85%, 1.00); color: hsla(222.99465240641715, 86.18%, 57.45%, 1.00);"},"tiny":{"styleLess":"margin-right: 4px;"}},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee76f","fake":false,"type":"class","name":"text-color-white","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee670","fake":false,"type":"class","name":"BS-Styleguide_component","namespace":"","comb":"","styleLess":"margin-left: 0px;","variants":{},"children":[],"createdBy":"6100b71e1b21826c5f65bea9","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee65a","fake":false,"type":"class","name":"Style Guide Title Wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee61a","fake":false,"type":"class","name":"SG Nav Container","namespace":"","comb":"","styleLess":"display: flex; width: auto; height: auto; background-color: transparent;","variants":{"medium":{"styleLess":"width: auto; height: auto;"}},"children":[],"selector":null},{"_id":"684c4abd-bc79-9e88-68ff-c6f208dcd155","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-family: Open Sans; color: hsla(0, 0.00%, 6.67%, 1.00); font-size: 1.25rem; line-height: 1.2; font-weight: 400;","variants":{"tiny":{"styleLess":"display: block; padding-right: 0px; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["fe8f0dba-ea0a-b985-094c-03d2fdd45136"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-21","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-40","e-39"],"target":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","createdOn":1681850400125}],"events":[{"id":"e-40","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"FADE_EFFECT","instant":false,"config":{"actionListId":"FADE_EFFECT","autoStopEventId":"e-39"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]},"targets":[{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":10,"scrollOffsetUnit":"%","delay":100,"direction":null,"effectIn":true},"createdOn":1681850400127},{"id":"e-39","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]},"targets":[{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1681850400163}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":9,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
19
Upgrade To Use Component
Copy To Webflow
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1777effc-e328-653c-bb54-f04bf843a607","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee670"],"children":["11e5c31a-1abc-0ae8-36f6-6eb5168ee410","0ead7992-002a-8fb9-09a3-3d37609607e3","1777effc-e328-653c-bb54-f04bf843a608"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"11e5c31a-1abc-0ae8-36f6-6eb5168ee410","type":"HtmlEmbed","tag":"div","classes":["684c4abd-bc79-9e88-68ff-c6f208dcd12e"],"children":[],"v":"<style>\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/* 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/* Prevent all click and hover interaction with an element */\n.pointer-events-off {\n\tpointer-events: none;\n}\n\n/* Enables all click and hover interaction with an element */\n.pointer-events-on {\n pointer-events: auto;\n}\n\n/* Create a class of .div-square which maintains a 1:1 dimension of a div */\n.div-square::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tpadding-bottom: 100%;\n}\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n/* Apply \"...\" at 100% width */\n.truncate-width { \n\t\twidth: 100%; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis; \n}\n/* Removes native scrollbar */\n.no-scrollbar {\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none; \n}\n\n.no-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* 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/* 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/* Prevent all click and hover interaction with an element */\n.pointer-events-off {\n\tpointer-events: none;\n}\n\n/* Enables all click and hover interaction with an element */\n.pointer-events-on {\n pointer-events: auto;\n}\n\n/* Create a class of .div-square which maintains a 1:1 dimension of a div */\n.div-square::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tpadding-bottom: 100%;\n}\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n/* Apply \"...\" at 100% width */\n.truncate-width { \n\t\twidth: 100%; \n white-space: nowrap; \n overflow: hidden; \n text-overflow: ellipsis; \n}\n/* Removes native scrollbar */\n.no-scrollbar {\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none; \n}\n\n.no-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"0ead7992-002a-8fb9-09a3-3d37609607e3","type":"Block","tag":"div","classes":["cfb07051-9968-d045-9ded-1df01fc5156a"],"children":["b7470695-411b-1698-7797-16cffeeda50b","c5d5aaad-7d15-9c09-1803-c86c633ad0c8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7470695-411b-1698-7797-16cffeeda50b","type":"Block","tag":"div","classes":["684c4abd-bc79-9e88-68ff-c6f208dcd155","fe8f0dba-ea0a-b985-094c-03d2fdd45136"],"children":["b7470695-411b-1698-7797-16cffeeda50c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7470695-411b-1698-7797-16cffeeda50c","text":true,"v":"Powered By Better Sites"},{"_id":"c5d5aaad-7d15-9c09-1803-c86c633ad0c8","type":"Link","tag":"a","classes":["8b4b5a3f-d75b-b7fa-2180-c7b146fb29d2"],"children":["91698291-8c4f-a7f0-332c-6b9221e79542"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"https://www.better-sites.co/","target":"_blank"}}},{"_id":"91698291-8c4f-a7f0-332c-6b9221e79542","text":true,"v":"Enter The Better Sites Library"},{"_id":"1777effc-e328-653c-bb54-f04bf843a608","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee603","b85db7f6-6549-1d61-b780-d8e3aa6ee765"],"children":["1777effc-e328-653c-bb54-f04bf843a609","1777effc-e328-653c-bb54-f04bf843a624"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"typography"},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a609","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee656"],"children":["1777effc-e328-653c-bb54-f04bf843a60a","1777effc-e328-653c-bb54-f04bf843a60d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60a","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65a"],"children":["1777effc-e328-653c-bb54-f04bf843a60b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60b","type":"Heading","tag":"h1","classes":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"],"children":["1777effc-e328-653c-bb54-f04bf843a60c"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60c","text":true,"v":"Better Sites Style Guide"},{"_id":"1777effc-e328-653c-bb54-f04bf843a60d","type":"NavbarWrapper","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee5f5"],"children":["1777effc-e328-653c-bb54-f04bf843a60e"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"animation":"default","easing":"ease","easing2":"ease","duration":400,"type":"wrapper","collapse":"medium","noScroll":false,"docHeight":false},"attr":{"data-collapse":"medium","data-animation":"default","data-duration":"400","id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60e","type":"Block","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee61a"],"children":["1777effc-e328-653c-bb54-f04bf843a60f","1777effc-e328-653c-bb54-f04bf843a622"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a60f","type":"NavbarMenu","tag":"nav","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee623"],"children":["1777effc-e328-653c-bb54-f04bf843a610","1777effc-e328-653c-bb54-f04bf843a612","1777effc-e328-653c-bb54-f04bf843a614","1777effc-e328-653c-bb54-f04bf843a616","1777effc-e328-653c-bb54-f04bf843a618","1777effc-e328-653c-bb54-f04bf843a61a","1777effc-e328-653c-bb54-f04bf843a61c","1777effc-e328-653c-bb54-f04bf843a61e","1777effc-e328-653c-bb54-f04bf843a620"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a610","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a611"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a611","text":true,"v":"Typography"},{"_id":"1777effc-e328-653c-bb54-f04bf843a612","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a613"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a613","text":true,"v":"Colors"},{"_id":"1777effc-e328-653c-bb54-f04bf843a614","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a615"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a615","text":true,"v":"Buttons"},{"_id":"1777effc-e328-653c-bb54-f04bf843a616","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a617"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":"Forms"},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a617","text":true,"v":"Forms"},{"_id":"1777effc-e328-653c-bb54-f04bf843a618","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a619"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a619","text":true,"v":"Icons"},{"_id":"1777effc-e328-653c-bb54-f04bf843a61a","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a61b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a61b","text":true,"v":"Structure"},{"_id":"1777effc-e328-653c-bb54-f04bf843a61c","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a61d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a61d","text":true,"v":"Max-Width"},{"_id":"1777effc-e328-653c-bb54-f04bf843a61e","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a61f"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a61f","text":true,"v":"Padding"},{"_id":"1777effc-e328-653c-bb54-f04bf843a620","type":"NavbarLink","tag":"a","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee65b"],"children":["1777effc-e328-653c-bb54-f04bf843a621"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a621","text":true,"v":"Margins"},{"_id":"1777effc-e328-653c-bb54-f04bf843a622","type":"NavbarButton","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee67b"],"children":["1777effc-e328-653c-bb54-f04bf843a623"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1777effc-e328-653c-bb54-f04bf843a623","type":"Icon","tag":"div","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee639"],"children":[],"data":{"widget":{"type":"icon","icon":"nav-menu"},"search":{"exclude":true}}},{"_id":"1777effc-e328-653c-bb54-f04bf843a624","type":"Image","tag":"img","classes":["b85db7f6-6549-1d61-b780-d8e3aa6ee60e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/63dd2bc3c2e60b0886206e41/645110bdbe05207fef53295f_BS%20111.webp","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"645110bdbe05207fef53295f","sizes":[{"max":479,"size":"100vw"},{"max":767,"size":"359.34375px"},{"max":991,"size":"381.171875px"},{"max":10000,"size":"58vw"}]}}}],"styles":[{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee639","fake":false,"type":"class","name":"SG Menu Icon","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"font-size: 32px;"}},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee656","fake":false,"type":"class","name":"SG Hero Content Wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 2;","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee60e","fake":false,"type":"class","name":"SG HERO IMAGE","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: auto; right: 0%; bottom: auto; z-index: 1; height: 60%;","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"684c4abd-bc79-9e88-68ff-c6f208dcd12e","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee65b","fake":false,"type":"class","name":"BS-Menu_links","namespace":"","comb":"","styleLess":"width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-left-style: none; border-left-width: 4px; border-left-color: transparent; transition-property: background-color, color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(158.33333333333334, 0.00%, 100.00%, 1.00); font-size: 16px; font-weight: 500; text-transform: uppercase;","variants":{"main_current":{"styleLess":"padding-right: 0px; background-color: hsla(197.1428571428573, 11.51%, 89.45%, 1.00); color: hsla(200, 8.11%, 7.25%, 1.00); font-weight: 600;"},"main_hover":{"styleLess":"color: hsla(200, 8.11%, 7.25%, 1.00);"}},"children":[],"selector":null},{"_id":"cfb07051-9968-d045-9ded-1df01fc5156a","fake":false,"type":"class","name":"DELETE-Bs-Style-Guide-Nav-bar","namespace":"","comb":"","styleLess":"position: static; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 9; display: flex; height: 8vh; max-height: 8vh; padding-top: 0.5rem; padding-right: 7%; padding-bottom: 0.5rem; padding-left: 7%; justify-content: space-between; align-items: center; background-color: hsla(0, 0.00%, 6.67%, 1.00); color: hsla(0, 0.00%, 6.67%, 1.00);","variants":{"tiny":{"styleLess":"flex-direction: column;"}},"children":[],"createdBy":"5e59b26d3c3e0f46f5e77fde","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee5f5","fake":false,"type":"class","name":"SG Nav","namespace":"","comb":"","styleLess":"position: static; left: 0px; top: 0%; right: auto; bottom: 0px; width: auto; height: auto; padding-top: 21px; border-right-style: none; border-right-width: 1px; border-right-color: #ced5db; background-color: transparent;","variants":{"medium":{"styleLess":"position: sticky; left: 0px; right: 0px; bottom: auto; z-index: 10; display: none; overflow: visible; width: 100%; height: 80px; padding-top: 20px; border-right-style: none; background-color: transparent;"}},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee603","fake":false,"type":"class","name":"SG Section","namespace":"","comb":"","styleLess":"position: relative; z-index: 0; padding-top: 60px; padding-right: 80px; padding-bottom: 60px; padding-left: 60px; text-align: left;","variants":{"small":{"styleLess":"padding-right: 30px; padding-left: 30px;"},"tiny":{"styleLess":"padding-right: 16px; padding-left: 16px;"}},"children":["b85db7f6-6549-1d61-b780-d8e3aa6ee765"],"selector":null},{"_id":"8b4b5a3f-d75b-b7fa-2180-c7b146fb29d2","fake":false,"type":"class","name":"BS-Button","namespace":"","comb":"","styleLess":"border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); font-family: Open Sans; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 1rem;","variants":{"tiny":{"styleLess":"font-weight: 600;"}},"children":["39909d1b-bba7-85e0-501c-23b9b9764feb"],"createdBy":"5e59b26d3c3e0f46f5e77fde","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee765","fake":false,"type":"class","name":"Header","namespace":"","comb":"&","styleLess":"z-index: 0; display: flex; padding-top: 8rem; padding-right: 5%; padding-bottom: 5rem; padding-left: 5%; align-items: center; background-color: #333; background-image: none /* @img_645110bdbe05207fef53295f */; background-size: auto /* contain */; background-repeat: repeat /* no-repeat */; color: white;","variants":{},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee623","fake":false,"type":"class","name":"SG Menu","namespace":"","comb":"","styleLess":"display: flex; width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: center; flex-wrap: nowrap; grid-column-gap: 34px; grid-row-gap: 34px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #d95d71;","variants":{"small":{"styleLess":"background-color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium":{"styleLess":"position: absolute; left: 0%; top: 80px; right: auto; bottom: auto; z-index: 500; display: block; padding-top: 20px; padding-bottom: 20px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(197.1428571428573, 11.51%, 89.45%, 1.00); background-color: hsla(200, 11.11%, 94.71%, 1.00); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);"}},"children":[],"selector":null},{"_id":"684c4abd-bc79-9e88-68ff-c6f208dcd1a9","fake":false,"type":"class","name":"heading-style-h1","namespace":"","comb":"","styleLess":"margin-top: 0rem; margin-bottom: 0rem; color: hsla(0, 0.00%, 6.67%, 1.00); font-size: 5rem; line-height: 1.1; font-weight: 900;","variants":{"small":{"styleLess":"font-size: 2.625rem; line-height: 2.625rem;"},"medium":{"styleLess":"font-size: 3.25rem;"},"tiny":{"styleLess":"font-size: 2.5rem; line-height: 2.625rem;"}},"children":["684c4abd-bc79-9e88-68ff-c6f208dcd283","9d197044-154b-bfee-0f3e-37d595746977","b85db7f6-6549-1d61-b780-d8e3aa6ee76f","c6210feb-248c-36e5-572d-e833bdff77b7"],"selector":null},{"_id":"fe8f0dba-ea0a-b985-094c-03d2fdd45136","fake":false,"type":"class","name":"text-color-white","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":["1e0376e4-215c-405f-1eaf-e104475c3f46"],"createdBy":"5e59b26d3c3e0f46f5e77fde","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee67b","fake":false,"type":"class","name":"SG Menu Button","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"top: -10px; margin-right: 12px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;"},"medium_open":{"styleLess":"border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color: hsla(210, 100.00%, 90.85%, 1.00); color: hsla(222.99465240641715, 86.18%, 57.45%, 1.00);"},"tiny":{"styleLess":"margin-right: 4px;"}},"children":[],"selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee76f","fake":false,"type":"class","name":"text-color-white","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee670","fake":false,"type":"class","name":"BS-Styleguide_component","namespace":"","comb":"","styleLess":"margin-left: 0px;","variants":{},"children":[],"createdBy":"6100b71e1b21826c5f65bea9","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee65a","fake":false,"type":"class","name":"Style Guide Title Wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"613a62078539e81f9f081d45","selector":null},{"_id":"b85db7f6-6549-1d61-b780-d8e3aa6ee61a","fake":false,"type":"class","name":"SG Nav Container","namespace":"","comb":"","styleLess":"display: flex; width: auto; height: auto; background-color: transparent;","variants":{"medium":{"styleLess":"width: auto; height: auto;"}},"children":[],"selector":null},{"_id":"684c4abd-bc79-9e88-68ff-c6f208dcd155","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-family: Open Sans; color: hsla(0, 0.00%, 6.67%, 1.00); font-size: 1.25rem; line-height: 1.2; font-weight: 400;","variants":{"tiny":{"styleLess":"display: block; padding-right: 0px; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["fe8f0dba-ea0a-b985-094c-03d2fdd45136"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-21","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-40","e-39"],"target":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","createdOn":1681850400125}],"events":[{"id":"e-40","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"FADE_EFFECT","instant":false,"config":{"actionListId":"FADE_EFFECT","autoStopEventId":"e-39"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]},"targets":[{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":10,"scrollOffsetUnit":"%","delay":100,"direction":null,"effectIn":true},"createdOn":1681850400127},{"id":"e-39","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]},"targets":[{"id":"642b977fc1ed22fa8e80eca9|295b6b0e-65bc-7745-6581-d3487cbcb973","appliesTo":"CLASS","styleBlockIds":["684c4abd-bc79-9e88-68ff-c6f208dcd1a9","b85db7f6-6549-1d61-b780-d8e3aa6ee76f"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1681850400163}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":9,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Updated:
June 26, 2023
Category:
Style Guide
This component requires some extra development
Instructions
See This Component In Action
No items found.
Can't Find What You're Looking For?
Click below to make a request! Our team is happy to add a component to help you make your site even better. Most requests are done within 24-48 business hours.