html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {vertical-align: baseline; display: inline-block;}
audio:not([controls]) {height: 0; display: none;}
[hidden], template {display: none;}
a {background-color: #0000;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {margin: .67em 0; font-size: 2em;}
mark {color: #000; background: #ff0;}
small {font-size: 80%;}
sub, sup {vertical-align: baseline; font-size: 75%; line-height: 0; position: relative;}
sup {top: -.5em;}
sub {bottom: -.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
hr {box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}
@font-face {font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal;}
[class^="w-icon-"], [class*=" w-icon-"] {speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: webflow-icons !important;}
.w-icon-slider-right:before {content: "";}
.w-icon-slider-left:before {content: "";}
.w-icon-nav-menu:before {content: "";}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {content: "";}
.w-icon-file-upload-remove:before {content: "";}
.w-icon-file-upload-icon:before {content: "";}
* {box-sizing: border-box;}
html {height: 100%;}
body {color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px;}
img {vertical-align: middle; max-width: 100%; display: inline-block;}
html.w-mod-touch * {background-attachment: scroll !important;}
.w-block {display: block;}
.w-inline-block {max-width: 100%; display: inline-block;}
.w-clearfix:before, .w-clearfix:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-clearfix:after {clear: both;}
.w-hidden {display: none;}
.w-button {color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block;}
input.w-button {-webkit-appearance: button;}
html[data-w-dynpage] [data-w-cloak] {color: #0000 !important;}
.w-code-block {margin: unset;}
pre.w-code-block code {all: inherit;}
.w-optimization {display: contents;}
.w-webflow-badge, .w-webflow-badge > img {box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; -webkit-text-decoration: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; transition: unset;}
.w-webflow-badge {white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: #aaadb0 !important; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; transform: none !important;}
.w-webflow-badge > img {position: unset; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 10px; font-weight: bold;}
h1 {margin-top: 20px; font-size: 38px; line-height: 44px;}
h2 {margin-top: 20px; font-size: 32px; line-height: 36px;}
h3 {margin-top: 20px; font-size: 24px; line-height: 30px;}
h4 {margin-top: 10px; font-size: 18px; line-height: 24px;}
h5 {margin-top: 10px; font-size: 14px; line-height: 20px;}
h6 {margin-top: 10px; font-size: 12px; line-height: 18px;}
p {margin-top: 0; margin-bottom: 10px;}
blockquote {border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px;}
figure {margin: 0 0 10px;}
ul, ol {margin-top: 0; margin-bottom: 10px; padding-left: 40px;}
.w-list-unstyled {padding-left: 0; list-style: none;}
.w-embed:before, .w-embed:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-embed:after {clear: both;}
.w-video {width: 100%; padding: 0; position: relative;}
.w-video iframe, .w-video object, .w-video embed {border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
button, [type="button"], [type="reset"] {cursor: pointer; -webkit-appearance: button; border: 0;}
.w-form {margin: 0 0 15px;}
.w-form-done {text-align: center; background-color: #ddd; padding: 20px; display: none;}
.w-form-fail {background-color: #ffdede; margin-top: 10px; padding: 10px; display: none;}
.w-input, .w-select {color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block;}
.w-input::placeholder, .w-select::placeholder {color: #999;}
.w-input:focus, .w-select:focus {border-color: #3898ec; outline: 0;}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {cursor: not-allowed;}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {background-color: #eee;}
textarea.w-input, textarea.w-select {height: auto;}
.w-select {background-color: #f3f3f3;}
.w-select[multiple] {height: auto;}
.w-form-label {cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block;}
.w-radio {margin-bottom: 5px; padding-left: 20px; display: block;}
.w-radio:before, .w-radio:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-radio:after {clear: both;}
.w-radio-input {float: left; margin: 3px 0 0 -20px; line-height: normal;}
.w-file-upload {margin-bottom: 10px; display: block;}
.w-file-upload-input {opacity: 0; z-index: -100; width: .1px; height: .1px; position: absolute; overflow: hidden;}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {color: #333; display: inline-block;}
.w-file-upload-error {margin-top: 10px; display: block;}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {display: none;}
.w-file-upload-uploading-btn {cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex;}
.w-file-upload-file {background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex;}
.w-file-upload-file-name {font-size: 14px; font-weight: normal; display: block;}
.w-file-remove-link {cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block;}
.w-icon-file-upload-remove {margin: auto; font-size: 10px;}
.w-file-upload-error-msg {color: #ea384c; padding: 2px 0; display: inline-block;}
.w-file-upload-info {padding: 0 12px; line-height: 38px; display: inline-block;}
.w-file-upload-label {cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block;}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {width: 20px; margin-right: 8px; display: inline-block;}
.w-icon-file-upload-uploading {height: 20px;}
.w-container {max-width: 940px; margin-left: auto; margin-right: auto;}
.w-container:before, .w-container:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-container:after {clear: both;}
.w-container .w-row {margin-left: -10px; margin-right: -10px;}
.w-row:before, .w-row:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-row:after {clear: both;}
.w-row .w-row {margin-left: 0; margin-right: 0;}
.w-col {float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative;}
.w-col .w-col {padding-left: 0; padding-right: 0;}
.w-col-1 {width: 8.33333%;}
.w-col-2 {width: 16.6667%;}
.w-col-3 {width: 25%;}
.w-col-4 {width: 33.3333%;}
.w-col-5 {width: 41.6667%;}
.w-col-6 {width: 50%;}
.w-col-7 {width: 58.3333%;}
.w-col-8 {width: 66.6667%;}
.w-col-9 {width: 75%;}
.w-col-10 {width: 83.3333%;}
.w-col-11 {width: 91.6667%;}
.w-col-12 {width: 100%;}
.w-hidden-main {display: none !important;}
@media screen and (max-width: 991px) { .w-container {max-width: 728px;}
.w-hidden-main {display: inherit !important;}
.w-hidden-medium {display: none !important;}
.w-col-medium-1 {width: 8.33333%;}
.w-col-medium-2 {width: 16.6667%;}
.w-col-medium-3 {width: 25%;}
.w-col-medium-4 {width: 33.3333%;}
.w-col-medium-5 {width: 41.6667%;}
.w-col-medium-6 {width: 50%;}
.w-col-medium-7 {width: 58.3333%;}
.w-col-medium-8 {width: 66.6667%;}
.w-col-medium-9 {width: 75%;}
.w-col-medium-10 {width: 83.3333%;}
.w-col-medium-11 {width: 91.6667%;}
.w-col-medium-12 {width: 100%;}
.w-col-stack {width: 100%; left: auto; right: auto;} }
@media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium {display: inherit !important;}
.w-hidden-small {display: none !important;}
.w-row, .w-container .w-row {margin-left: 0; margin-right: 0;}
.w-col {width: 100%; left: auto; right: auto;}
.w-col-small-1 {width: 8.33333%;}
.w-col-small-2 {width: 16.6667%;}
.w-col-small-3 {width: 25%;}
.w-col-small-4 {width: 33.3333%;}
.w-col-small-5 {width: 41.6667%;}
.w-col-small-6 {width: 50%;}
.w-col-small-7 {width: 58.3333%;}
.w-col-small-8 {width: 66.6667%;}
.w-col-small-9 {width: 75%;}
.w-col-small-10 {width: 83.3333%;}
.w-col-small-11 {width: 91.6667%;}
.w-col-small-12 {width: 100%;} }
@media screen and (max-width: 479px) { .w-container {max-width: none;}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {display: inherit !important;}
.w-hidden-tiny {display: none !important;}
.w-col {width: 100%;}
.w-col-tiny-1 {width: 8.33333%;}
.w-col-tiny-2 {width: 16.6667%;}
.w-col-tiny-3 {width: 25%;}
.w-col-tiny-4 {width: 33.3333%;}
.w-col-tiny-5 {width: 41.6667%;}
.w-col-tiny-6 {width: 50%;}
.w-col-tiny-7 {width: 58.3333%;}
.w-col-tiny-8 {width: 66.6667%;}
.w-col-tiny-9 {width: 75%;}
.w-col-tiny-10 {width: 83.3333%;}
.w-col-tiny-11 {width: 91.6667%;}
.w-col-tiny-12 {width: 100%;} }
.w-widget {position: relative;}
.w-widget-map {width: 100%; height: 400px;}
.w-widget-map label {width: auto; display: inline;}
.w-widget-map img {max-width: inherit;}
.w-widget-map .gm-style-iw {text-align: center;}
.w-widget-map .gm-style-iw > button {display: none !important;}
.w-widget-twitter {overflow: hidden;}
.w-widget-twitter-count-shim {vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative;}
.w-widget-twitter-count-shim * {pointer-events: none; -webkit-user-select: none; user-select: none;}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative;}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {display: block; position: relative;}
.w-widget-twitter-count-shim.w--large {width: 36px; height: 28px;}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {font-size: 18px; line-height: 18px;}
.w-widget-twitter-count-shim:not(.w--vertical) {margin-left: 5px; margin-right: 8px;}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {margin-left: 6px;}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0;}
.w-widget-twitter-count-shim:not(.w--vertical):before {border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px;}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {border-width: 5px; margin-top: -5px; margin-left: -10px;}
.w-widget-twitter-count-shim:not(.w--vertical):after {border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px;}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {border-width: 5px; margin-top: -5px; margin-left: -9px;}
.w-widget-twitter-count-shim.w--vertical {width: 61px; height: 33px; margin-bottom: 8px;}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%;}
.w-widget-twitter-count-shim.w--vertical:before {border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px;}
.w-widget-twitter-count-shim.w--vertical:after {border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px;}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {font-size: 18px; line-height: 22px;}
.w-widget-twitter-count-shim.w--vertical.w--large {width: 76px;}
.w-background-video {color: #fff; height: 500px; position: relative; overflow: hidden;}
.w-background-video > video {object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%;}
.w-background-video > video::-webkit-media-controls-start-playback-button {-webkit-appearance: none; display: none !important;}
.w-background-video--control {background-color: #0000; padding: 0; position: absolute; bottom: 1em; right: 1em;}
.w-background-video--control > [hidden] {display: none !important;}
.w-slider {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: 300px; position: relative;}
.w-slider-mask {z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden;}
.w-slide {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative;}
.w-slider-nav {z-index: 2; text-align: center; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0 0;}
.w-slider-nav.w-round > div {border-radius: 100%;}
.w-slider-nav.w-num > div {font-size: inherit; line-height: inherit; width: auto; height: auto; padding: .2em .5em;}
.w-slider-nav.w-shadow > div {box-shadow: 0 0 3px #3336;}
.w-slider-nav-invert {color: #fff;}
.w-slider-nav-invert > div {background-color: #2226;}
.w-slider-nav-invert > div.w-active {background-color: #222;}
.w-slider-dot {cursor: pointer; background-color: #fff6; width: 1em; height: 1em; margin: 0 3px .5em; transition: background-color .1s, color .1s; display: inline-block; position: relative;}
.w-slider-dot.w-active {background-color: #fff;}
.w-slider-dot:focus {outline: none; box-shadow: 0 0 0 2px #fff;}
.w-slider-dot:focus.w-active {box-shadow: none;}
.w-slider-arrow-left, .w-slider-arrow-right {cursor: pointer; color: #fff; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0; overflow: hidden;}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {position: absolute;}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {outline: 0;}
.w-slider-arrow-left {z-index: 3; right: auto;}
.w-slider-arrow-right {z-index: 4; left: auto;}
.w-icon-slider-left, .w-icon-slider-right {width: 1em; height: 1em; margin: auto; inset: 0;}
.w-slider-aria-label {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
.w-slider-force-show {display: block !important;}
.w-dropdown {text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative;}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative;}
.w-dropdown-toggle {-webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block;}
.w-dropdown-toggle:focus {outline: 0;}
.w-icon-dropdown-toggle {width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0;}
.w-dropdown-list {background: #ddd; min-width: 100%; display: none; position: absolute;}
.w-dropdown-list.w--open {display: block;}
.w-dropdown-link {color: #222; padding: 10px 20px; display: block;}
.w-dropdown-link.w--current {color: #0082f3;}
.w-dropdown-link:focus {outline: 0;}
@media screen and (max-width: 767px) { .w-nav-brand {padding-left: 10px;} }
.w-lightbox-backdrop {cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: #000000e6; outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0; -webkit-transform: translate(0);}
.w-lightbox-backdrop, .w-lightbox-container {-webkit-overflow-scrolling: touch; height: 100%; overflow: auto;}
.w-lightbox-content {height: 100vh; position: relative; overflow: hidden;}
.w-lightbox-view {opacity: 0; width: 100vw; height: 100vh; position: absolute;}
.w-lightbox-view:before {content: ""; height: 100vh;}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {height: 86vh;}
.w-lightbox-frame, .w-lightbox-view:before {vertical-align: middle; display: inline-block;}
.w-lightbox-figure {margin: 0; position: relative;}
.w-lightbox-group .w-lightbox-figure {cursor: pointer;}
.w-lightbox-img {width: auto; max-width: none; height: auto;}
.w-lightbox-image {float: none; max-width: 100vw; max-height: 100vh; display: block;}
.w-lightbox-group .w-lightbox-image {max-height: 86vh;}
.w-lightbox-caption {text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #0006; padding: .5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden;}
.w-lightbox-embed {width: 100%; height: 100%; position: absolute; inset: 0;}
.w-lightbox-control {cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all .3s; position: absolute; top: 0;}
.w-lightbox-left {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0; left: 0;}
.w-lightbox-right {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0; right: 0;}
.w-lightbox-close {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; height: 2.6em; right: 0;}
.w-lightbox-strip {white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden;}
.w-lightbox-item {box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate3d(0, 0, 0);}
.w-lightbox-active {opacity: .3;}
.w-lightbox-thumbnail {background: #222; height: 10vh; position: relative; overflow: hidden;}
.w-lightbox-thumbnail-image {position: absolute; top: 0; left: 0;}
.w-lightbox-thumbnail .w-lightbox-tall {width: 100%; top: 50%; transform: translate(0, -50%);}
.w-lightbox-thumbnail .w-lightbox-wide {height: 100%; left: 50%; transform: translate(-50%);}
.w-lightbox-spinner {box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: .8s linear infinite spin; position: absolute; top: 50%; left: 50%;}
.w-lightbox-spinner:after {content: ""; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 50%; position: absolute; inset: -4px;}
.w-lightbox-hide {display: none;}
.w-lightbox-noscroll {overflow: hidden;}
@media (min-width: 768px) { .w-lightbox-content {height: 96vh; margin-top: 2vh;}
.w-lightbox-view, .w-lightbox-view:before {height: 96vh;}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {height: 84vh;}
.w-lightbox-image {max-width: 96vw; max-height: 96vh;}
.w-lightbox-group .w-lightbox-image {max-width: 82.3vw; max-height: 84vh;}
.w-lightbox-left, .w-lightbox-right {opacity: .5; display: block;}
.w-lightbox-close {opacity: .8;}
.w-lightbox-control:hover {opacity: 1;} }
.w-lightbox-inactive, .w-lightbox-inactive:hover {opacity: 0;}
.w-richtext:before, .w-richtext:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-richtext:after {clear: both;}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {white-space: initial;}
.w-richtext ol, .w-richtext ul {overflow: hidden;}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {outline: 2px solid #2895f7;}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {content: ""; display: none; position: absolute; inset: 0;}
.w-richtext figure {max-width: 60%; position: relative;}
.w-richtext figure > div:before {cursor: default !important;}
.w-richtext figure img {width: 100%;}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {opacity: .6;}
.w-richtext figure div {color: #0000; font-size: 0;}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {display: table;}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {display: inline-block;}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {caption-side: bottom; display: table-caption;}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {width: 60%; height: 0;}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {width: 100%;}
.w-richtext figure.w-richtext-align-center {clear: both; margin-left: auto; margin-right: auto;}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {max-width: 100%;}
.w-richtext figure.w-richtext-align-normal {clear: both;}
.w-richtext figure.w-richtext-align-fullwidth {text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block;}
.w-richtext figure.w-richtext-align-fullwidth > div {padding-bottom: inherit; display: inline-block;}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {display: block;}
.w-richtext figure.w-richtext-align-floatleft {float: left; clear: none; margin-right: 15px;}
.w-richtext figure.w-richtext-align-floatright {float: right; clear: none; margin-left: 15px;}
.w-nav {z-index: 1000; background: #ddd; position: relative;}
.w-nav:before, .w-nav:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-nav:after {clear: both;}
.w-nav-brand {float: left; color: #333; text-decoration: none; position: relative;}
.w-nav-link {vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative;}
.w-nav-link.w--current {color: #0082f3;}
.w-nav-menu {float: right; position: relative;}
[data-nav-menu-open] {text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important;}
.w--nav-link-open {display: block; position: relative;}
.w-nav-overlay {width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden;}
.w-nav-overlay [data-nav-menu-open] {top: 0;}
.w-nav[data-animation="over-left"] .w-nav-overlay {width: auto;}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {z-index: 1; top: 0; right: auto;}
.w-nav[data-animation="over-right"] .w-nav-overlay {width: auto;}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {z-index: 1; top: 0; left: auto;}
.w-nav-button {float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative;}
.w-nav-button:focus {outline: 0;}
.w-nav-button.w--open {color: #fff; background-color: #c8c8c8;}
.w-nav[data-collapse="all"] .w-nav-menu {display: none;}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {display: block;}
.w--nav-dropdown-list-open {position: static;}
@media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu {display: none;}
.w-nav[data-collapse="medium"] .w-nav-button {display: block;} }
@media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu {display: none;}
.w-nav[data-collapse="small"] .w-nav-button {display: block;}
.w-nav-brand {padding-left: 10px;} }
@media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu {display: none;}
.w-nav[data-collapse="tiny"] .w-nav-button {display: block;} }
.w-tabs {position: relative;}
.w-tabs:before, .w-tabs:after {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-tabs:after {clear: both;}
.w-tab-menu {position: relative;}
.w-tab-link {vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative;}
.w-tab-link.w--current {background-color: #c8c8c8;}
.w-tab-link:focus {outline: 0;}
.w-tab-content {display: block; position: relative; overflow: hidden;}
.w-tab-pane {display: none; position: relative;}
.w--tab-active {display: block;}
@media screen and (max-width: 479px) { .w-tab-link {display: block;} }
.w-ix-emptyfix:after {content: "";}
@keyframes spin { 
  0% {transform: rotate(0);} 
  100% {transform: rotate(360deg);} 
}
.w-dyn-empty {background-color: #ddd; padding: 10px;}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {display: none !important;}
.wf-layout-layout {display: grid;}
:root {--_typography---body--body-font-size: 1rem; --_typography---body--body-line-height: 1.3; --_typography---body--body-font-weight: var(--_ui-styles---font-weight--normal); --_typography---body--body-letter-spacing: 0rem; --_typography---h1--h1-font-size: 4.4rem; --_typography---h1--h1-line-height: 1.2; --_typography---h1--h1-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h1--h1-letter-spacing: 0rem; --_typography---h2--h2-font-size: 3.4rem; --_typography---h2--h2-line-height: 1.2; --_typography---h2--h2-font-weight: var(--_ui-styles---font-weight--medium); --_typography---h2--h2-letter-spacing: 0rem; --_typography---h3--h3-font-size: 2.75rem; --_typography---h3--h3-line-height: 1.2; --_typography---h3--h3-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h3--h3-letter-spacing: 0rem; --_typography---h4--h4-font-size: 2.2rem; --_typography---h4--h4-line-height: 1.2; --_typography---h4--h4-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h4--h4-letter-spacing: 0rem; --_typography---h5--h5-font-size: 1.3rem; --_typography---h5--h5-line-height: 1.2; --_typography---h5--h5-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h5--h5-letter-spacing: 0rem; --_typography---h6--h6-font-size: 1.1rem; --_typography---h6--h6-line-height: 1.2; --_typography---h6--h6-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h6--h6-letter-spacing: 0rem; --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_ui-styles---font-weight--medium: 500; --_ui-styles---fonts--text: Lato, sans-serif; --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_typography---font-size--small: .85rem; --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_ui-styles---fonts--heading: "Space Grotesk", sans-serif; --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_sizes---border-radius--button: 0rem; --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_primitives---primary--primary-600: #c2973e; --_typography---font-size--medium: 1.25rem; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_sizes---border-radius--small: 0rem; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_typography---hero--hero-font-size: 5.3rem; --_typography---hero--hero-line-height: 1.2; --_typography---hero--hero-font-weight: var(--_ui-styles---font-weight--medium); --_typography---hero--hero-letter-spacing: 0em; --_primitives---secondary--secondary-200: #faf6f3; --_semantics---border-active: var(--_semantics---primary-selected); --_sizes---spacing--medium: 2rem; --_sizes---border-radius--xlarge: 0rem; --_sizes---spacing--small: 1rem; --_sizes---spacing--large: 3rem; --_sizes---border-radius--large: 0rem; --_sizes---border-radius--medium: 0rem; --_sizes---gaps--regular: 2rem; --_primitives---opacity--neutral-dark-15: #00000026; --_sizes---border-radius--xsmall: 0rem; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_sizes---container--medium: 73rem; --_ui-styles---shadow--shadow-10\<deleted\|variable-5653fa3c-677d-33b0-34a3-93ac7caf3307\>: #0000001a; --_ui-styles---fonts--shadow-5\<deleted\|variable-147ba590-cfa0-74f9-3ec3-bc978fd6967b\>: #0000000d; --_primitives---neutral--neutral-300: #cdc9c1; --_typography---font-size--regular: 1rem; --_typography---hero--xlarge-hero-font-size: 12.5rem; --_typography---hero--large-hero-font-size: 8rem; --_typography---font-size--large: 1.35rem; --_sizes---spacing--global-padding: 2rem; --_sizes---section-padding--medium: 5rem; --_sizes---container--small: 61rem; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_base-collection-2---semantic--background-default: var(--_base-collection-2---primitives--helper-1-2); --_base-collection-2---semantic--background-invert: var(--_base-collection-2---primitives--helper-10); --_base-collection-2---semantic--primary: var(--_base-collection-2---primitives--accent-1); --_base-collection-2---semantic--secondary: var(--_base-collection-2---primitives--accent-2); --_base-collection-2---semantic--text-v2: var(--_base-collection-2---primitives--helper-8); --_base-collection-2---semantic--background-v2: var(--_base-collection-2---primitives--helper-2); --_base-collection-2---semantic--background-v3: var(--_base-collection-2---primitives--helper-2); --_base-collection-2---semantic--gradient-3rd: var(--_base-collection-2---primitives--accent-3); --_base-collection-2---semantic--gradient-4th: var(--_base-collection-2---primitives--accent-4); --_base-collection-2---semantic--gradient-1st: var(--_base-collection-2---primitives--accent-1); --_base-collection-2---semantic--gradient-2nd: var(--_base-collection-2---primitives--accent-2); --_base-collection-2---semantic--text: var(--_base-collection-2---primitives--helper-10); --_base-collection-2---semantic--heading: var(--_base-collection-2---primitives--helper-10); --_base-collection-2---semantic--border: var(--_base-collection-2---primitives--helper-5); --_base-collection-2---semantic--text-invert: var(--_base-collection-2---primitives--helper-1-2); --_base-collection-2---semantic--border-active: var(--_base-collection-2---primitives--helper-9); --_base-collection-2---semantic--heading-invert: var(--_base-collection-2---primitives--helper-1-2); --_base-collection-2---primitives--accent-1: #f6bf50; --_base-collection-2---primitives--accent-2: #222428; --_base-collection-2---primitives--accent-3: #f9f4ef; --_base-collection-2---primitives--accent-4: #a8ced8; --_base-collection-2---primitives--helper-1-2: white; --_base-collection-2---primitives--helper-2: #e9e9e9; --_base-collection-2---primitives--helper-3: gainsboro; --_base-collection-2---primitives--helper-4: #d1d1d1; --_base-collection-2---primitives--helper-5: #222428; --_base-collection-2---primitives--helper-6: #7e7e7a; --_base-collection-2---primitives--helper-7: #5a5a5b; --_base-collection-2---primitives--helper-8: #484849; --_base-collection-2---primitives--helper-9: #35383c; --_base-collection-2---primitives--helper-10: #222428; --_base-collection-2---fonts--heading: "Space Grotesk", sans-serif; --_base-collection-2---fonts--text: Lato, sans-serif; --_base-collection-2---borderradius--xlarge: 0px; --_base-collection-2---borderradius--large: 0px; --_base-collection-2---borderradius--medium: 0px; --_base-collection-2---borderradius--small: 0px; --_base-collection-2---borderradius--xsmall: 0px; --_base-collection-2---borderradius--xlarge-mobile: 0px; --_base-collection-2---borderradius--large-mobile: 0px; --_base-collection-2---borderradius--medium-mobile: 0px; --_base-collection-2---borderradius--small-mobile: 0px; --_base-collection-2---borderradius--xsmall-mobile: 0px; --_base-collection-2---other--grid-gap: 2.01em; --_base-collection-2---other--space: 2.02em; --_base-collection-2---other--space-small: 1.01em; --_base-collection-2---other--space-large: 3.01em; --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_ui-styles---shadow--shadow-5: #0000000d; --_ui-styles---shadow--shadow-10: #0000001a; --_ui-styles---shadow--shadow-15: #00000026; --_ui-styles---shadow--shadow-20: #0003; --_ui-styles---shadow--shadow-30: #0000004d; --_ui-styles---shadow--shadow-40: #0006; --_ui-styles---shadow--shadow-50: #00000080; --_ui-styles---shadow--shadow-60: #0009; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; --_sizes---container--large: 80rem; --_typography---font-size--tiny: .75rem; --_ui-styles---font-weight--thin: 100; --_ui-styles---font-weight--xlight: 200; --_ui-styles---font-weight--light: 300; --_ui-styles---font-weight--normal: 400; --_ui-styles---font-weight--semi-bold: 600; --_ui-styles---font-weight--bold: 700; --_ui-styles---font-weight--xbold: 800; --_ui-styles---font-weight--black: 900; --_sizes---gaps--small: 1.5rem; --_sizes---gaps--medium: 3rem; --_sizes---gaps--large: 4rem; --_sizes---max-width--xxsmall: 12rem; --_sizes---max-width--small: 20rem; --_sizes---max-width--xsmall: 16rem; --_sizes---max-width--medium: 32rem; --_sizes---max-width--large: 48rem; --_sizes---max-width--xlarge: 64rem; --_sizes---max-width--xxlarge: 80rem; --_sizes---section-padding--small: 3rem; --_sizes---section-padding--large: 8rem; --_sizes---spacing--none: 0rem; --_sizes---spacing--tiny: .125rem; --_sizes---spacing--xxsmall: .25rem; --_sizes---spacing--xsmall: .5rem; --_sizes---spacing--xlarge: 4rem; --_sizes---spacing--xxlarge: 5rem; --_sizes---spacing--huge: 6rem; --_sizes---spacing--xhuge: 8rem; --_sizes---spacing--xxhuge: 12rem;}
.w-layout-grid {grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.w-checkbox {margin-bottom: 5px; padding-left: 20px; display: block;}
.w-checkbox:before {content: " "; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-checkbox:after {content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table;}
.w-checkbox-input {float: left; margin: 4px 0 0 -20px; line-height: normal;}
.w-checkbox-input--inputType-custom {border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px;}
.w-checkbox-input--inputType-custom.w--redirected-checked {background-color: #3898ec; background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec;}
.w-checkbox-input--inputType-custom.w--redirected-focus {box-shadow: 0 0 3px 1px #3898ec;}
.w-form-formradioinput--inputType-custom {border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px;}
.w-form-formradioinput--inputType-custom.w--redirected-focus {box-shadow: 0 0 3px 1px #3898ec;}
.w-form-formradioinput--inputType-custom.w--redirected-checked {border-width: 4px; border-color: #3898ec;}
body {font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
h1 {font-size: var(--_typography---h1--h1-font-size); line-height: var(--_typography---h1--h1-line-height); font-weight: var(--_typography---h1--h1-font-weight); letter-spacing: var(--_typography---h1--h1-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
h2 {font-size: var(--_typography---h2--h2-font-size); line-height: var(--_typography---h2--h2-line-height); font-weight: var(--_typography---h2--h2-font-weight); letter-spacing: var(--_typography---h2--h2-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
h3 {font-size: var(--_typography---h3--h3-font-size); line-height: var(--_typography---h3--h3-line-height); font-weight: var(--_typography---h3--h3-font-weight); letter-spacing: var(--_typography---h3--h3-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
h4 {font-size: var(--_typography---h4--h4-font-size); line-height: var(--_typography---h4--h4-line-height); font-weight: var(--_typography---h4--h4-font-weight); letter-spacing: var(--_typography---h4--h4-letter-spacing); margin-top: 10px; margin-bottom: 10px;}
h5 {font-size: var(--_typography---h5--h5-font-size); line-height: var(--_typography---h5--h5-line-height); font-weight: var(--_typography---h5--h5-font-weight); letter-spacing: var(--_typography---h5--h5-letter-spacing); margin-top: 10px; margin-bottom: 10px;}
h6 {font-size: var(--_typography---h6--h6-font-size); line-height: var(--_typography---h6--h6-line-height); font-weight: var(--_typography---h6--h6-font-weight); letter-spacing: var(--_typography---h6--h6-letter-spacing); margin-top: 10px; margin-bottom: 10px;}
p {margin-bottom: 0;}
a {text-decoration: none;}
ul, ol {margin-top: 0; margin-bottom: 10px; padding-left: 40px;}
img {max-width: 100%; display: inline-block;}
label {margin-bottom: 5px; font-weight: bold; display: block;}
strong {font-weight: bold;}
blockquote {border-left: 5px solid #e2e2e2; margin-bottom: 10px; padding: 10px 20px; font-size: 18px; line-height: 22px;}
figure {margin-bottom: 10px;}
figcaption {text-align: center; margin-top: 5px;}
.modular-nav-logo-link {opacity: 1; padding-left: 0; transition: opacity .4s;}
.modular-nav-logo-link:hover {opacity: .8;}
.modular-menu-line-bottom {background-color: var(--_semantics---background-invert); border-radius: 10px; width: 100%; height: 2px; padding: 0; display: block;}
.modular-nav-buttons-wrap {grid-column-gap: .6rem; grid-row-gap: .6rem; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: flex-end; align-items: center; display: flex;}
.modular-nav-menu-right {grid-column-gap: 10px; grid-row-gap: 10px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex;}
.modular-nav-link {grid-column-gap: 5px; grid-row-gap: 5px; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); justify-content: center; align-items: center; padding: 10px; font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; transition: color .4s; display: flex; position: relative;}
.modular-nav-link:hover {color: var(--_semantics---primary); text-decoration: none;}
.modular-nav-link.w--current {color: var(--_semantics---primary-selected);}
.modular-nav-link.modular-nav-link-big {justify-content: flex-start; align-items: stretch;}
.modular-nav-menu-button {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); background-color: #fff0; border-radius: 10px; width: 48px; height: 48px; padding: .7rem; transition: background-color .4s;}
.modular-nav-menu-button:hover, .modular-nav-menu-button.w--open {background-color: #0000000d;}
.modular-nav-menu-button.w--open:hover {background-color: #00000008;}
.modular-nav-01-menu {flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static;}
.modular-menu-icon-wrap {flex-flow: column; justify-content: center; align-items: center; width: 26px; height: 100%; display: flex;}
.modular-nav-01 {background-color: #ddd0; align-items: center; width: 100%; min-height: 80px; line-height: 1.2; display: flex; position: sticky; top: 0;}
.modular-menu-line-top {background-color: var(--_semantics---background-invert); border-radius: 2px; width: 100%; height: 2px; padding: 0; display: block;}
.modular-logo-image {flex: none; width: auto; height: 100%; display: block;}
.modular-menu-line-middle {background-color: var(--_semantics---background-invert); border-radius: 10px; width: 100%; height: 2px; margin-top: .4rem; margin-bottom: .4rem; padding: 0; display: block;}
.modular-nav-logo-wrap {flex-wrap: nowrap; width: auto; height: 1.2rem; display: flex;}
.modular-nav-01-menu-links {flex-flow: row; justify-content: flex-start; align-items: center; display: flex;}
.modular-nav-badge {background-color: var(--_semantics---background-invert); color: var(--_semantics---background-default); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 100px; justify-content: center; align-items: center; width: 16px; height: 16px; padding: 3px; display: flex;}
.demo-ds-gray-background {background-color: var(--_semantics---background-v2);}
.demo-paragraph-container {margin-top: 5px; margin-bottom: 10px;}
.modular-subscribe-1 {width: 100%; max-width: 340px; margin-bottom: 0;}
.modular-h3-heading {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h3--h3-font-size); line-height: var(--_typography---h3--h3-line-height); font-weight: var(--_typography---h3--h3-font-weight); letter-spacing: var(--_typography---h3--h3-letter-spacing); margin-top: 0; margin-bottom: 10px;}
.modular-h3-heading.modular-color-inherit {color: inherit;}
.demo-button-holder {grid-row-gap: 20px; background-color: var(--_semantics---background-v2); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 12px; flex-direction: column; justify-content: flex-start; align-items: center; padding: 2em; display: flex;}
.hero-link-arrow {opacity: .8; justify-content: flex-start; align-items: center; width: 14px; height: 100%; display: flex;}
.link-block-underline {background-color: var(--_semantics---border); width: 100%; height: 1px; margin-top: 2px; display: none;}
.demo-ds-left-panel {grid-row-gap: 25px; flex-direction: column; width: 100%; max-height: 100vh; padding: 2em 1em; display: flex; position: sticky; top: 0; overflow: auto;}
.nav-link-background {z-index: -1; background-color: var(--_semantics---background-default); border-radius: 100px; display: none; position: absolute; inset: 0%;}
.demo-grid-4-col {grid-column-gap: 2em; grid-row-gap: 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; display: grid;}
.design-system {width: 100%; height: 100%;}
.button-grid {grid-column-gap: 30px; grid-row-gap: 16px; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 2em; display: grid;}
.modular-button {grid-column-gap: 5px; grid-row-gap: 5px; border: 1px solid var(--_semantics---background-default); border-radius: var(--_sizes---border-radius--button); background-color: var(--_semantics---primary-selected); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---body--body-font-size); line-height: 1.2; font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; flex-direction: row; justify-content: center; align-items: center; padding: 12px 16px; text-decoration: none; transition: border-color .4s, box-shadow .4s, background-color .4s, color .4s; display: flex; position: relative;}
.modular-button:hover {border-color: var(--_semantics---primary-selected); background-color: var(--_semantics---primary); color: var(--_semantics---on-primary); text-decoration: none;}
.modular-button.modular-subscribe-1-btn {padding-top: 8px; padding-bottom: 8px;}
.modular-button.modular-subscribe-1-btn:hover {background-color: var(--_primitives---primary--primary-600);}
.modular-button.modular-subscribe-2-btn {background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); padding-top: 8px; padding-bottom: 8px;}
.modular-button.modular-subscribe-2-btn:hover {background-color: var(--_primitives---primary--primary-600);}
.modular-link {z-index: 1; opacity: 1; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: 14px; font-weight: 500; line-height: 1.3; text-decoration: none; transition: opacity .4s; position: relative; overflow: hidden;}
.modular-link:hover {opacity: .8; text-decoration: none;}
.modular-link.modular-link-footer {opacity: 1; color: var(--_semantics---text); transition-property: opacity;}
.modular-link.modular-link-footer:hover {opacity: .8;}
.notification-subscribe-box {background-color: #fff3; background-image: url("https://cdn.prod.website-files.com/68bea5e628399d004aa3b9bc/68bea5e628399d004aa3bb70_White-Arrow.svg"); background-position: 50%; background-repeat: no-repeat; background-size: 13px; border-radius: 3px; width: 24px; height: 24px;}
.modular-richtext {color: var(--_semantics---text); width: 100%; font-size: 16px; line-height: 1.5;}
.modular-richtext p {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: 1.5; font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-bottom: 10px;}
.modular-richtext h2 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h2--h2-font-size); line-height: var(--_typography---h2--h2-line-height); font-weight: var(--_typography---h2--h2-font-weight); letter-spacing: var(--_typography---h2--h2-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
.modular-richtext h3 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h3--h3-font-size); line-height: var(--_typography---h3--h3-line-height); font-weight: var(--_typography---h3--h3-font-weight); letter-spacing: var(--_typography---h3--h3-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
.modular-richtext h4 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h4--h4-font-size); line-height: var(--_typography---h4--h4-line-height); font-weight: var(--_typography---h4--h4-font-weight); letter-spacing: var(--_typography---h4--h4-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
.modular-richtext h5 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h5--h5-font-size); line-height: var(--_typography---h5--h5-line-height); font-weight: var(--_typography---h5--h5-font-weight); letter-spacing: var(--_typography---h5--h5-letter-spacing); margin-top: 15px; margin-bottom: 10px;}
.modular-richtext h6 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h6--h6-font-size); line-height: var(--_typography---h6--h6-line-height); font-weight: var(--_typography---h6--h6-font-weight); letter-spacing: var(--_typography---h6--h6-letter-spacing); margin-top: 15px; margin-bottom: 10px;}
.modular-richtext li {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: 1.5; font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.modular-richtext blockquote {border-left: 3px solid var(--_semantics---border); font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---font-size--medium); font-style: italic; line-height: 1.3; font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 1em; margin-bottom: 1rem; padding: 1rem;}
.modular-richtext figcaption {opacity: .5; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--small); font-style: italic; line-height: 1.3; font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.modular-richtext ul {color: #333; margin-top: 0; margin-bottom: 10px; padding-left: 40px; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; list-style-type: disc;}
.modular-richtext h1 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h1--h1-font-size); line-height: var(--_typography---h1--h1-line-height); font-weight: var(--_typography---h1--h1-font-weight); letter-spacing: var(--_typography---h1--h1-letter-spacing); margin-top: 20px; margin-bottom: 10px;}
.modular-richtext figure {margin-bottom: 20px;}
.modular-richtext img {width: 100%; min-width: 100%;}
.modular-richtext a {color: var(--_semantics---primary); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-decoration: none;}
.modular-richtext a:hover {text-decoration: underline;}
.modular-richtext ol {font-size: var(--_typography---body--body-font-size); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 0; margin-bottom: 10px; padding-left: 40px; list-style-type: decimal;}
.modular-richtext strong {font-weight: 600;}
.demo-title {font-family: var(--_ui-styles---fonts--text); text-transform: uppercase; border-radius: 8px; padding: 5px 10px; font-size: 12px; line-height: 1.5;}
.modular-text-l {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); margin-top: 0; margin-bottom: 0; font-size: 22px; font-weight: 400; line-height: 1.2;}
.notification-banner {grid-column-gap: 1em; grid-row-gap: 1em; background-color: var(--_semantics---primary); color: var(--_semantics---on-primary); flex-direction: row; justify-content: center; align-items: center; width: 100%; padding: 10px 2em; font-size: 14px; display: flex;}
.notification-banner.notification-side-content {justify-content: space-between;}
.notification-button-transparent {grid-column-gap: 10px; grid-row-gap: 10px; color: var(--_semantics---on-primary); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); flex-direction: row; justify-content: center; align-items: center; display: flex;}
.notification-button-transparent:hover {color: var(--_semantics---on-primary);}
.demo-style-guide-box-holder {grid-row-gap: 30px; background-color: var(--_semantics---background-v2); border-radius: 12px; flex-direction: column; justify-content: space-between; align-items: center; padding: 2em; display: flex;}
.demo-ds-left-panel-holder {background-color: var(--_semantics---background-v2); align-items: flex-start; width: 170px; min-width: 170px; display: none;}
.sg-notifications-box {flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex;}
.demo-ds-box {padding: 2em 1em;}
.demo-ds-box.demo-no-padding-top {padding-top: 0;}
.modular-link-color {opacity: 1; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; transition: color .35s;}
.modular-link-color:hover {opacity: .8; text-decoration: none;}
.demo-ds-modulify-box {grid-column-gap: 20px; grid-row-gap: 20px; background-color: var(--_semantics---background-v2); border-radius: 12px; flex-direction: column; justify-content: space-between; padding: 2em; display: flex;}
.demo-ds-modulify-box.margin-top {margin-top: 2em;}
.demo-grid-2-col {grid-column-gap: 2em; grid-row-gap: 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; display: grid;}
.modular-subscribe-1-form {z-index: 1; width: 100%; position: relative;}
.demo-ds {font-family: var(--_ui-styles---fonts--text); display: flex;}
.demo-ds-tab-holder {background-color: var(--_semantics---background-default); color: var(--_semantics---background-invert); border-radius: 5px; width: 100%; padding: 3px 7px; font-size: 12px; transition-property: background-color; transition-duration: .675s;}
.demo-ds-tab-holder:hover {background-color: var(--_semantics---background-v3); color: var(--_semantics---background-invert);}
.demo-ds-tab-holder.w--current {background-color: var(--_semantics---background-v3); color: var(--_semantics---background-default);}
.demo-ds-panel-title {opacity: .5; color: var(--_semantics---text-v2); margin-bottom: 4px; font-size: 14px;}
.demo-ds-hero-holder {grid-row-gap: 20px; flex-direction: column; padding: 2em; display: flex;}
.demo-ds-title-holder {grid-column-gap: 4px; grid-row-gap: 4px; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex;}
.modular-h1-heading {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h1--h1-font-size); line-height: var(--_typography---h1--h1-line-height); font-weight: var(--_typography---h1--h1-font-weight); letter-spacing: var(--_typography---h1--h1-letter-spacing); margin-top: 0; margin-bottom: 10px;}
.modular-link-inline {color: var(--_semantics---on-primary); flex-direction: row; justify-content: center; align-items: center; line-height: 1; text-decoration: underline;}
.modular-link-inline:hover {color: var(--_semantics---on-primary);}
.modular-link-inline.w--current {color: #000;}
.headings-container {grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; margin-top: 30px; display: flex;}
.modular-logos-01-grid {grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid;}
.font-details-holder {grid-row-gap: 20px; flex-direction: column; justify-content: space-between; display: flex;}
.modular-vertical-flex {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex;}
.modular-button-icon {color: inherit; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); width: auto; height: 17px;}
.demo-nav-01 {z-index: 2; position: relative;}
.modular-nav-link-wrap {justify-content: flex-start; align-items: center; padding-left: 3px; padding-right: 3px; display: flex;}
.modular-nav-link-wrap.hide {display: none;}
.modular-nav-05 {font-family: var(--_ui-styles---fonts--text); background-color: #fff0; align-items: center; width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 1.2; display: flex; position: sticky;}
.modular-nav-05-container {justify-content: center; align-items: center; min-width: 700px; max-width: none; height: 60px; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 10px; display: flex; position: relative;}
.modular-nav-05-menu {grid-column-gap: 10px; grid-row-gap: 10px; background-color: #fff0; flex: 1; justify-content: flex-end; align-items: center; padding-left: 5em; display: flex; position: static;}
.modular-nav-05-menu-links {flex-flow: row; flex: 1; justify-content: flex-end; align-items: center; display: flex;}
.modular-nav-link-icon-wrap {flex-flow: column; justify-content: flex-start; align-items: center; width: 24px; min-width: 24px; height: 100%; display: flex;}
.modular-nav-link-text-wrap {grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex;}
.modular-grey-text {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text-v2); font-size: 16px; font-weight: 400; line-height: 1.3;}
.dropdown-icon {width: 12px; height: 8px; margin-top: auto; margin-bottom: auto; margin-right: 0; position: relative;}
.modular-dropdown-list {background-color: #fff0; position: absolute; top: 120%; left: 0; right: 0;}
.modular-dropdown {background-color: #fff0; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: static;}
.modular-dropdown-list-detail {justify-content: center; align-items: flex-start; max-width: 100%; margin-top: 2px; padding-left: 2em; padding-right: 2em; display: flex;}
.modular-nav-big-menu {border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-default); box-shadow: 0 0 0 1px var(--_semantics---border); flex-flow: row; justify-content: space-between; align-items: center; width: 100%; padding: 1rem; display: flex; position: relative;}
.modular-big-menu-grid {grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid;}
.modular-big-menu-links-wrap {border-right: 1px solid var(--_semantics---border); flex-flow: column; justify-content: flex-start; align-items: stretch; margin-right: 1rem; padding-right: 1rem; display: flex;}
.modular-big-menu-in-right {grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; display: flex;}
.modular-nav-link-with-image {grid-column-gap: 14px; grid-row-gap: 14px; background-color: var(--_primitives---opacity--transparent); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); text-align: left; border-radius: 8px; grid-template-rows: auto; grid-template-columns: .75fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; transition: opacity .4s; display: grid;}
.modular-nav-link-with-image:hover {opacity: .8; color: var(--_semantics---text);}
.modular-nav-link-with-image.w--current {color: #000;}
.modular-nav-link-big-image {aspect-ratio: 1; border-radius: var(--_sizes---border-radius--small); object-fit: cover; width: 6rem; min-width: 6rem; height: 6rem; min-height: 6rem; max-height: 6rem;}
.modular-big-menu-title-wrap {padding-bottom: 10px; padding-left: 10px;}
.modular-margin-top-bottom {justify-content: flex-start; align-items: center; margin-top: 5px; margin-bottom: 5px; display: flex;}
.modular-hero-link {grid-column-gap: 8px; grid-row-gap: 8px; background-color: var(--_semantics---primary-selected); box-shadow: inset 0 -100px 5px 0 var(--_primitives---opacity--transparent); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---on-primary-selected); text-transform: none; border-radius: 100px; flex-direction: row; justify-content: flex-start; align-items: center; padding: 2px 8px; font-size: 14px; font-weight: 400; text-decoration: none; transition: box-shadow .4s, background-color .4s, color .4s; display: flex;}
.modular-hero-link:hover {background-color: var(--_semantics---primary-selected); box-shadow: inset 0 -100px 5px 0 var(--_primitives---opacity--neutral-dark-10); color: var(--_semantics---on-primary-selected); text-decoration: none;}
.modular-hero-link-badge-wrap {color: var(--_semantics---on-primary-selected); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); background-color: #fff3; border-radius: 100px; flex-flow: row; justify-content: center; align-items: center; height: 100%; margin-left: -6px; padding: 6px 12px; display: flex;}
.modular-hero-play-icon {z-index: 1; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%;}
.modular-text-gradient {background-color: var(--_semantics---primary); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;}
.modular-hero-description {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text-v2); text-wrap: balance; max-width: 710px; margin-bottom: 0; font-size: 22px; font-weight: 400; line-height: 1.3;}
.modular-play-icon-holder {-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #0000001a; border: 1px solid #ffffff26; border-radius: 200px; justify-content: center; align-items: center; width: 92px; height: 92px; transition: border-color .5s, transform .475s cubic-bezier(.175, .885, .32, 1.275); display: flex;}
.modular-play-icon-holder:hover {border-color: #ffffff9c; transform: scale(1.1);}
.modular-hero-link-arrow-black {justify-content: center; align-items: center; width: 14px; height: 100%; display: flex;}
.modular-hero-heading {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---hero--hero-font-size); line-height: var(--_typography---hero--hero-line-height); font-weight: var(--_typography---hero--hero-font-weight); letter-spacing: var(--_typography---hero--hero-letter-spacing); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 10px; transform: perspective(260px)perspective(300px);}
.modular-hero-image {border-radius: var(--_sizes---border-radius--small); width: 100%;}
.modular-grid-content {width: 100%;}
.modular-section-hero-bg {z-index: -1; background-color: var(--_semantics---background-default); background-image: var(--_primitives---secondary--secondary-200); pointer-events: none; position: absolute; inset: 0%;}
.modular-container {z-index: 2; width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; padding: 5em 2em; position: relative;}
.modular-container.modular-no-padding-bottom {padding-bottom: 0;}
.modular-container.modular-no-padding-bottom.no-padding-top {padding-top: 0;}
.modular-container.modular-nav-container {flex-flow: row; justify-content: center; align-items: center; padding-top: 0; padding-bottom: 0; display: flex;}
.modular-hero-white-link {grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid var(--_primitives---opacity--neutral-dark-10); background-color: var(--_semantics---background-default); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); text-transform: none; border-radius: 100px; flex-direction: row; justify-content: flex-start; align-items: center; padding: 1px 8px 1px 7px; font-size: 14px; font-weight: 500; line-height: 1.3; text-decoration: none; transition: border-color .4s, box-shadow .4s, background-color .4s, color .4s; display: flex;}
.modular-hero-white-link:hover {border-color: var(--_semantics---border-active); text-decoration: none;}
.demo-hero-02-small-container {flex-direction: column; align-items: center; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; display: flex; position: relative;}
.modular-play-icon-lightbox {pointer-events: auto; color: #fff; justify-content: center; align-items: center; display: flex;}
.modular-hero-link-arrow-icon {width: 100%; height: auto;}
.modular-hero-02-content {grid-column-gap: 1em; grid-row-gap: 1em; text-align: center; flex-direction: column; align-items: center; display: flex;}
.modular-hero-link-02-badge-wrap {grid-column-gap: 5px; grid-row-gap: 5px; background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; border-radius: 100px; flex-direction: row; justify-content: center; align-items: center; height: 100%; margin-left: -6px; padding: 6px 12px; transition: box-shadow .4s, background-color .4s, color .4s; display: flex;}
.modular-small-container {text-align: center; flex-direction: column; align-items: center; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; padding: 3em 2em; display: flex; position: relative;}
.modular-logos-grid-content {padding-top: 1em; padding-bottom: 1em;}
.logos-image {color: var(--_semantics---primary-selected); object-fit: contain; justify-content: center; align-items: flex-start; width: 100%; max-width: 140px; height: 100%; max-height: 25px; display: flex;}
.modular-logos-02-grid {grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid;}
.modular-icon-card {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); flex-flow: column; justify-content: center; align-items: center; width: 70px; min-width: 70px; max-width: 70px; padding: 10px; display: flex; position: relative; overflow: hidden;}
.modular-icon {aspect-ratio: 1; color: var(--_semantics---primary-selected); object-fit: contain; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: auto; display: flex;}
.modular-h2-heading {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h2--h2-font-size); line-height: var(--_typography---h2--h2-line-height); font-weight: var(--_typography---h2--h2-font-weight); letter-spacing: var(--_typography---h2--h2-letter-spacing); margin-top: 0; margin-bottom: 10px;}
.modular-margin-top {margin-top: var(--_sizes---spacing--medium);}
.modular-text-center {text-align: center;}
.modular-features-image-wrap {z-index: 1; aspect-ratio: 1; flex-flow: column; justify-content: flex-end; align-items: flex-start; width: 100%; display: flex; position: relative; overflow: hidden;}
.modular-features-image {width: 100%; height: 100%;}
.modular-features-small-image-wrap {object-fit: contain; width: 50%; padding: 2em; position: absolute;}
.modular-features-small-image {object-fit: contain; width: 100%; display: none; position: relative;}
.modular-list-holder {grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; width: 100%; display: flex;}
.modular-list-item-with-icon {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: flex-start; align-items: stretch; width: 100%; display: flex;}
.modular-list-item-icon {grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_sizes---border-radius--xlarge); background-color: var(--_semantics---primary); color: #fff; text-transform: none; background-image: url("https://cdn.prod.website-files.com/68bea5e628399d004aa3b9bc/68bea5e628399d004aa3ba16_White-Check.svg"); background-position: 50%; background-repeat: no-repeat; background-size: 14px; flex-direction: row; justify-content: center; align-items: center; width: 22px; min-width: 22px; height: 22px; min-height: 22px; font-weight: 500; transition: box-shadow .4s, background-color .4s, color .4s; display: flex;}
.modular-list-item-text {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); margin-top: 0; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.3;}
.modular-margin-top-small {margin-top: var(--_sizes---spacing--small);}
.modular-list-item-text-wrap {grid-column-gap: 3px; grid-row-gap: 3px; flex-flow: column; justify-content: center; align-items: flex-start; height: 100%; min-height: 24px; display: flex;}
.modular-list-item-icon-wrapper {flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100%; display: flex;}
.modular-features-image-bg {z-index: -1; background-color: #0000; position: absolute; inset: 0%;}
.demo---hero-heading {transform-origin: 50% 100%; color: #000; text-wrap: balance; transform-style: preserve-3d; margin-top: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 92px; font-weight: 600; line-height: 1.2; transform: perspective(260px)perspective(300px);}
.demo---hero {z-index: 1; margin-top: -80px; padding-top: 80px; position: relative;}
.demo-nav-card-title {margin-bottom: 5px; font-weight: 600;}
.demo-nav-card-summary {color: #6b7280;}
.nav-demo {background-color: var(--_semantics---background-default); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); align-items: center; min-height: 80px; padding-left: 2rem; padding-right: 2rem; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; line-height: 1.2; display: flex; position: sticky; top: 0;}
.nav-demo-container {justify-content: center; align-items: center; width: 100%; max-width: 1170px; height: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative;}
.nav-demo-logo {position: relative;}
.nav-demo-full-menu {background-color: #0000; flex-flow: column; justify-content: center; align-items: flex-end; width: 100%; margin-top: 1px; display: flex; position: relative;}
.nav-demo-menu-links {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: flex-end; align-items: center; display: flex;}
.demo-nav-menu-wrap {justify-content: flex-end; align-items: center; display: none;}
.demo-nav-menu {background-color: #fff; border-radius: 10px; flex-flow: row; justify-content: flex-end; align-items: center; padding: 20px; display: flex; position: relative; box-shadow: 0 0 0 1px #0000001a;}
.demo-nav-grid {grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid;}
.demo-nav-card-link {grid-column-gap: 20px; grid-row-gap: 20px; color: #000; border-radius: 18px; justify-content: flex-start; align-items: center; width: 100%; padding: 10px; font-size: 15px; transition: all .35s; display: flex;}
.demo-nav-card-link:hover {box-shadow: 0 7px 20px #0000001a;}
.demo-nav-card-link.w--current {color: var(--_semantics---primary-selected);}
.demo-nav-link-content {flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex;}
.demo-nav-card-image {border-radius: 10px; width: 130px; min-width: 130px;}
.demo-component-title {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---heading); margin-top: 0; margin-bottom: 20px; font-size: 26px; line-height: 1.2; position: absolute; inset: -33px auto auto 10px;}
.demo-box {z-index: 1; background-color: #1da1f20d; background-image: linear-gradient(133deg, #1da1f208, #fff0); border-radius: 5px; width: 100%; max-width: 98%; margin-left: auto; margin-right: auto; padding: 5px; position: relative; box-shadow: 0 7px 20px #1da1f20d;}
.demo-box-wrap {background-color: var(--_semantics---background-default); border-radius: 4px; padding: 5px; line-height: 1.3;}
.modular-footer-07-logo-link {opacity: 1; height: 35px; transition-property: opacity;}
.modular-footer-07-logo-link:hover {opacity: .8;}
.modular-footer-08-links-holder {grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: row; flex: 1; justify-content: flex-start; align-items: center; display: flex;}
.modular-footer-08-brand-content {grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex;}
.modular-footer-08-follow {grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: row; justify-content: flex-start; align-items: center; font-size: 18px; display: flex;}
.modular-footer-08-grid {grid-column-gap: 1em; grid-row-gap: 1em; justify-content: space-between; display: flex; overflow: hidden;}
.modular-footer-08-copyright-link {color: var(--_semantics---text); margin-right: 0; padding-left: 0; padding-right: 0; font-weight: 500; transition: color .35s;}
.modular-footer-08-copyright-link:hover {color: var(--_semantics---primary-selected);}
.demo-footer-08-social-icon {filter: brightness(0%); width: 24px; min-width: 24px; height: 24px; min-height: 24px; display: inline-block; position: relative;}
.modular-footer-08-social-media-icons {grid-column-gap: 15px; grid-row-gap: 15px; flex-direction: row; justify-content: flex-start; align-items: flex-start; display: flex;}
.demo-footer-08-social-media-link {z-index: 1; border-radius: 6px; width: 25px; height: auto; transition: opacity .35s; position: relative;}
.demo-footer-08-social-media-link:hover {opacity: .6;}
.demo-footer {font-family: var(--_ui-styles---fonts--text); margin-top: 10em; padding-top: 2em; padding-bottom: 2em; font-size: 16px; line-height: 1.2;}
.demo-footer-links {grid-column-gap: 2em; grid-row-gap: 2em; border-bottom: 1px solid var(--_semantics---border); flex-flow: row; justify-content: space-between; align-items: center; margin-bottom: 2em; padding-bottom: 2em; display: flex;}
.demo-footer-link {z-index: 1; color: var(--_semantics---text); font-size: 18px; font-weight: 400; text-decoration: none; transition: color .4s; position: relative; overflow: hidden;}
.demo-footer-link:hover {color: #a1a1a1;}
.modular-h4-heading {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h4--h4-font-size); line-height: var(--_typography---h4--h4-line-height); font-weight: var(--_typography---h4--h4-font-weight); letter-spacing: var(--_typography---h4--h4-letter-spacing); margin-top: 0; margin-bottom: 10px;}
.modular-h5-heading {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h5--h5-font-size); line-height: var(--_typography---h5--h5-line-height); font-weight: var(--_typography---h5--h5-font-weight); letter-spacing: var(--_typography---h5--h5-letter-spacing); margin-top: 0; margin-bottom: 0;}
.modular-h5-heading.inherit-color {color: inherit;}
.modular-h6-heading {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h6--h6-font-size); line-height: var(--_typography---h6--h6-line-height); font-weight: var(--_typography---h6--h6-font-weight); letter-spacing: var(--_typography---h6--h6-letter-spacing); margin-top: 0; margin-bottom: 0;}
.modular-text {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); margin-top: 0; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.3;}
.modular-text.modular-color-inherit {color: inherit;}
.modular-text.modular-semibold-font {font-weight: 600;}
.modular-margin-bottom-large {margin-bottom: var(--_sizes---spacing--large);}
.modular-button-link {grid-column-gap: 5px; grid-row-gap: 5px; color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); flex-flow: row; justify-content: center; align-items: center; padding: 12px; text-decoration: none; transition: color .4s; display: flex;}
.modular-button-link:hover {color: var(--_semantics---primary-selected); text-decoration: none;}
.modular-tabs {flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; display: flex;}
.modular-tabs-content {padding-top: var(--_sizes---spacing--large); width: 100%; overflow: visible;}
.modular-tabs-nav {grid-column-gap: 3px; border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-v2); flex-direction: row; justify-content: flex-start; align-items: stretch; padding: 2px; line-height: 1; display: flex; overflow: hidden;}
.modular-tab-link-badge {border: 1px solid var(--_semantics---border); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 100px; margin-bottom: 0; margin-left: 4px; padding: 3px 5px 2px; display: inline-block; position: relative; top: -1px;}
.modular-tab-link {border: 0px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); background-color: #0000; justify-content: center; align-items: center; padding: 10px 15px; font-size: 16px; font-weight: 400; line-height: 1; text-decoration: none; transition: all .35s; display: flex; position: relative;}
.modular-tab-link:hover {opacity: .7; color: var(--_semantics---text); background-color: #0000; text-decoration: none;}
.modular-tab-link.w--current {border: 1px none var(--_semantics---border); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected);}
.modular-tab-link.w--current:hover {opacity: 100;}
.modular-tab-link.modular-tab-link-active {border: 0px none var(--_semantics---border); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected);}
.modular-tab-link.modular-tab-link-active:hover {opacity: 100;}
.modular-tab-pane {width: 100%; overflow: visible;}
.modular-cta-small-image {width: 60%;}
.modular-cta-image {border-radius: var(--_sizes---border-radius--small); object-fit: cover; object-position: 0% 0%; min-width: 100%; height: 100%;}
.modular-cta-card {z-index: 1; border-radius: var(--_sizes---border-radius--large); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); width: 100%; position: relative; overflow: hidden;}
.modular-text-wrap {text-wrap: balance;}
.modular-subscribers-images {flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex;}
.modular-subscriber-image {border: 1px solid var(--_semantics---border-active); object-fit: cover; border-radius: 100px; width: 38px; min-width: 38px; height: 38px;}
.modular-subscriber-image.modular-subscriber-image-2nd, .modular-subscriber-image.modular-subscriber-image-3rd {margin-left: -10px;}
.modular-subscribers-wrap {grid-column-gap: 10px; grid-row-gap: 10px; color: var(--_semantics---text); flex-flow: row; justify-content: flex-start; align-items: center; font-size: 16px; display: flex;}
.modular-subscribers-wrap.modular-subscribers-wrap-hero, .modular-subscribers-wrap.modular-subscribers-wrap-boxed-hero {color: var(--_semantics---text);}
.modular-subscribers-wrap.modular-subscribers-wrap-cta {color: var(--_semantics---on-primary);}
.utility-page-wrap {justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 80vh; max-height: 100%; display: flex;}
.utility-page-content {text-align: center; flex-direction: column; width: 260px; display: flex;}
.utility-page-form {flex-direction: column; align-items: stretch; display: flex;}
.demo-page-wrapper {background-color: var(--_semantics---background-default); color: var(--_semantics---text); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.field-label {display: none;}
.m-nav-wrap {z-index: 99; width: 100%; font-size: 16px; font-weight: 400; line-height: 1.2; position: sticky; top: 0;}
.modular-section {z-index: 1; background-color: var(--_semantics---background-default); width: 100%; position: relative;}
.demo-box-holder {border: 1px dashed var(--_semantics---border-active); flex-flow: column; align-items: stretch; width: 100%; height: 100%; padding: 5px; display: flex; position: relative;}
.demo-box-holder.horizontal {flex-flow: row;}
.demo-box-holder.margin-top {margin-top: 2rem;}
.demo-box-holder.demo-grid-7-col {grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.modular-section-hero {z-index: 1; background-color: var(--_semantics---background-default); background-image: var(--_primitives---secondary--secondary-200); width: 100%; position: relative;}
.demo-ds-wrap-with-margin {border: 1px solid #c04ceb; margin: 1em 20px 2em; padding: 10px;}
.modular-section-hero-bg-inside {position: absolute; inset: 0%;}
.modular-section-secondary {background-color: var(--_semantics---background-default); width: 100%;}
.modular-section-special-1 {background-color: var(--_semantics---background-default); color: var(--_semantics---text); width: 100%;}
.modular-section-special-2 {background-color: var(--_semantics---background-v3); width: 100%;}
.modular-active-card-link {z-index: 1; border-style: none none solid; border-width: 1px; border-color: var(--_semantics---background-default) var(--_semantics---background-default) var(--_semantics---border); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_semantics---background-v2); color: var(--_semantics---text); width: 100%; text-decoration: none; transition: background-color .35s; position: relative; overflow: hidden;}
.modular-active-card-link:hover {text-decoration: none;}
.modular-active-card-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-card {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; position: relative;}
.modular-card.modular-card-full-rounded {border-radius: 200px;}
.modular-opacity-50-pct {opacity: .5;}
.modular-card-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-bento-grid-card-1st {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.modular-bento-grid-card-1-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-bento-grid-card-2nd {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.modular-bento-grid-card-2-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-bento-grid-card-3rd {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.modular-bento-grid-card-3-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-bento-grid-card-4th {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.modular-bento-grid-card-4-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-bento-grid-card-5th {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.modular-bento-grid-card-5-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-hero-heading-2nd {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; font-size: 80px; font-weight: 700; line-height: 1.2; transform: perspective(260px)perspective(300px);}
.modular-hero-2-text-gradient {background-color: var(--_semantics---primary); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;}
.modular-hero-description-2nd {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text-v2); text-wrap: balance; max-width: 710px; margin-bottom: 0; font-size: 22px; font-weight: 400; line-height: 1.3;}
.modular-badge {grid-column-gap: .3rem; grid-row-gap: .3rem; background-color: var(--_semantics---background-default); box-shadow: inset 0 0 0 1px var(--_semantics---border); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 100px; justify-content: flex-start; align-items: center; padding: .4rem; display: flex;}
.modular-badge-image {color: var(--_semantics---text); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); object-fit: contain; border-radius: 100px; width: 20px; height: 20px;}
.modular-badges-wrap {grid-column-gap: 10px; grid-row-gap: 10px; font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex;}
.modular-subtitle {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---primary); margin-top: 0; margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: 1.2;}
.demo-top-bottom-padding {padding-top: 2em; padding-bottom: 2em;}
.demo-bento-grid {grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: 1em; display: grid;}
.modular-bento-grid-tall-img-wrap {flex: 1; width: 100%; min-height: 200px; position: relative;}
.modular-bento-grid-tall-img {object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%;}
.modular-bento-grid-tall, .modular-bento-grid-normal {flex-flow: column; width: 100%; height: 100%; display: flex;}
.modular-bento-grid-normal-img-wrap {flex: 1; width: 100%; min-height: 200px; position: relative;}
.modular-bento-grid-normal-img {object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%;}
.demo-bento-grid-wide-horizontal {flex-flow: row; justify-content: flex-start; align-items: center; width: 100%; height: 100%; display: flex;}
.modular-bento-grid-wide-img-wrap {flex: 1; width: 100%; height: 100%; min-height: 200px; position: relative;}
.modular-bento-grid-wide-img {object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%;}
.modular-bento-grid-card-1-img-holder {display: block; position: absolute; inset: 0%;}
.modular-demo-bento-grid-img-h {aspect-ratio: 1; max-width: 50px; position: relative;}
.modular-bento-grid-card-2-img-holder, .modular-bento-grid-card-3-img-holder, .modular-bento-grid-card-4-img-holder, .modular-bento-grid-card-5-img-holder, .modular-bento-grid-card-6-img-holder {display: block; position: absolute; inset: 0%;}
.modular-bento-grid-card-6th {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.modular-bento-grid-card-6-bg {z-index: -1; position: absolute; inset: 0%;}
.demo-width-100-x150 {grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; flex: 1; width: 100px; height: 100%; min-height: 150px; display: flex;}
.modular-bento-card-content {padding: var(--_sizes---spacing--medium); text-wrap: balance;}
.modular-content-flex-vertical {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; display: flex;}
.modular-icon-card-bg {z-index: -1; position: absolute; inset: 0%;}
.demo-card-holder {min-height: 110px;}
.demo-box-stretched {flex: 1; display: flex;}
.modular-big-card {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; position: relative;}
.modular-big-card-bg {z-index: -1; position: absolute; inset: 0%;}
.demo-form-holder {grid-row-gap: 20px; background-color: var(--_semantics---background-v2); border-radius: 12px; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 2em; display: flex;}
.modular-form-block {width: 100%; margin-bottom: 0;}
.modular-form {grid-column-gap: var(--_sizes---gaps--regular); grid-row-gap: var(--_sizes---gaps--regular); flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex;}
.modular-field-label {opacity: .8; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: 14px; font-weight: 400; line-height: 1.2;}
.modular-form-input {border: 1px solid var(--_primitives---opacity--neutral-dark-15); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_primitives---neutral--neutral-50); outline-offset: 0px; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); outline: 3px #000001; margin-top: 0; margin-bottom: 0; padding: 8px 12px; font-size: 16px; font-weight: 400; line-height: 1.2; transition: border .35s, background-color .35s;}
.modular-form-input:hover {background-color: var(--_semantics---background-default); outline-offset: 0px; outline: 0 #000001;}
.modular-form-input:focus {border-color: var(--_semantics---border-active); background-color: var(--_semantics---background-default); outline-offset: 0px; outline: 0 #000001;}
.modular-form-input::placeholder {color: var(--_primitives---opacity--neutral-dark-20); font-weight: 400;}
.modular-form-input.modular-form-textarea {min-height: 110px; padding-top: 12px;}
.modular-form-input.modular-subscribe-1-input {height: 55px; padding-right: 110px;}
.modular-form-input.modular-subscribe-1-input:focus {border-color: var(--_semantics---border-active); background-color: var(--_semantics---background-default);}
.modular-form-input.modular-subscribe-2-input {color: var(--_semantics---text); height: 50px; padding-right: 110px;}
.modular-form-input.modular-subscribe-2-input:focus {border-color: var(--_semantics---border-active); background-color: var(--_semantics---background-default);}
.modular-form-checkbox {border: 1px solid var(--_semantics---border); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_primitives---neutral--neutral-50); width: 16px; height: 16px; margin-top: 0; margin-right: 5px; transition: background-position .35s, background-color .35s;}
.modular-form-checkbox:hover {background-color: var(--_semantics---background-v2);}
.modular-form-checkbox.w--redirected-checked {border-color: var(--_semantics---border-active); background-color: var(--_semantics---primary); background-image: url("https://cdn.prod.website-files.com/68bea5e628399d004aa3b9bc/68bea5e628399d004aa3ba16_White-Check.svg"); background-position: 50%; background-size: 10px;}
.modular-form-checkbox.w--redirected-focus {border-color: var(--_semantics---border-active); box-shadow: none;}
.modular-form-radio-button {border: 1px solid var(--_semantics---border); background-color: var(--_primitives---neutral--neutral-50); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 50%; width: 16px; height: 16px; margin-top: 0; margin-left: -20px; transition: border .35s, background-color .35s;}
.modular-form-radio-button:hover {background-color: var(--_semantics---background-v2);}
.modular-form-radio-button.w--redirected-checked {border: 5px solid var(--_semantics---primary);}
.modular-form-radio-button.w--redirected-focus {border-color: var(--_semantics---border-active); box-shadow: none;}
.modular-form-field-wrap {grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; margin-bottom: 0; display: flex;}
.modular-success-message-1 {border: 1px solid var(--_semantics---border-active); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_semantics---background-default); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); padding: 16px; font-size: 16px; line-height: 1.2;}
.modular-error-message-1 {border: 1px solid var(--_semantics---border-active); background-color: var(--_semantics---background-v2); color: var(--_semantics---text); margin-top: 10px; padding: 12px; font-size: 14px; font-weight: 400; line-height: 1.2;}
.modular-checkbox-field {flex-flow: row; justify-content: flex-start; align-items: center; margin-bottom: 0; padding-left: 20px; display: flex;}
.modular-subscribe-1-button-wrap {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: center; align-items: center; padding: 8px; display: flex; position: absolute; inset: 0% 0% 0% auto;}
.modular-simple-text {font-family: var(--_ui-styles---fonts--text); color: inherit; font-size: inherit; line-height: inherit; margin-top: 0; margin-bottom: 0;}
.modular-active-card {z-index: 1; border-style: solid none solid solid; border-width: 1px; border-color: var(--_semantics---primary-selected); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-800); color: var(--_semantics---text-invert); width: 100%; position: relative;}
.modular-hero-image-wrap {width: 100%; position: relative;}
.modular-button-bg, .modular-button-2-bg {z-index: -1; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); position: absolute; inset: 0%;}
.demo-grid-1-col {grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid;}
.demo-flex-h {grid-column-gap: 1em; grid-row-gap: 1em; flex-flow: wrap; display: flex;}
.modular-button-link-icon {color: inherit; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); width: auto; height: 17px;}
.modular-bento-mask-bottom {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(to top, #0000 0%, #000 15%); mask-image: linear-gradient(to top, #0000 0%, #000 15%);}
.modular-bento-mask-top {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(#0000 0%, #000 15%); mask-image: linear-gradient(#0000 0%, #000 15%);}
.modular-bento-mask-right {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(to left, #0000 0%, #000 15%); mask-image: linear-gradient(to left, #0000 0%, #000 15%);}
.modular-bento-mask-left {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 15%); mask-image: linear-gradient(to right, #0000 0%, #000 15%);}
.demo-bento-grid-wide-vertical {flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; height: 100%; display: flex;}
.demo-width-100-x150-copy {grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; flex: 1; width: 100%; height: 100%; min-height: 150px; display: flex;}
.demo-icons {grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex;}
.modular-icon-holder {justify-content: flex-start; align-items: center; width: 100%; height: auto; display: flex;}
.modular-plus-icon {color: var(--_semantics---primary-selected); width: 100%; height: 100%;}
.modular-plus-icon-holder {justify-content: center; align-items: center; width: 100%; height: 100%; display: flex;}
.modular-cta-image-wrap {border-radius: var(--_sizes---border-radius--medium); background-color: #00000008; flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; padding: 5px; display: flex; position: relative;}
.demo-width-40x40 {width: 40px; height: 40px;}
.modular-icon-card-small-100pct {z-index: 1; border: 1px solid var(--_semantics---border); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_semantics---background-default); color: var(--_semantics---primary-selected); flex-flow: column; justify-content: center; align-items: center; width: 100%; min-width: 100%; max-width: 100%; height: 100%; padding: 2px; display: flex; position: relative; overflow: hidden;}
.demo-dark-panel {background-color: var(--_semantics---background-default); padding: 20px;}
.modular-subscribe-2 {width: 100%; max-width: 340px; margin-bottom: 0;}
.modular-subscribe-2-form {z-index: 1; width: 100%; position: relative;}
.modular-subscribe-2-button-wrap {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: center; align-items: center; padding: 8px; display: flex; position: absolute; inset: 0% 0% 0% auto;}
.modular-success-message-2 {border: 1px solid var(--_semantics---border-active); background-color: var(--_semantics---background-default); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); padding: 16px; font-size: 16px; line-height: 1.2;}
.modular-error-message-2 {border: 1px solid var(--_semantics---border-active); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_semantics---background-default); color: var(--_semantics---text); margin-top: 10px; padding: 12px; font-size: 14px; font-weight: 400; line-height: 1.2;}
.modular-cta-card-bg {z-index: -1; position: absolute; inset: 0%;}
.demo-padding-t-r-l {padding-top: 2em; padding-left: 2em; padding-right: 2em;}
.demo-small-image {width: 40%; position: absolute; inset: auto auto 5% 5%;}
.demo-phone-img-holder {aspect-ratio: 1 / 2.12; background-color: #5353530d; flex-flow: row; width: 200px; display: flex; position: relative;}
.demo-phone-images-flex {grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: wrap; display: flex;}
.modular-section-footer {background-color: var(--_semantics---background-default); color: var(--_semantics---text); width: 100%;}
.modular-link-wrap {justify-content: flex-start; align-items: flex-start; display: flex;}
.modular-nav-background {z-index: -1; background-color: var(--_semantics---background-default); position: absolute; inset: 0%;}
.modular-nav-small-background {z-index: -1; border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-default); box-shadow: inset 0 0 0 1px var(--_primitives---opacity--neutral-dark-15); position: absolute; inset: 0%;}
.modular-nav {background-color: #ddd0; align-items: center; width: 100%; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; display: flex; position: sticky; top: 0;}
.demo-nav-holder {grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; justify-content: space-between; margin-top: 2em; display: flex;}
.modular-logo-wrap {height: 100%; display: flex;}
.modular-rocket-icon {color: var(--_semantics---primary-selected);}
.modular-big-nav-link-wrap {justify-content: flex-start; align-items: center; padding-left: 3px; padding-right: 3px; display: flex;}
.nav-big-dropdown-wrap {width: 100%;}
.modular-opacity-70-pct {opacity: .7;}
.modular-header-container {text-align: left; text-wrap: balance; flex-flow: column; justify-content: flex-start; align-items: center; max-width: 700px; margin-left: auto; margin-right: auto; display: flex;}
.modular-header-container.modular-left-header-container {text-align: left; justify-content: flex-start; align-items: flex-start; margin-left: 0;}
.modular-bento-grid-card-special {z-index: 1; border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-invert); color: var(--_semantics---background-default); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden;}
.modular-bento-grid-card-special-bg {z-index: -1; position: absolute; inset: 0%;}
.modular-text-left {text-align: left;}
.modular-subtitle-wrap {margin-bottom: 10px;}
.modular-hero-icon, .modular-app-icon {width: 100%;}
.demo-black-logos, .demo-white-logos {grid-column-gap: 10px; grid-row-gap: 10px; background-color: var(--_semantics---background-v2); flex-flow: column; padding: 5px; display: flex;}
.demo-phone-image {opacity: 1; object-fit: cover; object-position: 50% 0%; width: 100%; height: 100%; display: inline-block; position: absolute; inset: 0%;}
.demo-grid-5-col {grid-column-gap: 2em; grid-row-gap: 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; display: grid;}
.modular-hero-play-gradient {z-index: -1; background-color: #0000001f; position: absolute; inset: 0%;}
.modular-stars {grid-column-gap: 3px; grid-row-gap: 3px; display: flex;}
.modular-rating {grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex;}
.modular-video-play-box {z-index: 1; grid-column-gap: 10px; grid-row-gap: 10px; pointer-events: auto; text-wrap: balance; flex-flow: column; justify-content: flex-end; align-items: center; display: flex; position: relative;}
.modular-play-icon {color: inherit; width: 30px; min-width: 30px; height: auto;}
.modular-video-play-content-wrap {grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; padding: 10px 30px 10px 10px; display: flex;}
.star-icon {width: 100%; height: 100%; position: relative;}
.modular-video-person-image-wrap {border-style: none; border-width: 0; border-radius: 100px; justify-content: center; align-items: center; width: 60px; min-width: 60px; height: 60px; min-height: 60px; display: flex; position: relative; overflow: hidden;}
.modular-star {z-index: 1; color: var(--_semantics---primary-selected); width: 30px; height: 30px; padding: 5px; position: relative;}
.modular-video-play {justify-content: center; align-items: center; min-width: 200px; text-decoration: none; display: flex; position: relative; inset: 0%;}
.modular-video-play:hover {text-decoration: none;}
.modular-home-video-play-icon {pointer-events: none; color: #fff; background-color: #0003; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%;}
.modular-video-person-image {object-fit: cover; width: 100%; height: 100%;}
.modular-star-bg {z-index: -1; background-color: var(--_semantics---background-invert); opacity: .15; border-radius: 8px; position: absolute; inset: 0%;}
.modular-text-small {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); margin-top: 0; margin-bottom: 0; font-size: 14px; font-weight: 400;}
.modular-text-small.modular-grey-color {color: var(--_semantics---text-v2);}
.modular-play-lightbox-2 {z-index: 1; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%;}
.modular-lightbox-2-overlay {z-index: -1; background-color: #00000026; position: absolute; inset: 0%;}
.modular-lightbox-2-wrap {z-index: 1; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%;}
.modular-video-play-relative {position: relative;}
.modular-right-arrow-wrap {flex-flow: row; justify-content: center; align-items: center; width: 100%; height: auto; display: flex;}
.modular-right-arrow {aspect-ratio: 1; color: var(--_semantics---primary-selected); object-fit: contain; width: 100%; height: auto;}
.modular-richtext-wrap {width: 100%;}
.modular-flex-text-center {text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex;}
.modular-hero-anim-load-6th {display: block;}
.modular-button-secondary {grid-column-gap: 5px; grid-row-gap: 5px; border: 1px solid var(--_semantics---border); border-radius: var(--_sizes---border-radius--button); background-color: var(--_semantics---background-default); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: 1.2; font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; flex-direction: row; justify-content: center; align-items: center; padding: 12px 16px; text-decoration: none; transition: box-shadow .4s, background-color .4s, color .4s; display: flex; position: relative;}
.modular-button-secondary:hover {background-color: var(--_primitives---neutral--neutral-100); color: var(--_primitives---neutral--neutral-800); text-decoration: none;}
.modular-button-active-card {grid-column-gap: 5px; grid-row-gap: 5px; border: 1px solid var(--_semantics---background-default); border-radius: var(--_sizes---border-radius--button); background-color: var(--_semantics---primary-selected); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---body--body-font-size); line-height: 1.2; font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; flex-direction: row; justify-content: center; align-items: center; padding: 12px 16px; text-decoration: none; transition: border-color .4s, box-shadow .4s, background-color .4s, color .4s; display: flex; position: relative;}
.modular-button-active-card:hover {border-color: var(--_semantics---primary-selected); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); text-decoration: none;}
.modular-button-link-active {grid-column-gap: 5px; grid-row-gap: 5px; color: var(--_semantics---text-invert); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); flex-flow: row; justify-content: center; align-items: center; padding: 12px; text-decoration: none; transition: color .4s; display: flex;}
.modular-button-link-active:hover {color: var(--_semantics---primary-selected); text-decoration: none;}
.modular-integration-icon {aspect-ratio: 1; color: var(--_semantics---primary-selected); object-fit: contain; width: 100%; height: auto;}
.modular-integration-01-icon-holder {width: 60%;}
.modular-integration-01-link {z-index: 1; aspect-ratio: 1; border: 1px solid var(--_semantics---primary-selected); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---neutral--neutral-50); opacity: 1; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity .4s; display: flex; position: relative; overflow: hidden;}
.modular-integration-01-link:hover {opacity: .8;}
.demo-integrations-grid {grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid;}
.demo-app-icon {max-width: 100px;}
.radio-button-label {color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); margin-bottom: 0; margin-left: 5px;}
.radio-button-field {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: flex-start; align-items: center; display: flex;}
.demo-grid-6-col {grid-column-gap: 2em; grid-row-gap: 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; display: grid;}
.demo-playground-text-loading {flex-flow: row; height: 30px; display: flex;}
.playground-text-loading {background-color: #7773;}
.modular-text-big {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 10px; font-size: 130px; font-weight: 600; line-height: 1.2; transform: perspective(260px)perspective(300px);}
.modular-text-extrabig {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 0; font-size: 200px; font-weight: 600; line-height: 1.2; transform: perspective(260px)perspective(300px);}
.modular-tab-links-cms {grid-column-gap: 3px; grid-row-gap: 3px; flex-flow: row; justify-content: flex-start; align-items: center; display: flex;}
.modular-footer-logo-wrap {flex-wrap: nowrap; width: auto; height: 1.2rem; display: flex;}
.modular-footer-logo-link {opacity: 1; padding-left: 0; transition: opacity .4s;}
.modular-footer-logo-link:hover {opacity: .8;}
.demo-bento-bg-holder {margin-bottom: 50px;}
.modular-button-link-active-icon {color: inherit; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); width: auto; height: 17px;}
.demo-nav-holders {grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; display: grid;}
.demo-logo-holders {grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: space-between; align-items: stretch; height: 100%; display: flex;}
.modular-light-grey-text {opacity: .7; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text-v2); font-size: 16px; font-weight: 400; line-height: 1.3;}
.demo-modes-demo {grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; display: flex;}
.demo-mode-item {--_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; flex-flow: column; justify-content: center; align-items: center;}
.demo-mode-item.base-light {--_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-item.primary-light {--_semantics---background-invert: var(--_primitives---primary--primary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---primary--primary-100); --_semantics---background-v2: var(--_primitives---primary--primary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-item.secondary-light {--_semantics---background-invert: var(--_primitives---secondary--secondary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---secondary); --_semantics---background-default: var(--_primitives---secondary--secondary-100); --_semantics---background-v2: var(--_primitives---secondary--secondary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---secondary--secondary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-item.third-light {--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---tertiary--tertiary); --_semantics---background-default: var(--_primitives---tertiary--tertiary-100); --_semantics---background-v2: var(--_primitives---tertiary--tertiary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: white; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---tertiary--tertiary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-item.fourth-light {--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---quaternary--quaternary); --_semantics---background-default: var(--_primitives---quaternary--quaternary-100); --_semantics---background-v2: var(--_primitives---quaternary--quaternary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: #000001; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---quaternary--quaternary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009;}
.demo-mode-item.base-dark {--_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.demo-mode-item.primary-dark {--_semantics---background-invert: var(--_primitives---primary--primary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---primary--primary-100); --_semantics---background-v2: var(--_primitives---primary--primary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.demo-mode-item.secondary-dark {--_semantics---background-invert: var(--_primitives---secondary--secondary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---secondary); --_semantics---background-default: var(--_primitives---secondary--secondary-100); --_semantics---background-v2: var(--_primitives---secondary--secondary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---secondary--secondary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.demo-mode-item.third-dark {--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---tertiary--tertiary); --_semantics---background-default: var(--_primitives---tertiary--tertiary-100); --_semantics---background-v2: var(--_primitives---tertiary--tertiary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: white; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---tertiary--tertiary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.demo-mode-item.fourth-dark {--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---quaternary--quaternary); --_semantics---background-default: var(--_primitives---quaternary--quaternary-100); --_semantics---background-v2: var(--_primitives---quaternary--quaternary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: #000001; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---quaternary--quaternary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.demo-modes-demo-light {grid-column-gap: 10px; grid-row-gap: 10px; border: 1px solid var(--_semantics---border); background-color: var(--_semantics---background-default); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); border-radius: 5px; justify-content: flex-start; align-items: center; padding: 10px; display: flex;}
.demo-modes-demo-dark {grid-column-gap: 10px; grid-row-gap: 10px; border: 1px solid var(--_semantics---border); background-color: var(--_semantics---background-default); --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9; border-radius: 5px; justify-content: flex-start; align-items: center; padding: 10px; display: flex;}
.demo-mode-item-in {padding: 5px; display: none;}
.demo-mode-wrap {border: 1px solid var(--_semantics---background-invert); background-color: var(--_semantics---background-default); cursor: pointer; --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; border-radius: 4px; flex-flow: row; justify-content: flex-start; align-items: stretch; width: 26px; height: 18px; padding: 0; transition: all .35s; display: flex;}
.demo-mode-wrap:hover {transform: scale(1.1);}
.demo-mode-wrap.base-light {--_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.primary-light {--_semantics---background-invert: var(--_primitives---primary--primary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---primary--primary-100); --_semantics---background-v2: var(--_primitives---primary--primary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.secondary-light {--_semantics---background-invert: var(--_primitives---secondary--secondary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---secondary); --_semantics---background-default: var(--_primitives---secondary--secondary-100); --_semantics---background-v2: var(--_primitives---secondary--secondary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---secondary--secondary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.third-light {--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---tertiary--tertiary); --_semantics---background-default: var(--_primitives---tertiary--tertiary-100); --_semantics---background-v2: var(--_primitives---tertiary--tertiary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: white; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---tertiary--tertiary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.fourth-light {--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---quaternary--quaternary); --_semantics---background-default: var(--_primitives---quaternary--quaternary-100); --_semantics---background-v2: var(--_primitives---quaternary--quaternary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: #000001; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---quaternary--quaternary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009;}
.demo-mode-wrap.base-dark {--_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9; --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.primary-dark {--_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9; --_semantics---background-invert: var(--_primitives---primary--primary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---primary--primary-100); --_semantics---background-v2: var(--_primitives---primary--primary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.secondary-dark {--_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9; --_semantics---background-invert: var(--_primitives---secondary--secondary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---secondary); --_semantics---background-default: var(--_primitives---secondary--secondary-100); --_semantics---background-v2: var(--_primitives---secondary--secondary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---secondary--secondary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.third-dark {--_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9; --_semantics---background-invert: var(--_primitives---tertiary--tertiary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---tertiary--tertiary); --_semantics---background-default: var(--_primitives---tertiary--tertiary-100); --_semantics---background-v2: var(--_primitives---tertiary--tertiary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: white; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---tertiary--tertiary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.demo-mode-wrap.fourth-dark {--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---quaternary--quaternary); --_semantics---background-default: var(--_primitives---quaternary--quaternary-100); --_semantics---background-v2: var(--_primitives---quaternary--quaternary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: #000001; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---quaternary--quaternary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.variable-mode-light-base {--_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.variable-mode-light-1 {--_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009; --_semantics---background-invert: var(--_primitives---primary--primary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---primary--primary-100); --_semantics---background-v2: var(--_primitives---primary--primary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.variable-mode-light-2 {--_semantics---background-invert: var(--_primitives---secondary--secondary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---secondary); --_semantics---background-default: var(--_primitives---secondary--secondary-100); --_semantics---background-v2: var(--_primitives---secondary--secondary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---secondary--secondary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009;}
.variable-mode-light-3 {--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---tertiary--tertiary); --_semantics---background-default: var(--_primitives---tertiary--tertiary-100); --_semantics---background-v2: var(--_primitives---tertiary--tertiary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: white; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---tertiary--tertiary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009;}
.variable-mode-light-4 {--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---quaternary--quaternary); --_semantics---background-default: var(--_primitives---quaternary--quaternary-100); --_semantics---background-v2: var(--_primitives---quaternary--quaternary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: #000001; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---quaternary--quaternary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #c2973e; --_primitives---opacity--transparent: #fff0; --_primitives---opacity--neutral-dark-10: #0000001a; --_primitives---secondary--secondary-200: #faf6f3; --_primitives---opacity--neutral-dark-15: #00000026; --_primitives---neutral--neutral-50: white; --_primitives---opacity--neutral-dark-20: #0003; --_primitives---secondary--secondary-800: #433e3a; --_primitives---neutral--neutral-100: #f2f2f2; --_primitives---neutral--neutral-800: #2a2721; --_primitives---neutral--neutral-300: #cdc9c1; --_primitives---primary--primary-100: #fef8ec; --_primitives---secondary--secondary-100: #fcfaf9; --_primitives---primary--primary-200: #fdf2d9; --_primitives---secondary--secondary-400: #eee1d8; --_primitives---primary--primary-400: #f9d283; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #b7a79e; --_primitives---secondary--secondary-700: #5a534e; --_primitives---primary--primary-700: #614a1f; --_primitives---primary--primary-800: #463717; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #fef5ed; --_primitives---tertiary--tertiary-200: #fdecdc; --_primitives---tertiary--tertiary-400: #f9be88; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #c38245; --_primitives---tertiary--tertiary-700: #604022; --_primitives---tertiary--tertiary-800: #483019; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #fcf0ec; --_primitives---quaternary--quaternary-200: #f9e3da; --_primitives---quaternary--quaternary-400: #ea9f81; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #b25f3e; --_primitives---quaternary--quaternary-700: #582f1e; --_primitives---quaternary--quaternary-800: #412317; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #dadad9; --_primitives---neutral--neutral-400: #b0aba2; --_primitives---neutral--neutral-500: #777269; --_primitives---neutral--neutral-600: #58544d; --_primitives---neutral--neutral-700: #3f3b34; --_primitives---neutral--neutral-900: #13120f; --_primitives---opacity--neutral-light-5: #ffffff0d; --_primitives---opacity--neutral-light-10: #ffffff1a; --_primitives---opacity--neutral-light-15: #ffffff26; --_primitives---opacity--neutral-light-20: #fff3; --_primitives---opacity--neutral-light-30: #ffffff4d; --_primitives---opacity--neutral-light-40: #fff6; --_primitives---opacity--neutral-light-50: #ffffff80; --_primitives---opacity--neutral-light-60: #fff9; --_primitives---opacity--neutral-dark-5: #0000000d; --_primitives---opacity--neutral-dark-30: #0000004d; --_primitives---opacity--neutral-dark-40: #0006; --_primitives---opacity--neutral-dark-50: #00000080; --_primitives---opacity--neutral-dark-60: #0009;}
.variable-mode-dark-base {--_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9; --_semantics---background-invert: var(--_primitives---neutral--neutral-900); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---neutral--neutral-50); --_semantics---background-v2: var(--_primitives---neutral--neutral-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-100); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50);}
.variable-mode-dark-1 {--_semantics---background-invert: var(--_primitives---primary--primary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---primary); --_semantics---background-default: var(--_primitives---primary--primary-100); --_semantics---background-v2: var(--_primitives---primary--primary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---primary--primary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.variable-mode-dark-2 {--_semantics---background-invert: var(--_primitives---secondary--secondary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_semantics---secondary); --_semantics---background-default: var(--_primitives---secondary--secondary-100); --_semantics---background-v2: var(--_primitives---secondary--secondary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: black; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---secondary--secondary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.variable-mode-dark-3 {--_semantics---background-invert: var(--_primitives---tertiary--tertiary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---tertiary--tertiary); --_semantics---background-default: var(--_primitives---tertiary--tertiary-100); --_semantics---background-v2: var(--_primitives---tertiary--tertiary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: white; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---tertiary--tertiary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.variable-mode-dark-4 {--_semantics---background-invert: var(--_primitives---quaternary--quaternary-800); --_semantics---text: var(--_primitives---neutral--neutral-900); --_semantics---primary: var(--_primitives---primary--primary); --_semantics---primary-selected: var(--_primitives---quaternary--quaternary); --_semantics---background-default: var(--_primitives---quaternary--quaternary-100); --_semantics---background-v2: var(--_primitives---quaternary--quaternary-200); --_semantics---heading: var(--_primitives---neutral--neutral-900); --_semantics---border: var(--_primitives---neutral--neutral-700); --_semantics---on-primary-selected: #000001; --_semantics---on-primary: black; --_semantics---background-v3: var(--_primitives---quaternary--quaternary-400); --_semantics---text-v2: var(--_primitives---neutral--neutral-700); --_semantics---border-active: var(--_semantics---primary-selected); --_semantics---text-invert: var(--_primitives---neutral--neutral-50); --_semantics---secondary: var(--_primitives---secondary--secondary); --_semantics---surface: var(--_primitives---opacity--neutral-light-60); --_semantics---on-secondary: black; --_semantics---gradient-1st: var(--_primitives---primary--primary); --_semantics---gradient-2nd: var(--_semantics---primary); --_semantics---gradient-3rd: var(--_semantics---secondary); --_semantics---gradient-4th: var(--_semantics---secondary); --_semantics---heading-invert: var(--_primitives---neutral--neutral-50); --_primitives---primary--primary-600: #f9d283; --_primitives---opacity--transparent: #0000; --_primitives---opacity--neutral-dark-10: #ffffff1a; --_primitives---secondary--secondary-200: #5a534e; --_primitives---opacity--neutral-dark-15: #ffffff26; --_primitives---neutral--neutral-50: #13120f; --_primitives---opacity--neutral-dark-20: #fff3; --_primitives---secondary--secondary-800: #fcfaf9; --_primitives---neutral--neutral-100: #2a2721; --_primitives---neutral--neutral-800: #f2f2f2; --_primitives---neutral--neutral-300: #58544d; --_primitives---primary--primary-100: #463717; --_primitives---secondary--secondary-100: #433e3a; --_primitives---primary--primary-200: #614a1f; --_primitives---secondary--secondary-400: #b7a79e; --_primitives---primary--primary-400: #c2973e; --_primitives---secondary--secondary: #e7d5c8; --_primitives---primary--primary: #f6bf51; --_primitives---secondary--secondary-600: #eee1d8; --_primitives---secondary--secondary-700: #faf6f3; --_primitives---primary--primary-700: #fdf2d9; --_primitives---primary--primary-800: #fef8ec; --_primitives---secondary--secondary-gradient: var(--_primitives---secondary--secondary); --_primitives---primary--primary-gradient: var(--_primitives---primary--primary); --_primitives---tertiary--tertiary-100: #483019; --_primitives---tertiary--tertiary-200: #604022; --_primitives---tertiary--tertiary-400: #c38245; --_primitives---tertiary--tertiary: #f7a457; --_primitives---tertiary--tertiary-600: #f9be88; --_primitives---tertiary--tertiary-700: #fdecdc; --_primitives---tertiary--tertiary-800: #fef5ed; --_primitives---tertiary--tertiary-gradient: var(--_primitives---tertiary--tertiary); --_primitives---quaternary--quaternary-100: #412317; --_primitives---quaternary--quaternary-200: #582f1e; --_primitives---quaternary--quaternary-400: #b25f3e; --_primitives---quaternary--quaternary: #e1784e; --_primitives---quaternary--quaternary-600: #ea9f81; --_primitives---quaternary--quaternary-700: #f9e3da; --_primitives---quaternary--quaternary-800: #fcf0ec; --_primitives---quaternary--quaternary-gradient: var(--_primitives---quaternary--quaternary); --_primitives---neutral--neutral-200: #3f3b34; --_primitives---neutral--neutral-400: #777269; --_primitives---neutral--neutral-500: #b0aba2; --_primitives---neutral--neutral-600: #cdc9c1; --_primitives---neutral--neutral-700: #dadad9; --_primitives---neutral--neutral-900: white; --_primitives---opacity--neutral-light-5: #0000000d; --_primitives---opacity--neutral-light-10: #0000001a; --_primitives---opacity--neutral-light-15: #00000026; --_primitives---opacity--neutral-light-20: #0003; --_primitives---opacity--neutral-light-30: #0000004d; --_primitives---opacity--neutral-light-40: #0006; --_primitives---opacity--neutral-light-50: #00000080; --_primitives---opacity--neutral-light-60: #0009; --_primitives---opacity--neutral-dark-5: #ffffff0d; --_primitives---opacity--neutral-dark-30: #ffffff4d; --_primitives---opacity--neutral-dark-40: #fff6; --_primitives---opacity--neutral-dark-50: #ffffff80; --_primitives---opacity--neutral-dark-60: #fff9;}
.demo-home-image {border-radius: var(--_sizes---border-radius--xsmall); width: 100%;}
.demo-home-link {margin-top: var(--_sizes---spacing--medium);}
.demo-text-2 {opacity: .8; color: #222225;}
.demo-box-holder-2 {color: #000; border: 1px dashed #000; flex-flow: column; align-items: stretch; width: 100%; height: 100%; min-height: 50px; padding: 5px; display: flex; position: relative;}
.demo-margins {display: none;}
.demo-ds-client-first {grid-column-gap: 30px; grid-row-gap: 30px; background-color: #2d40ea0d; border: 1px dashed #2d40ea; border-radius: 12px; flex-direction: column; justify-content: space-between; margin: 2rem; padding: 2em; display: flex;}
.demo-ds-client-first.no-margin-top {margin-top: 0;}
.logo-image {flex: none; width: auto; height: 100%; display: block;}
.logo-wrap {height: 100%; display: flex;}
.nav-logo-wrap {flex-wrap: nowrap; width: auto; height: 1.2rem; display: flex;}
.nav-logo-link {opacity: 1; padding-left: 0; transition: opacity .4s;}
.nav-logo-link:hover {opacity: .8;}
.hero-icon, .app-icon {width: 100%;}
.nav_wrap {z-index: 99; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.2; position: sticky; top: 0;}
.navbar {background-color: #ddd0; align-items: center; width: 100%; line-height: 1.2; display: flex; position: sticky; top: 0;}
.navbar-01 {background-color: #ddd0; align-items: center; width: 100%; min-height: 80px; line-height: 1.2; display: flex; position: sticky; top: 0;}
.container-medium {z-index: 2; max-width: var(--_sizes---container--medium); width: 100%; margin-left: auto; margin-right: auto; position: relative;}
.container-medium.nav-container {flex-flow: row; justify-content: center; align-items: center; padding: 0 2rem; display: flex;}
.nav-01_menu {flex: 1; justify-content: space-between; align-items: center; margin-left: 1.5rem; display: flex; position: static;}
.nav-01_menu-links {flex-flow: row; justify-content: flex-start; align-items: center; display: flex;}
.nav_menu-right {grid-column-gap: 10px; grid-row-gap: 10px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex;}
.nav-link-wrap {justify-content: flex-start; align-items: center; padding-left: 3px; padding-right: 3px; display: flex;}
.nav-link {grid-column-gap: .3rem; grid-row-gap: .3rem; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: center; align-items: center; padding: .6rem; text-decoration: none; transition: color .4s; display: flex; position: relative;}
.nav-link:hover {color: var(--_semantics---primary-selected); text-decoration: none;}
.nav-link.w--current {color: var(--_semantics---primary-selected);}
.nav-link.nav-link-big {justify-content: flex-start; align-items: stretch;}
.text-simple {font-family: var(--_ui-styles---fonts--text); font-size: inherit; line-height: inherit; color: inherit; margin-bottom: 0;}
.nav-badge {background-color: var(--_semantics---background-invert); color: var(--_semantics---background-default); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 100px; justify-content: center; align-items: center; width: 16px; height: 16px; padding: 3px; display: flex;}
.nav-link-bg {z-index: -1; background-color: var(--_semantics---background-v2); border-radius: 100px; display: none; position: absolute; inset: 0%;}
.big_dropdown-wrap {width: 100%;}
.dropdown {background-color: #fff0; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: static;}
.button {grid-column-gap: .3rem; grid-row-gap: .3rem; border: 1px solid var(--_semantics---background-default); border-radius: var(--_sizes---border-radius--button); background-color: var(--_semantics---primary-selected); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; flex-direction: row; justify-content: center; align-items: center; padding: .75rem 1rem; text-decoration: none; transition: border-color .4s, box-shadow .4s, background-color .4s, color .4s; display: flex; position: relative;}
.button:hover {border-color: var(--_semantics---primary-selected); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); text-decoration: none;}
.button.global-button {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); padding-top: .5rem; padding-bottom: .5rem;}
.button.global-button:hover {background-color: var(--_primitives---primary--primary-600);}
.button.cta-button {background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); padding-top: .5rem; padding-bottom: .5rem;}
.button.cta-button:hover {background-color: var(--_primitives---primary--primary-600);}
.button.button-active-card {border-color: var(--_semantics---background-default); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing);}
.button.button-active-card:hover {border-color: var(--_semantics---primary-selected); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected);}
.button.is-link {background-color: var(--_primitives---opacity--transparent); box-shadow: none; color: var(--_semantics---text); border-style: none;}
.button.is-link:hover {color: var(--_semantics---primary-selected);}
.button.is-link-active {box-shadow: none; color: var(--_semantics---text-invert); background-color: #8957e000; border-style: none;}
.button.is-link-active:hover {color: var(--_semantics---primary-selected);}
.button.is-secondary {border-color: var(--_semantics---border); background-color: var(--_semantics---background-default); color: var(--_semantics---text);}
.nav_background {z-index: -1; background-color: var(--_semantics---background-default); position: absolute; inset: 0%;}
.nav_menu-button {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); background-color: #fff0; border-radius: 10px; width: 3rem; height: 3rem; padding: .7rem; transition: background-color .4s;}
.nav_menu-button:hover, .nav_menu-button.w--open {background-color: #0000000d;}
.nav_menu-button.w--open:hover {background-color: #00000008;}
.button-bg, .button-secondary-bg {z-index: -1; position: absolute; inset: 0%;}
.nav_05 {font-family: var(--_ui-styles---fonts--text); background-color: #fff0; align-items: center; width: 100%; margin-top: .6rem; margin-bottom: .6rem; font-size: 16px; font-weight: 400; line-height: 1.2; display: flex; position: sticky;}
.nav_05-container {justify-content: center; align-items: center; min-width: 44rem; max-width: none; height: 3.7rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: .6rem; display: flex; position: relative;}
.nav_05-menu-links {flex-flow: row; flex: 1; justify-content: flex-end; align-items: center; display: flex;}
.nav_05-menu {grid-column-gap: .6rem; grid-row-gap: .6rem; background-color: #fff0; flex: 1; justify-content: flex-end; align-items: center; padding-left: 5rem; display: flex; position: static;}
.nav_buttons-wrap {grid-column-gap: .6rem; grid-row-gap: .6rem; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: flex-end; align-items: center; display: flex;}
.menu_icon-wrap {flex-flow: column; justify-content: center; align-items: center; width: 1.6rem; height: 100%; display: flex;}
.nav_small-bg {z-index: -1; border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-default); box-shadow: inset 0 0 0 1px var(--_primitives---opacity--neutral-dark-15); position: absolute; inset: 0%;}
.menu_line-top {background-color: var(--_semantics---background-invert); border-radius: 2px; width: 100%; height: 2px; padding: 0; display: block;}
.menu_line-middle {background-color: var(--_semantics---background-invert); border-radius: 10px; width: 100%; height: 2px; margin-top: .4rem; margin-bottom: .4rem; padding: 0; display: block;}
.menu_line-bottom {background-color: var(--_semantics---background-invert); border-radius: 10px; width: 100%; height: 2px; padding: 0; display: block;}
.dropdown-list {background-color: #fff0; position: absolute; top: 120%; left: 0; right: 0;}
.dropdown_list-details {justify-content: center; align-items: flex-start; max-width: 100%; margin-top: 2px; padding-left: 2rem; padding-right: 2rem; display: flex;}
.nav_big-menu {border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-default); flex-flow: row; justify-content: space-between; align-items: center; width: 100%; padding: 1rem; display: flex; position: relative;}
.big_menu-grid {grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid;}
.big_menu-links-wrap {border-right: 1px solid var(--_primitives---neutral--neutral-300); flex-flow: column; justify-content: flex-start; align-items: stretch; margin-right: 1rem; padding-right: 1rem; display: flex;}
.big_menu-title-wrap {padding-bottom: .6rem; padding-left: .6rem;}
.opacity-50-pct {opacity: .5;}
.heading-style-h6 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h6--h6-font-size); line-height: var(--_typography---h6--h6-line-height); font-weight: var(--_typography---h6--h6-font-weight); letter-spacing: var(--_typography---h6--h6-letter-spacing); margin-top: 0; margin-bottom: 0;}
.big_nav-link-wrap {justify-content: flex-start; align-items: center; padding-left: 3px; padding-right: 3px; display: flex;}
.big_menu-in-right {grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; display: flex;}
.nav_link-with-image {grid-column-gap: .9rem; grid-row-gap: .9rem; background-color: var(--_primitives---opacity--transparent); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); text-align: left; border-radius: 8px; grid-template-rows: auto; grid-template-columns: .75fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; font-size: 1rem; font-weight: 500; line-height: 1; text-decoration: none; transition: opacity .4s; display: grid;}
.nav_link-with-image:hover {opacity: .8; color: var(--_semantics---text);}
.nav_link-with-image.w--current {color: #000;}
.text-size-regular {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--regular); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 0; margin-bottom: 0;}
.text-size-regular.text-color-gray {color: var(--_semantics---text-v2);}
.text-size-regular.text-color-inherit {color: inherit;}
.text-size-regular.text-size-regular-hero {line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.nav_link-text-wrap {grid-column-gap: .3rem; grid-row-gap: .3rem; flex-flow: column; justify-content: center; align-items: flex-start; display: flex;}
.big-menu-link-holder {justify-content: flex-start; align-items: center; margin-top: .3rem; margin-bottom: .3rem; display: flex;}
.nav_link-big-image {aspect-ratio: 1; border-radius: var(--_sizes---border-radius--small); object-fit: cover; width: 6rem; min-width: 6rem; height: 6rem; min-height: 6rem; max-height: 6rem;}
.nav_link-icon-wrap {flex-flow: column; justify-content: flex-start; align-items: center; width: 1.5rem; min-width: 1.5rem; height: 100%; display: flex;}
.icon {aspect-ratio: 1; color: var(--_semantics---primary-selected); object-fit: contain; width: 100%; height: auto;}
.dropdown-icon {width: .75rem; height: .5rem;}
.text-extra-big {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---hero--xlarge-hero-font-size); line-height: var(--_typography---hero--hero-line-height); font-weight: var(--_typography---hero--hero-font-weight); letter-spacing: var(--_typography---hero--hero-letter-spacing); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 0; transform: perspective(260px)perspective(300px);}
.demo-ds-client-first-heading {grid-column-gap: 30px; grid-row-gap: 30px; background-color: #2d40ea0d; border: 1px dashed #2d40ea; border-radius: 12px; flex-direction: column; justify-content: space-between; padding: 1rem; display: flex;}
.text-size-big {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---hero--large-hero-font-size); line-height: var(--_typography---hero--hero-line-height); font-weight: var(--_typography---hero--hero-font-weight); letter-spacing: var(--_typography---hero--hero-letter-spacing); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 0; transform: perspective(260px)perspective(300px);}
.text-size-big.text-size-big-hero {line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.heading-style-hero {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---hero--hero-font-size); line-height: var(--_typography---hero--hero-line-height); font-weight: var(--_typography---hero--hero-font-weight); letter-spacing: var(--_typography---hero--hero-letter-spacing); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 0; transform: perspective(260px)perspective(300px);}
.heading-style-h1 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h1--h1-font-size); line-height: var(--_typography---h1--h1-line-height); font-weight: var(--_typography---h1--h1-font-weight); letter-spacing: var(--_typography---h1--h1-letter-spacing); margin-top: 0; margin-bottom: 0;}
.heading-style-h2 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h2--h2-font-size); line-height: var(--_typography---h2--h2-line-height); font-weight: var(--_typography---h2--h2-font-weight); letter-spacing: var(--_typography---h2--h2-letter-spacing); margin-top: 0; margin-bottom: 0;}
.heading-style-h3 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h3--h3-font-size); line-height: var(--_typography---h3--h3-line-height); font-weight: var(--_typography---h3--h3-font-weight); letter-spacing: var(--_typography---h3--h3-letter-spacing); margin-top: 0; margin-bottom: 0;}
.heading-style-h3.text-color-inherit {color: inherit;}
.heading-style-h4 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h4--h4-font-size); line-height: var(--_typography---h4--h4-line-height); font-weight: var(--_typography---h4--h4-font-weight); letter-spacing: var(--_typography---h4--h4-letter-spacing); margin-top: 0; margin-bottom: 0;}
.heading-style-h5 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h5--h5-font-size); line-height: var(--_typography---h5--h5-line-height); font-weight: var(--_typography---h5--h5-font-weight); letter-spacing: var(--_typography---h5--h5-letter-spacing); margin-top: 0; margin-bottom: 0;}
.heading-style-h5.text-color-inherit {color: inherit;}
.modular-subheading-holder {z-index: 3; border: 1px solid var(--_semantics---primary); background-color: #eee; border-radius: 16px; flex-flow: column; justify-content: center; align-items: flex-start; margin-bottom: 1rem; padding: 1rem; font-size: 2rem; font-weight: 700; line-height: 1; display: flex;}
.text-size-small {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 0; margin-bottom: 0;}
.text-size-small.text-color-gray {color: var(--_semantics---text-v2);}
.text-size-small.text-size-small-hero {line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.text-color-gray {color: var(--_semantics---text-v2);}
.text-size-large {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--large); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); text-wrap: balance; margin-bottom: 0;}
.text-size-large.text-size-large-hero {line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.subtitle {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---primary); font-size: var(--_typography---font-size--regular); line-height: var(--_typography---body--body-line-height); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-decoration: none;}
.badge-image {color: var(--_semantics---text); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); object-fit: contain; width: 1.25rem; height: 1.25rem;}
.badge {grid-column-gap: .3rem; grid-row-gap: .3rem; background-color: var(--_semantics---background-default); box-shadow: inset 0 0 0 1px var(--_semantics---border); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 100px; justify-content: flex-start; align-items: center; padding: .4rem 1rem; display: flex;}
.badges-wrap {grid-column-gap: .6rem; grid-row-gap: .6rem; font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex;}
.subtitle-cf {font-family: var(--_ui-styles---fonts--text); color: #2d40ea; margin-top: 0; margin-bottom: 0; font-size: .8rem; font-weight: 600; line-height: 1.2;}
.demo-card-holders {grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.modular-active-card-link-bg {z-index: -1; border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-200); border-bottom: 1px #000; position: absolute; inset: 0;}
.modular-active-card-link-bg-2nd {z-index: -2; background-color: var(--_semantics---background-default); border-bottom: 1px #000; display: block; position: absolute; inset: 0;}
.big-card-bg {z-index: -1; position: absolute; inset: 0%;}
.card {z-index: 1; border-bottom: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; position: relative;}
.big-card {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; position: relative;}
.card-bg {z-index: -1; position: absolute; inset: 0%;}
.active-card {z-index: 1; border: 1px none var(--_semantics---border-active); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-800); color: var(--_semantics---text-invert); width: 100%; position: relative;}
.active-card-bg {z-index: -1; position: absolute; inset: 0%;}
.active-card-link {z-index: 1; border-style: none none solid; border-width: 1px; border-color: var(--_semantics---background-default) var(--_semantics---background-default) var(--_semantics---border); border-radius: var(--_sizes---border-radius--medium); background-color: var(--_semantics---background-v2); color: var(--_semantics---text); width: 100%; text-decoration: none; transition: background-color .35s; position: relative; overflow: hidden;}
.active-card-link:hover {text-decoration: none;}
.padding-global {padding-right: var(--_sizes---spacing--global-padding); padding-left: var(--_sizes---spacing--global-padding);}
.padding-section-medium {padding-top: var(--_sizes---section-padding--medium); padding-bottom: var(--_sizes---section-padding--medium);}
.section {z-index: 1; background-color: var(--_semantics---background-default); width: 100%; position: relative;}
.text_gradient {background-color: var(--_semantics---primary); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;}
.section-hero {z-index: 1; background-color: var(--_semantics---background-default); background-image: var(--_primitives---secondary--secondary-200); width: 100%; position: relative;}
.hero-heading-2nd {transform-origin: 50% 100%; font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---hero--hero-font-size); line-height: var(--_typography---hero--hero-line-height); font-weight: var(--_typography---hero--hero-font-weight); letter-spacing: var(--_typography---hero--hero-letter-spacing); text-wrap: balance; transform-style: preserve-3d; margin-top: 0; margin-bottom: 0; transform: perspective(260px)perspective(300px);}
.text_gradient-2nd {background-color: var(--_semantics---primary); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;}
.subcribers-wrap {grid-column-gap: .6rem; grid-row-gap: .6rem; color: var(--_semantics---text); flex-flow: row; justify-content: flex-start; align-items: center; display: flex;}
.subcribers-wrap.subcribers-wrap-hero, .subcribers-wrap.subcribers-wrap-boxed-hero {color: var(--_semantics---text);}
.subscriber-image {border: 1px solid var(--_semantics---primary); object-fit: cover; border-radius: 100px; width: 2.3rem; min-width: 2.3rem; height: 2.3rem;}
.subscriber-image.subscriber2-image, .subscriber-image.subcriber3-image {margin-left: -.6rem;}
.subscribers-images {flex-flow: row; justify-content: flex-start; align-items: flex-start; display: flex;}
.container-small {max-width: var(--_sizes---container--small); text-align: center; flex-direction: column; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative;}
.container-small.padding-custom2 {padding: 3rem 2rem;}
.section_hero-bg {z-index: -1; background-color: var(--_semantics---background-default); background-image: var(--_primitives---secondary--secondary-200); pointer-events: none; position: absolute; inset: 0%;}
.section-footer {background-color: var(--_semantics---background-default); color: var(--_semantics---text); width: 100%;}
.section_secondary {background-color: var(--_semantics---background-default); width: 100%;}
.section_special-1 {background-color: var(--_semantics---background-default); color: var(--_semantics---text); width: 100%;}
.section_special-2 {background-color: var(--_semantics---background-v3); width: 100%;}
.section_hero-bg_inside {position: absolute; inset: 0%;}
.active-card-link-bg {z-index: -1; border-radius: var(--_sizes---border-radius--medium); background-color: var(--_primitives---secondary--secondary-200); border-bottom: 1px #000; position: absolute; inset: 0;}
.active-card-link-bg-2nd {z-index: -2; background-color: var(--_semantics---background-default); border-bottom: 1px #000; display: block; position: absolute; inset: 0;}
.icon-card {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); flex-flow: column; justify-content: center; align-items: center; width: 4.3rem; min-width: 4.3rem; max-width: 4.3rem; padding: .6rem; display: flex; position: relative; overflow: hidden;}
.icon-card-bg {z-index: -1; position: absolute; inset: 0%;}
.icon-card-small-100pct {z-index: 1; border: 1px solid var(--_semantics---border); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_semantics---background-default); color: var(--_semantics---primary-selected); flex-flow: column; justify-content: center; align-items: center; width: 100%; min-width: 100%; max-width: 100%; height: 100%; padding: 2px; display: flex; position: relative; overflow: hidden;}
.demo-cta-wrap {grid-column-gap: 2em; grid-row-gap: 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; display: grid;}
.cta_card {z-index: 1; border-radius: var(--_sizes---border-radius--large); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); width: 100%; position: relative; overflow: hidden;}
.cta_card-bg {z-index: -1; position: absolute; inset: 0%;}
.cta_small-image {width: 60%;}
.cta_image {border-radius: var(--_sizes---border-radius--small); object-fit: cover; object-position: 0% 0%; min-width: 100%; height: 100%;}
.cta_image-wrap {border-radius: var(--_sizes---border-radius--medium); background-color: #00000008; flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; padding: .3rem 5px; display: flex; position: relative;}
.bento-grid-card-1-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-1st {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.bento-grid-card-special-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-special {z-index: 1; border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-invert); color: var(--_semantics---background-default); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden;}
.bento-grid-card-6-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-6th {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.bento-grid-card-2nd-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-2nd, .bento-grid-card-3rd {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.bento-grid-card-3-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-4th {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.bento-grid-card-4-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-5th {z-index: 1; border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---secondary--secondary-200); color: var(--_semantics---text); width: 100%; height: 100%; position: relative; overflow: hidden;}
.bento-grid-card-5-bg {z-index: -1; position: absolute; inset: 0%;}
.bento-grid-card-1-img-holder {display: block; position: absolute; inset: 0%;}
.bento-grid-tall-img {object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%;}
.bento-grid-normal {flex-flow: column; width: 100%; height: 100%; display: flex;}
.bento-grid-normal-img-wrap {flex: 1; width: 100%; min-height: 200px; position: relative;}
.bento-mask-bottom {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(to top, #0000 0%, #000 15%); mask-image: linear-gradient(to top, #0000 0%, #000 15%);}
.bento-grid-normal-img {object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%;}
.bento-mask-top {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(#0000 0%, #000 15%); mask-image: linear-gradient(#0000 0%, #000 15%);}
.bento-card-content {padding: var(--_sizes---spacing--medium); text-wrap: balance;}
.text-align-center {text-align: center;}
.content-flex-vertical {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; display: flex;}
.bento-grid-wide-img-wrap {flex: 1; width: 100%; height: 100%; min-height: 12.5rem; position: relative;}
.bento-mask-right {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(to left, #0000 0%, #000 15%); mask-image: linear-gradient(to left, #0000 0%, #000 15%);}
.bento-grid-wide-img {object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%;}
.bento-grid-tall-image-wrap {flex: 1; width: 100%; min-height: 200px; position: relative;}
.bento-grid-tall {flex-flow: column; width: 100%; height: 100%; display: flex;}
.bento-mask-left {position: absolute; inset: 0%; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 15%); mask-image: linear-gradient(to right, #0000 0%, #000 15%);}
.text-rich-text {color: var(--_semantics---text); width: 100%; font-size: 16px; line-height: 1.5;}
.text-rich-text p {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: 1.5; font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-bottom: 10px;}
.text-rich-text h2 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h2--h2-font-size); line-height: var(--_typography---h2--h2-line-height); font-weight: var(--_typography---h2--h2-font-weight); letter-spacing: var(--_typography---h2--h2-letter-spacing); margin-top: 1rem; margin-bottom: .5rem;}
.text-rich-text h3 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h3--h3-font-size); line-height: var(--_typography---h3--h3-line-height); font-weight: var(--_typography---h3--h3-font-weight); letter-spacing: var(--_typography---h3--h3-letter-spacing); margin-top: 1rem; margin-bottom: .5rem;}
.text-rich-text h4 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h4--h4-font-size); line-height: var(--_typography---h4--h4-line-height); font-weight: var(--_typography---h4--h4-font-weight); letter-spacing: var(--_typography---h4--h4-letter-spacing); margin-top: 1rem; margin-bottom: .5rem;}
.text-rich-text h5 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h5--h5-font-size); line-height: var(--_typography---h5--h5-line-height); font-weight: var(--_typography---h5--h5-font-weight); letter-spacing: var(--_typography---h5--h5-letter-spacing); margin-top: 1rem; margin-bottom: .5rem;}
.text-rich-text h6 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h6--h6-font-size); line-height: var(--_typography---h6--h6-line-height); font-weight: var(--_typography---h6--h6-font-weight); letter-spacing: var(--_typography---h6--h6-letter-spacing); margin-top: 1rem; margin-bottom: .5rem;}
.text-rich-text li {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: 1.5; font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.text-rich-text blockquote {border-left: 3px solid var(--_semantics---border); font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---font-size--medium); font-style: italic; line-height: 1.3; font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 1em; margin-bottom: 1rem; padding: 1rem;}
.text-rich-text figcaption {opacity: .5; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--small); font-style: italic; line-height: 1.3; font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.text-rich-text ul {color: #333; margin-top: 0; margin-bottom: 10px; padding-left: 40px; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; list-style-type: disc;}
.text-rich-text h1 {font-family: var(--_ui-styles---fonts--heading); color: var(--_semantics---heading); font-size: var(--_typography---h1--h1-font-size); line-height: var(--_typography---h1--h1-line-height); font-weight: var(--_typography---h1--h1-font-weight); letter-spacing: var(--_typography---h1--h1-letter-spacing); margin-top: 1rem; margin-bottom: .5rem;}
.text-rich-text figure {margin-bottom: 20px;}
.text-rich-text img {width: 100%; min-width: 100%;}
.text-rich-text a {color: var(--_semantics---primary); font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); text-decoration: none;}
.text-rich-text a:hover {text-decoration: underline;}
.text-rich-text ol {font-size: var(--_typography---body--body-font-size); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 0; margin-bottom: 10px; padding-left: 40px; list-style-type: decimal;}
.text-rich-text strong {font-weight: 600;}
.subscribe-global {width: 100%; max-width: 21rem; margin-bottom: 0;}
.subscribe-global-form {z-index: 1; width: 100%; position: relative;}
.form_input {border: 1px solid var(--_primitives---opacity--neutral-dark-15); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_primitives---neutral--neutral-50); outline-offset: 0px; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); outline: 0 #000001; margin-top: 0; margin-bottom: 0; padding: .5rem .75rem; transition: border .35s, background-color .35s;}
.form_input:hover {background-color: var(--_semantics---background-default); outline-offset: 0px; outline: 0 #000001;}
.form_input:focus {border-color: var(--_semantics---border-active); background-color: var(--_semantics---background-default); outline-offset: 0px; outline: 0 #000001;}
.form_input::placeholder {color: var(--_primitives---opacity--neutral-dark-20); font-weight: 400;}
.form_input.subscribe-global-input {height: 3.2rem; padding-right: 6.5rem;}
.form_input.subscribe-global-input:focus {border-color: var(--_semantics---border-active); background-color: var(--_semantics---background-default);}
.form_input.subscribe-cta-input {color: var(--_semantics---text); height: 3.2rem; padding-right: 6.5rem;}
.form_input.subscribe-cta-input:focus {border-color: var(--_semantics---border-active); background-color: var(--_semantics---background-default);}
.form_input.is-text-area {min-height: 6.8rem; padding-top: .75rem;}
.subscribe-global-button-wrap {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: center; align-items: center; padding: .5rem; display: flex; position: absolute; inset: 0% 0% 0% auto;}
.form_message-success-wrapper {border: 1px solid var(--_semantics---border-active); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_semantics---background-default); color: var(--_semantics---text); padding: 1rem; font-size: 16px; line-height: 1.2;}
.form_message-error-wrapper {border: 1px solid var(--_semantics---border-active); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_semantics---background-default); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); margin-top: .6rem; padding: .75rem; font-size: 14px; font-weight: 400; line-height: 1.2;}
.subscribe-cta {width: 100%; max-width: 21rem; margin-bottom: 0;}
.subcribe-cta-form {z-index: 1; width: 100%; position: relative;}
.subscribe-cta-button-wrap {font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); justify-content: center; align-items: center; padding: .5rem; display: flex; position: absolute; inset: 0% 0% 0% auto;}
.features-image-wrap {z-index: 1; aspect-ratio: 1; flex-flow: column; justify-content: flex-end; align-items: flex-start; width: 100%; display: flex; position: relative; overflow: hidden;}
.features-image {width: 100%; height: 100%;}
.features-image-bg {z-index: -1; background-color: #0000; position: absolute; inset: 0%;}
.features_small-image-wrap {object-fit: contain; width: 50%; padding: 2em; position: absolute;}
.features_small-image {object-fit: contain; width: 100%; display: none; position: relative;}
.integration_01-link {z-index: 1; aspect-ratio: 1; border: 1px solid var(--_semantics---primary-selected); border-radius: var(--_sizes---border-radius--small); background-color: var(--_primitives---neutral--neutral-50); opacity: 1; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity .4s; display: flex; position: relative; overflow: hidden;}
.integration_01-link:hover {opacity: .8;}
.integration_01-icon-holder {width: 60%;}
.integration_icon {aspect-ratio: 1; color: var(--_semantics---primary-selected); object-fit: contain; width: 100%; height: auto;}
.grid-content {width: 100%;}
.demo-ds-client-first-inside {grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: #2d40ea0d; border: 1px dashed #2d40ea; border-radius: 12px; flex-direction: column; justify-content: center; align-items: flex-start; margin: 1rem; padding: 2em; display: flex;}
.form_label {opacity: .8; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); margin-bottom: .3rem; font-size: 14px; font-weight: 400; line-height: 1.2;}
.form_field-wrapper {grid-column-gap: .3rem; grid-row-gap: .3rem; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; margin-bottom: 0; display: flex;}
.form_radio-icon {border: 1px solid var(--_semantics---border); background-color: var(--_primitives---neutral--neutral-50); border-radius: 50%; width: 16px; height: 16px; margin-top: 0; margin-left: -20px; transition: border .35s, background-color .35s;}
.form_radio-icon:hover {background-color: var(--_semantics---background-v2);}
.form_radio-icon.w--redirected-checked {border: 5px solid var(--_semantics---primary);}
.form_radio-icon.w--redirected-focus {border-color: var(--_semantics---border-active); box-shadow: none;}
.form_radio-label {color: var(--_semantics---text); margin-bottom: 0; margin-left: .3rem;}
.form_radio {justify-content: flex-start; align-items: center; display: flex;}
.form_checkbox-icon {border: 1px solid var(--_semantics---border); border-radius: var(--_sizes---border-radius--xsmall); background-color: var(--_primitives---neutral--neutral-50); width: 16px; height: 16px; margin-top: 0; margin-right: .3rem; transition: background-position .35s, background-color .35s;}
.form_checkbox-icon:hover {background-color: var(--_semantics---background-v2);}
.form_checkbox-icon.w--redirected-checked {border-color: var(--_semantics---border-active); background-color: var(--_semantics---primary-selected); background-image: url("https://cdn.prod.website-files.com/68bea5e628399d004aa3b9bc/68bea5e628399d004aa3ba16_White-Check.svg"); background-position: 50%; background-size: 10px;}
.form_checkbox-icon.w--redirected-focus {border-color: var(--_semantics---border-active); box-shadow: none;}
.form_checkbox {flex-flow: row; justify-content: flex-start; align-items: center; margin-bottom: 0; padding-left: 1.25rem; display: flex;}
.form_form {grid-column-gap: var(--_sizes---gaps--regular); grid-row-gap: var(--_sizes---gaps--regular); flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex;}
.form_component {width: 100%; margin-bottom: 0;}
.hero-link {grid-column-gap: .5rem; grid-row-gap: .5rem; background-color: var(--_semantics---primary-selected); box-shadow: inset 0 -100px 5px 0 var(--_primitives---opacity--transparent); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; border-radius: 100px; flex-direction: row; justify-content: flex-start; align-items: center; padding: 2px .5rem; text-decoration: none; transition: box-shadow .4s, background-color .4s, color .4s; display: flex;}
.hero-link:hover {background-color: var(--_semantics---primary-selected); box-shadow: inset 0 -100px 5px 0 var(--_primitives---opacity--neutral-dark-10); color: var(--_semantics---on-primary-selected); text-decoration: none;}
.hero-white-link {grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--_primitives---opacity--neutral-dark-10); background-color: var(--_semantics---background-default); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); text-transform: none; border-radius: 100px; flex-direction: row; justify-content: flex-start; align-items: center; padding: 1px .5rem; font-size: .85rem; font-weight: 500; line-height: 1.3; text-decoration: none; transition: border-color .4s, box-shadow .4s, background-color .4s, color .4s; display: flex;}
.hero-white-link:hover {border-color: var(--_semantics---border-active); text-decoration: none;}
.hero-link-badge-wrap-dark {grid-column-gap: .3rem; grid-row-gap: .3rem; background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); text-transform: none; border-radius: 100px; flex-direction: row; justify-content: center; align-items: center; height: 100%; margin-left: -.4rem; padding: .4rem .75rem; transition: box-shadow .4s, background-color .4s, color .4s; display: flex;}
.hero_link-arrow-black {justify-content: center; align-items: center; width: .85rem; height: 100%; display: flex;}
.notification_banner {grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--_semantics---primary); color: var(--_semantics---on-primary); flex-direction: row; justify-content: center; align-items: center; width: 100%; padding: .6rem 2rem; font-size: .8rem; display: flex;}
.notification_banner.notification_side-center {justify-content: space-between;}
.hero_link-arrow {opacity: .8; justify-content: flex-start; align-items: center; width: .85rem; height: 100%; display: flex;}
.hero-link-badge-wrap {color: var(--_semantics---on-primary); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); background-color: #fff3; border-radius: 100px; flex-flow: row; justify-content: center; align-items: center; height: 100%; margin-left: -6px; padding: 6px 12px; display: flex;}
.hero-link-arrow-icon {font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); width: 100%; height: auto;}
.link-color {opacity: 1; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: 1rem; font-weight: 500; line-height: 1; text-decoration: none; transition: opacity .35s;}
.link-color:hover {opacity: .8; text-decoration: none;}
.text-style-link {z-index: 1; opacity: 1; font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: .85rem; font-weight: 500; line-height: 1.3; text-decoration: none; transition: opacity .4s; position: relative; overflow: hidden;}
.text-style-link:hover {opacity: .8; text-decoration: none;}
.text-style-link.link_footer {color: var(--_semantics---text);}
.text-style-link.link_footer:active {opacity: .8;}
.link_wrap {justify-content: flex-start; align-items: flex-start; display: flex;}
.button-link-icon {color: inherit; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); width: auto; height: 17px;}
.tabs {flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; display: flex;}
.tabs-nav {grid-column-gap: 3px; border-radius: var(--_sizes---border-radius--small); background-color: var(--_semantics---background-default); flex-direction: row; justify-content: flex-start; align-items: stretch; padding: 2px; line-height: 1; display: flex; overflow: hidden;}
.tabs-content {padding-top: var(--_sizes---spacing--large); width: 100%; overflow: visible;}
.tab-link {border: 0px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); background-color: #0000; justify-content: center; align-items: center; padding: .6rem 1rem; text-decoration: none; transition: all .35s; display: flex; position: relative;}
.tab-link:hover {opacity: .7; color: var(--_semantics---text); background-color: #0000; text-decoration: none;}
.tab-link.w--current {border: 1px none var(--_semantics---border); background-color: var(--_semantics---primary-selected); opacity: 1; color: var(--_semantics---on-primary-selected);}
.tab-link.w--current:hover {opacity: 100;}
.tab-link.tab-link-active {border: 0px none var(--_semantics---border); background-color: var(--_semantics---primary-selected); color: var(--_semantics---on-primary-selected); font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.tab-link.tab-link-active:hover {opacity: 100;}
.tab_links-cms {grid-column-gap: 3px; grid-row-gap: 3px; flex-flow: row; justify-content: flex-start; align-items: center; display: flex;}
.tab-pane {width: 100%; overflow: visible;}
.modulify-dark-heros-container {background-color: #6d6d6d; padding: 1em;}
.text-size-medium {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---font-size--medium); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-bottom: 0;}
.text-size-medium.text-size-medium-hero {line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing);}
.text-size-medium.hero-description {color: var(--_semantics---text);}
.button-link-active-icon {color: inherit; font-size: var(--_typography---body--body-font-size); font-weight: var(--_ui-styles---font-weight--medium); letter-spacing: var(--_typography---body--body-letter-spacing); width: auto; height: 1rem;}
.tab-link-badge {border: 1px solid var(--_semantics---border); font-size: var(--_typography---font-size--small); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); border-radius: 100px; margin-bottom: 0; margin-left: 4px; padding: 3px 5px 2px; display: inline-block; position: relative; top: -1px;}
.button-icon {color: inherit; width: auto; height: 1.06rem;}
.list-item-text {font-family: var(--_ui-styles---fonts--text); color: var(--_semantics---text); font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); margin-top: 0; margin-bottom: 0;}
.list_item-icon {grid-column-gap: .3rem; grid-row-gap: .3rem; border-radius: var(--_sizes---border-radius--xlarge); background-color: var(--_semantics---primary); color: #fff; text-transform: none; background-image: url("https://cdn.prod.website-files.com/68bea5e628399d004aa3b9bc/68bea5e628399d004aa3ba16_White-Check.svg"); background-position: 50%; background-repeat: no-repeat; background-size: 14px; flex-direction: row; justify-content: center; align-items: center; width: 1.37rem; min-width: 1.37rem; height: 1.37rem; min-height: 1.37rem; font-weight: 500; transition: box-shadow .4s, background-color .4s, color .4s; display: flex;}
.list-holder {grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; width: 100%; display: flex;}
.list_item-icon-wrapper {flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100%; display: flex;}
.list-item-text-wrap {grid-column-gap: 3px; grid-row-gap: 3px; font-size: var(--_typography---body--body-font-size); line-height: var(--_typography---body--body-line-height); font-weight: var(--_typography---body--body-font-weight); letter-spacing: var(--_typography---body--body-letter-spacing); flex-flow: column; justify-content: center; align-items: flex-start; height: 100%; min-height: 1.5rem; display: flex;}
.list_item-with-icon {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: flex-start; align-items: stretch; width: 100%; display: flex;}
.icon-holder {justify-content: flex-start; align-items: center; width: 100%; height: auto; display: flex;}
.right-arrow {aspect-ratio: 1; color: var(--_semantics---primary-selected); object-fit: contain; width: 100%; height: auto;}
.right-arrow-wrap {flex-flow: row; justify-content: center; align-items: center; width: 100%; height: auto; display: flex;}
.plus-icon {color: var(--_semantics---primary-selected); width: 100%; height: 100%;}
.plus-icon-holder {justify-content: center; align-items: center; width: 100%; height: 100%; display: flex;}
.icon-height-small {color: var(--_semantics---primary-selected); height: 1rem;}
.icon-height-medium {color: var(--_semantics---primary-selected); height: 2rem;}
.icon-height-large {color: var(--_semantics---primary-selected); height: 3rem;}
.icon-1x1-small {color: var(--_semantics---primary-selected); width: 1.5rem; height: 1.5rem;}
.icon-1x1-medium {color: var(--_semantics---primary-selected); width: 2rem; height: 2rem;}
.icon-1x1-large {color: var(--_semantics---primary-selected); width: 2.5rem; height: 2.5rem;}
.icon-1x1-xxsmall {color: var(--_semantics---primary-selected); width: 1.2rem; height: 1.2rem;}
.hero-image-wrap {width: 100%; position: relative;}
.hero-image {border: 1px none var(--_semantics---border); border-radius: var(--_sizes---border-radius--small); width: 100%;}
.demo-fixed-bento {min-height: 5rem;}
.text-color-inherit {color: inherit;}
.social-icon {width: 100%; min-width: 100%; height: auto;}
@media screen and (max-width: 991px) { body {--_typography---body--body-font-size: 1rem; --_typography---body--body-line-height: 1.3; --_typography---body--body-font-weight: var(--_ui-styles---font-weight--normal); --_typography---body--body-letter-spacing: 0rem; --_typography---h1--h1-font-size: 3.7rem; --_typography---h1--h1-line-height: 1.2; --_typography---h1--h1-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h1--h1-letter-spacing: 0rem; --_typography---h2--h2-font-size: 2.2rem; --_typography---h2--h2-line-height: 1.2; --_typography---h2--h2-font-weight: var(--_ui-styles---font-weight--medium); --_typography---h2--h2-letter-spacing: 0rem; --_typography---h3--h3-font-size: 1.75rem; --_typography---h3--h3-line-height: 1.2; --_typography---h3--h3-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h3--h3-letter-spacing: 0rem; --_typography---h4--h4-font-size: 2.2rem; --_typography---h4--h4-line-height: 1.2; --_typography---h4--h4-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h4--h4-letter-spacing: 0rem; --_typography---h5--h5-font-size: 1.3rem; --_typography---h5--h5-line-height: 1.2; --_typography---h5--h5-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h5--h5-letter-spacing: 0rem; --_typography---h6--h6-font-size: 1.1rem; --_typography---h6--h6-line-height: 1.2; --_typography---h6--h6-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h6--h6-letter-spacing: 0rem; --_typography---font-size--small: .85rem; --_typography---font-size--medium: 1.25rem; --_typography---hero--hero-font-size: 4rem; --_typography---hero--hero-line-height: 1.2; --_typography---hero--hero-font-weight: var(--_ui-styles---font-weight--medium); --_typography---hero--hero-letter-spacing: 0em; --_typography---font-size--regular: 1rem; --_typography---hero--xlarge-hero-font-size: 7.5rem; --_typography---hero--large-hero-font-size: 5.6rem; --_typography---font-size--large: 1.35rem; --_typography---font-size--tiny: .75rem; --_sizes---border-radius--button: 0rem; --_sizes---border-radius--small: 0rem; --_sizes---spacing--medium: 1.5rem; --_sizes---border-radius--xlarge: 0rem; --_sizes---spacing--small: 1rem; --_sizes---spacing--large: 2.5rem; --_sizes---border-radius--large: 0rem; --_sizes---border-radius--medium: 0rem; --_sizes---gaps--regular: 2rem; --_sizes---border-radius--xsmall: 0rem; --_sizes---container--medium: 73rem; --_sizes---spacing--global-padding: 2rem; --_sizes---section-padding--medium: 4rem; --_sizes---container--small: 61rem; --_sizes---container--large: 80rem; --_sizes---gaps--small: 1.5rem; --_sizes---gaps--medium: 3rem; --_sizes---gaps--large: 4rem; --_sizes---max-width--xxsmall: 12rem; --_sizes---max-width--small: 20rem; --_sizes---max-width--xsmall: 16rem; --_sizes---max-width--medium: 32rem; --_sizes---max-width--large: 48rem; --_sizes---max-width--xlarge: 64rem; --_sizes---max-width--xxlarge: 80rem; --_sizes---section-padding--small: 3rem; --_sizes---section-padding--large: 6rem; --_sizes---spacing--none: 0rem; --_sizes---spacing--tiny: .125rem; --_sizes---spacing--xxsmall: .25rem; --_sizes---spacing--xsmall: .5rem; --_sizes---spacing--xlarge: 3rem; --_sizes---spacing--xxlarge: 4rem; --_sizes---spacing--huge: 5rem; --_sizes---spacing--xhuge: 8rem; --_sizes---spacing--xxhuge: 8rem;}
.modular-nav-buttons-wrap {flex-flow: column; align-items: stretch; display: flex;}
.modular-nav-menu-right {grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; padding-top: 8px;}
.modular-nav-link {width: 100%; padding-left: 0; padding-right: 0;}
.modular-nav-menu-button {width: 44px; height: 44px; padding-left: .6rem; padding-right: .6rem;}
.modular-nav-menu-button.w--open {background-color: #0000;}
.modular-nav-01-menu {background-color: var(--_semantics---background-default); -webkit-text-fill-color: inherit; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; height: auto; margin-left: 0; padding: 1.5rem 2rem 2rem; position: absolute; overflow: auto;}
.modular-menu-line-top {background-color: var(--_semantics---background-invert); border-radius: 10px; width: 100%; height: 2px; padding: 0; display: block;}
.modular-menu-line-middle {background-color: var(--_semantics---background-invert); border-radius: 1rem; justify-content: center; align-items: center; display: flex;}
.modular-nav-01-menu-links {grid-column-gap: 0px; grid-row-gap: 8px; color: #101828; flex-direction: column; align-items: flex-start; display: flex;}
.link-block-underline {display: none;}
.demo-ds-left-panel {grid-column-gap: 16px; grid-row-gap: 50px; flex-direction: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding: 1em; display: grid;}
.design-system {padding: 16px;}
.modular-link {padding-top: 0; padding-bottom: 2px;}
.notification-banner {padding-left: 1em; padding-right: 1em;}
.demo-ds-left-panel-holder {width: 100%;}
.demo-ds-box {padding: 17px 0;}
.demo-ds {flex-direction: column;}
.demo-ds-tab-holder {padding-top: 7px; padding-bottom: 7px;}
.demo-ds-hero-holder {padding: 1em;}
.modular-logos-01-grid {grid-template-columns: 1fr 1fr 1fr;}
.modular-nav-link-wrap {width: 100%;}
.modular-nav-05 {padding-left: 10px; padding-right: 10px;}
.modular-nav-05-container {justify-content: space-between; align-items: center; width: 100%; min-width: auto; padding-right: 10px;}
.modular-nav-05-logo {position: relative;}
.modular-nav-05-menu {grid-column-gap: 0em; grid-row-gap: 0em; background-color: var(--_semantics---background-default); -webkit-text-fill-color: inherit; background-clip: border-box; align-items: flex-start; height: auto; margin-top: 10px; margin-left: 0; padding: 1.5rem 2rem 2em; position: absolute; left: 10px; right: 10px; overflow: auto;}
.modular-nav-05-menu-links {grid-column-gap: 0px; grid-row-gap: 8px; color: #101828; flex-direction: column; justify-content: center; align-items: center; padding-right: 0; display: flex;}
.modular-dropdown-list {width: 100%; position: relative;}
.modular-dropdown {flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex;}
.modular-dropdown-list-detail {justify-content: flex-start; align-items: stretch; width: 100%; padding-left: 0; padding-right: 0;}
.modular-nav-big-menu {align-items: flex-start;}
.modular-big-menu-grid {grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr; max-height: 90vh; overflow: auto;}
.modular-big-menu-links-wrap {border-bottom: 1px solid var(--_semantics---border); border-right-style: none; justify-content: flex-start; align-items: flex-start; margin-right: 0; padding-bottom: 1rem; padding-right: 0;}
.modular-big-menu-in-right {grid-template-rows: auto auto; grid-template-columns: 1fr;}
.modular-nav-link-with-image {grid-template-columns: 100px 1fr; width: 100%;}
.modular-nav-link-with-image:hover {color: #101828;}
.modular-hero-link {font-weight: 500;}
.modular-container.modular-nav-container {justify-content: space-between;}
.modular-hero-white-link {font-weight: 500;}
.demo-hero-02-small-container {max-width: 100%;}
.modular-small-container {max-width: 100%; padding: 2em 1em;}
.modular-logos-02-grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.modular-list-item-icon {font-weight: 500;}
.demo---hero-heading {font-size: 65px;}
.demo---hero {padding-top: 80px;}
.nav-demo-full-menu {background-color: #fff; position: absolute; top: 130%;}
.nav-demo-menu-links {border-radius: 0 0 10px 10px; flex-flow: column; justify-content: flex-start; align-items: stretch; padding: 20px; box-shadow: 0 1px 0 1px #0000001a;}
.demo-nav-menu-wrap {flex: 1; display: block;}
.demo-nav-menu {align-items: flex-start; width: 100%;}
.demo-nav-grid {grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr 1fr;}
.modular-footer-08-grid {grid-column-gap: 2em; grid-row-gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.demo-footer-link {padding-top: 0; padding-bottom: 2px;}
.modular-cta-card {flex-flow: column; justify-content: flex-start; align-items: stretch;}
.modular-hero-heading-2nd {font-size: 65px;}
.demo-small-image {width: 30%;}
.modular-button-secondary {margin-left: 0; margin-right: 0;}
.modular-text-big, .modular-text-extrabig {font-size: 65px;}
.container-medium.nav-container {justify-content: space-between;}
.nav-01_menu {background-color: var(--_semantics---background-default); -webkit-text-fill-color: inherit; background-clip: border-box; border-top: 1px solid #f2f4f7; align-items: flex-start; height: auto; margin-left: 0; padding: 1.5rem 2rem 2rem; position: absolute; overflow: auto;}
.nav-01_menu-links {grid-column-gap: 0px; grid-row-gap: 8px; color: #101828; flex-direction: column; align-items: flex-start; display: flex;}
.nav_menu-right {grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; padding-top: 8px;}
.nav-link-wrap {width: 100%;}
.nav-link {width: 100%; padding-left: 0; padding-right: 0;}
.dropdown {flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex;}
.nav_menu-button {width: 44px; height: 44px; padding-left: .6rem; padding-right: .6rem;}
.nav_menu-button.w--open {background-color: #0000;}
.nav_05 {padding-left: 10px; padding-right: 10px;}
.nav_05-container {justify-content: space-between; align-items: center; width: 100%; min-width: auto;}
.nav_05-logo {position: relative;}
.nav_05-menu-links {grid-column-gap: 0px; grid-row-gap: 8px; color: #101828; flex-direction: column; justify-content: center; align-items: center; padding-right: 0; display: flex;}
.nav_05-menu {grid-column-gap: 0rem; grid-row-gap: 0rem; background-color: var(--_semantics---background-default); -webkit-text-fill-color: inherit; background-clip: border-box; align-items: flex-start; height: auto; margin-top: .6rem; margin-left: 0; padding: 1.5rem 2rem; position: absolute; left: 10px; right: 10px; overflow: auto;}
.nav_buttons-wrap {flex-flow: column; align-items: stretch; display: flex;}
.menu_line-top {background-color: var(--_semantics---background-invert); border-radius: 10px; width: 100%; height: 2px; display: block;}
.menu_line-middle {background-color: var(--_semantics---background-invert); border-radius: 1rem; justify-content: center; align-items: center; display: flex;}
.dropdown-list {width: 100%; position: relative;}
.dropdown_list-details {justify-content: flex-start; align-items: stretch; width: 100%; padding-left: 0; padding-right: 0;}
.nav_big-menu {align-items: flex-start;}
.big_menu-grid {grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr; max-height: 90vh; overflow: auto;}
.big_menu-links-wrap {border-bottom: 1px solid var(--_semantics---border); border-right-style: none; justify-content: flex-start; align-items: flex-start; margin-right: 0; padding-bottom: 1rem; padding-right: 0;}
.big_menu-in-right {grid-template-rows: auto auto; grid-template-columns: 1fr;}
.nav_link-with-image {grid-template-columns: 100px 1fr; width: 100%;}
.nav_link-with-image:hover {color: #101828;}
.container-small {padding: 2em 1em;}
.cta_card {flex-flow: column; justify-content: flex-start; align-items: stretch;}
.hero-white-link {font-weight: 500;}
.notification_banner {padding-left: 1rem; padding-right: 1rem;}
.text-style-link {padding-top: 0; padding-bottom: 2px;}
.list_item-icon {font-weight: 500;} }
@media screen and (max-width: 767px) { body {--_typography---body--body-font-size: 1rem; --_typography---body--body-line-height: 1.3; --_typography---body--body-font-weight: var(--_ui-styles---font-weight--normal); --_typography---body--body-letter-spacing: 0rem; --_typography---h1--h1-font-size: 2.1rem; --_typography---h1--h1-line-height: 1.2; --_typography---h1--h1-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h1--h1-letter-spacing: 0rem; --_typography---h2--h2-font-size: 1.7rem; --_typography---h2--h2-line-height: 1.2; --_typography---h2--h2-font-weight: var(--_ui-styles---font-weight--medium); --_typography---h2--h2-letter-spacing: 0rem; --_typography---h3--h3-font-size: 1.4rem; --_typography---h3--h3-line-height: 1.2; --_typography---h3--h3-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h3--h3-letter-spacing: 0rem; --_typography---h4--h4-font-size: 1.25rem; --_typography---h4--h4-line-height: 1.2; --_typography---h4--h4-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h4--h4-letter-spacing: 0rem; --_typography---h5--h5-font-size: 1.1rem; --_typography---h5--h5-line-height: 1.2; --_typography---h5--h5-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h5--h5-letter-spacing: 0rem; --_typography---h6--h6-font-size: 1rem; --_typography---h6--h6-line-height: 1.2; --_typography---h6--h6-font-weight: var(--_ui-styles---font-weight--normal); --_typography---h6--h6-letter-spacing: 0rem; --_typography---font-size--small: .85rem; --_typography---font-size--medium: 1.1rem; --_typography---hero--hero-font-size: 2.8rem; --_typography---hero--hero-line-height: 1.2; --_typography---hero--hero-font-weight: var(--_ui-styles---font-weight--medium); --_typography---hero--hero-letter-spacing: 0em; --_typography---font-size--regular: 1rem; --_typography---hero--xlarge-hero-font-size: 5rem; --_typography---hero--large-hero-font-size: 3.7rem; --_typography---font-size--large: 1.12rem; --_typography---font-size--tiny: .75rem; --_sizes---border-radius--button: 0rem; --_sizes---border-radius--small: 0rem; --_sizes---spacing--medium: 1.25rem; --_sizes---border-radius--xlarge: 0rem; --_sizes---spacing--small: 1rem; --_sizes---spacing--large: 1.5rem; --_sizes---border-radius--large: 0rem; --_sizes---border-radius--medium: 0rem; --_sizes---gaps--regular: 2rem; --_sizes---border-radius--xsmall: 0rem; --_sizes---container--medium: 73rem; --_sizes---spacing--global-padding: .5rem; --_sizes---section-padding--medium: 3rem; --_sizes---container--small: 61rem; --_sizes---container--large: 80rem; --_sizes---gaps--small: 1.5rem; --_sizes---gaps--medium: 3rem; --_sizes---gaps--large: 4rem; --_sizes---max-width--xxsmall: 12rem; --_sizes---max-width--small: 20rem; --_sizes---max-width--xsmall: 16rem; --_sizes---max-width--medium: 32rem; --_sizes---max-width--large: 48rem; --_sizes---max-width--xlarge: 64rem; --_sizes---max-width--xxlarge: 80rem; --_sizes---section-padding--small: 2rem; --_sizes---section-padding--large: 4rem; --_sizes---spacing--none: 0rem; --_sizes---spacing--tiny: .125rem; --_sizes---spacing--xxsmall: .25rem; --_sizes---spacing--xsmall: .5rem; --_sizes---spacing--xlarge: 2rem; --_sizes---spacing--xxlarge: 3rem; --_sizes---spacing--huge: 3.25rem; --_sizes---spacing--xhuge: 8rem; --_sizes---spacing--xxhuge: 4.5rem;}
.modular-nav-01-menu {padding-left: 1rem; padding-right: 1rem;}
.modular-nav-01 {min-height: 4.5rem;}
.demo-ds-left-panel {grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 1fr 1fr;}
.demo-grid-4-col {grid-template-columns: 1fr 1fr;}
.demo-ds-box {padding-left: 0; padding-right: 0;}
.modular-nav-05-menu {padding-bottom: 1em; padding-left: 1rem; padding-right: 1rem;}
.modular-dropdown-list-detail {max-height: 60vh; overflow: auto;}
.modular-nav-big-menu {padding-left: 10px; padding-right: 10px;}
.modular-big-menu-grid {grid-template-columns: 1fr;}
.modular-big-menu-links-wrap {border-bottom: 1px solid var(--_semantics---border); border-right-style: none; padding-right: 0;}
.modular-big-menu-in-right {padding-left: 0;}
.modular-nav-link-big-image {width: 4rem; min-width: 4rem; height: 4rem; min-height: 4rem; max-height: 4rem;}
.modular-container {padding: 3em 1em;}
.demo---hero-heading {font-size: 55px;}
.nav-demo {min-height: 4.5rem; padding-left: 1rem; padding-right: 1rem;}
.nav-demo-menu-links {border-bottom: 1px solid #0000001a; border-right-style: none;}
.demo-nav-menu {padding-left: 10px; padding-right: 10px;}
.demo-nav-grid {grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 1fr;}
.modular-footer-08-links-holder {grid-column-gap: .75em; grid-row-gap: .75em;}
.modular-tabs-content {padding-top: 2em;}
.modular-hero-heading-2nd {font-size: 55px;}
.modular-bento-grid-tall-img-wrap {flex: none; min-height: 100vw;}
.modular-nav {min-height: 4.5rem;}
.demo-nav-holder {flex-direction: column; padding: 16px;}
.demo-grid-5-col, .demo-grid-6-col {grid-template-columns: 1fr 1fr;}
.modular-text-big, .modular-text-extrabig {font-size: 55px;}
.navbar, .navbar-01 {min-height: 4.5rem;}
.container-medium.nav-container, .nav-01_menu {padding-left: 1rem; padding-right: 1rem;}
.nav_05-menu {padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem;}
.dropdown_list-details {max-height: 60vh; overflow: auto;}
.nav_big-menu {padding-left: 10px; padding-right: 10px;}
.big_menu-grid {grid-template-columns: 1fr;}
.big_menu-links-wrap {border-bottom: 1px solid var(--_semantics---border); border-right-style: none; padding-right: 0;}
.big_menu-in-right {padding-left: 0;}
.nav_link-big-image {width: 4rem; min-width: 4rem; height: 4rem; min-height: 4rem; max-height: 4rem;}
.container-small.padding-custom2 {padding-left: 1rem; padding-right: 1rem;}
.demo-cta-wrap {grid-template-columns: 1fr 1fr;}
.bento-grid-tall-image-wrap {flex: none; min-height: 100vw;}
.tabs-content {padding-top: var(--_sizes---spacing--medium);} }
@media screen and (max-width: 479px) { .demo-paragraph-container {width: 100%;}
.modular-subscribe-1 {max-width: 100%;}
.demo-button-holder {padding: 1em;}
.demo-ds-left-panel {grid-column-gap: 20px; grid-row-gap: 20px; flex-direction: column; display: flex;}
.button-grid {grid-template-columns: 1fr;}
.modular-richtext ul, .modular-richtext ol {padding-left: 30px;}
.modular-text-l {font-size: 18px;}
.notification-banner {grid-column-gap: 10px; grid-row-gap: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.demo-style-guide-box-holder, .demo-ds-modulify-box {padding: 1em;}
.demo-grid-2-col {grid-template-columns: 1fr;}
.demo-ds-title-holder {grid-column-gap: 3px; grid-row-gap: 3px;}
.headings-container {grid-column-gap: 1em; grid-row-gap: 1em;}
.modular-logos-01-grid {grid-column-gap: 30px; grid-row-gap: 0px; grid-template-columns: 1fr 1fr 1fr; place-items: center;}
.modular-nav-05-menu {padding-top: 1rem;}
.modular-dropdown-list-detail {padding: 2px;}
.modular-nav-link-with-image {grid-column-gap: 10px; grid-row-gap: 10px; grid-template-columns: 1fr;}
.modular-nav-link-big-image {aspect-ratio: auto;}
.modular-hero-description {font-size: 18px;}
.modular-play-icon-holder {width: 62px; height: 62px;}
.modular-container {padding-left: .5em; padding-right: .5em;}
.modular-hero-02-content {align-items: center;}
.modular-logos-grid-content {padding-top: 10px; padding-bottom: 10px;}
.logos-image {max-width: 90px; max-height: 20px;}
.modular-features-small-image-wrap {bottom: 1em; left: 1em;}
.demo---hero-heading {font-size: 43px;}
.demo---hero {margin-top: -73px; padding-top: 73px;}
.demo-nav-menu {height: 100%;}
.demo-nav-card-link {grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: stretch;}
.demo-nav-card-image {width: 100%; min-width: 100%;}
.demo-component-title {font-size: 22px;}
.demo-box {max-width: 98%; padding: 5px;}
.demo-box-wrap {padding: 5px;}
.modular-footer-08-links-holder {flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.modular-footer-08-grid {grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.modular-footer-08-social-media-icons {margin-bottom: 0;}
.demo-footer-links {flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.modular-tabs-nav {flex-direction: row; align-content: flex-start; align-items: center; padding: 5px;}
.modular-tab-link {padding-left: 12px; padding-right: 12px;}
.modular-cta-small-image {object-fit: cover;}
.modular-cta-card {flex-direction: column;}
.modular-hero-heading-2nd {font-size: 43px;}
.modular-hero-description-2nd {font-size: 18px;}
.modular-subtitle {font-size: 14px;}
.demo-bento-grid {grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;}
.demo-form-holder {padding: 1em;}
.modular-play-icon {width: 20px;}
.modular-video-play-content-wrap {grid-column-gap: 4px; grid-row-gap: 4px; padding: 8px 20px 8px 8px; font-size: 14px;}
.modular-video-person-image-wrap {width: 40px; height: 40px;}
.modular-video-play {min-width: auto;}
.modular-integration-01-icon-holder {width: 50%;}
.demo-integrations-grid {grid-column-gap: .5em; grid-row-gap: .5em; grid-template-columns: 1fr 1fr 1fr 1fr;}
.modular-text-big, .modular-text-extrabig {font-size: 43px;}
.demo-modes-demo {flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.demo-ds-client-first {padding: 1em;}
.container-medium.nav-container {padding-left: .5rem; padding-right: .5rem;}
.nav_05-menu {padding-top: 1rem;}
.dropdown_list-details {padding: 2px;}
.nav_link-with-image {grid-column-gap: .6rem; grid-row-gap: .6rem; grid-template-columns: 1fr;}
.nav_link-big-image {aspect-ratio: auto;}
.demo-ds-client-first-heading {padding: 1em;}
.subtitle-cf {font-size: 14px;}
.container-small.padding-custom2 {padding-left: .5rem; padding-right: .5rem;}
.cta_card {flex-direction: column;}
.cta_small-image {object-fit: cover;}
.text-rich-text ul, .text-rich-text ol {padding-left: 30px;}
.subscribe-global {max-width: 100%;}
.features_small-image-wrap {bottom: 1em; left: 1em;}
.integration_01-icon-holder {width: 50%;}
.demo-ds-client-first-inside {padding: 1em;}
.notification_banner {grid-column-gap: .6rem; grid-row-gap: .6rem; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.tabs-nav {flex-direction: row; align-content: flex-start; align-items: center; padding: 5px;}
.tab-link {padding-left: 12px; padding-right: 12px;} }
#w-node-_3e505ca5-7d19-b20a-ad10-07687aace58b-4aa3b98d, #w-node-c2fc8e60-c576-6509-e7b1-37f498d9b511-4aa3b991, #w-node-_26915d64-f094-8d30-b8f4-b9405eab4057-4aa3b991, #w-node-fb6a47e8-c8c8-2b3d-5b36-b7cb881780a1-4aa3b991, #w-node-fb6a47e8-c8c8-2b3d-5b36-b7cb881780ab-4aa3b991 {grid-area: 1 / 2 / 2 / 10;}
#w-node-c737296e-2cb0-ef5a-0193-53969ad1f6f2-4aa3b991, #w-node-fbb92776-7391-dd8a-faba-0529be0e3ee5-4aa3b991, #w-node-_3242afd0-3399-3fbb-3906-54b2af07486e-4aa3b991, #w-node-bcaf16b5-efee-2026-fa76-3595ef870cbf-4aa3b991, #w-node-dad6a74c-f66a-0ec2-ca22-e0c68dc6213e-4aa3b991 {grid-area: span 1 / span 2 / span 1 / span 2;}
#w-node-_227d8f24-d87f-6416-e653-b301fdc745ee-4aa3b991 {grid-area: span 2 / span 1 / span 2 / span 1;}
#w-node-_227d8f24-d87f-6416-e653-b301fdc7461a-4aa3b991 {grid-area: span 1 / span 3 / span 1 / span 3;}
#w-node-_227d8f24-d87f-6416-e653-b301fdc74627-4aa3b991 {grid-area: span 2 / span 1 / span 2 / span 1;}
#w-node-_227d8f24-d87f-6416-e653-b301fdc74632-4aa3b991, #w-node-_227d8f24-d87f-6416-e653-b301fdc7463f-4aa3b991 {grid-area: span 1 / span 3 / span 1 / span 3;}
#w-node-_227d8f24-d87f-6416-e653-b301fdc7464c-4aa3b991, #w-node-_693778e7-8df7-3f33-9cfd-88fcd4275310-4aa3b991 {grid-area: span 2 / span 1 / span 2 / span 1;}
#w-node-_693778e7-8df7-3f33-9cfd-88fcd4275349-4aa3b991 {grid-area: span 1 / span 3 / span 1 / span 3;}
#w-node-_693778e7-8df7-3f33-9cfd-88fcd4275356-4aa3b991 {grid-area: span 2 / span 1 / span 2 / span 1;}
#w-node-_693778e7-8df7-3f33-9cfd-88fcd4275361-4aa3b991, #w-node-_693778e7-8df7-3f33-9cfd-88fcd427536e-4aa3b991 {grid-area: span 1 / span 3 / span 1 / span 3;}
#w-node-_693778e7-8df7-3f33-9cfd-88fcd427537b-4aa3b991 {grid-area: span 2 / span 1 / span 2 / span 1;}
@media screen and (max-width: 991px) { #w-node-_3e505ca5-7d19-b20a-ad10-07687aace58b-4aa3b98d, #w-node-c2fc8e60-c576-6509-e7b1-37f498d9b511-4aa3b991, #w-node-_26915d64-f094-8d30-b8f4-b9405eab4057-4aa3b991, #w-node-fb6a47e8-c8c8-2b3d-5b36-b7cb881780a1-4aa3b991, #w-node-fb6a47e8-c8c8-2b3d-5b36-b7cb881780ab-4aa3b991 {grid-area: span 1 / span 6 / span 1 / span 6;} }
@media screen and (max-width: 767px) { #w-node-_3e505ca5-7d19-b20a-ad10-07687aace58b-4aa3b98d, #w-node-c2fc8e60-c576-6509-e7b1-37f498d9b511-4aa3b991, #w-node-_26915d64-f094-8d30-b8f4-b9405eab4057-4aa3b991, #w-node-fb6a47e8-c8c8-2b3d-5b36-b7cb881780a1-4aa3b991, #w-node-fb6a47e8-c8c8-2b3d-5b36-b7cb881780ab-4aa3b991 {grid-column: span 2 / span 2;} }