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; } figcaption { text-align: center; margin-top: 5px; } 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; } label { margin-bottom: 5px; font-weight: bold; display: block; } .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; } @font-face { font-family: Bleuer; src: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/67a760027c9b2544e95b9ba3_BlauerNue-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Factor A Bold; src: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/67350486d5a6195eb9cb40d0_TRIALFactorA-Bold-BF6476bc2fe0b09.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Factor A Bold 100"; src: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/6735048616c770649910ff88_TRIALFactorA-Bold100-BF6476bc2f46878.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Factor A Regular; src: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/67350486836beaab75b03f96_TRIALFactorA-Regular-BF6476bc3091c00.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Factor A Regular 100"; src: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/67350486ff8f3123a67b6650_TRIALFactorA-Regular100-BF6476bc2f568bb.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } :root { --bg--contrast\: var(--neutral--900\); --fg--base\: var(--neutral--900\); --bg--base\: var(--neutral--25\); --_02-theme---surface--base: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--level: var(--_01-brand---color--0); --_03-adaptive---width--w-12--max: 1440px; --_03-adaptive---width--w-12--min: 960px; --_03-adaptive---island-padding--xl: 24px; --accent--on-container\: var(--purple--500\); --accent--container-hover\: var(--alpha--purple--200\); --accent--container-active\: var(--alpha--purple--300\); --neutral--900\: #10111c; --neutral--800\: #282933; --_02-theme---foreground--primary: var(--_01-brand---color--neutral--50--100a); --fg--contrast\: var(--neutral--0\); --_03-adaptive---island-radius--xl: 24px; --0: 0px; --accent--default\: var(--purple--500\); --accent--on-accent\: var(--purple--50\); --hover--accent\: var(--purple--600\); --accent--active\: var(--purple--700\); --_02-theme---surface--accent--container-default: var(--_01-brand---color--purple--500--16a); --_02-theme---foreground--accent--default: var(--_02-theme---surface--accent--default); --_02-theme---surface--accent--container-hover: var(--_01-brand---color--purple--500--24a); --_02-theme---foreground--accent--hover: var(--_02-theme---surface--accent--hover); --_02-theme---surface--accent--container-active: var(--_01-brand---color--purple--500--32a); --_02-theme---foreground--accent--active: var(--_02-theme---surface--accent--active); --_02-theme---surface--contrast: var(--_01-brand---color--neutral--50--100a); --bg--surface-1\: var(--neutral--0\); --_03-adaptive---width--w-6--max: 708px; --_03-adaptive---width--w-6--min: 468px; --_02-theme---surface--l: var(--_01-brand---color--neutral--850); --fg--muted\: var(--neutral--300\); --_04-component---component-size--xl: var(--x14); --_01-brand---color--0: transparent; --_01-brand---font--family--regular: Manrope, sans-serif; --_02-theme---foreground--muted: var(--_01-brand---color--neutral--400); --_01-brand---font--regular: 500; --x8: 32px; --fg--soft\: var(--neutral--500\); --_02-theme---foreground--contrast: var(--_01-brand---color--neutral--950--100a); --_03-adaptive---width--w-3--max: 342px; --_03-adaptive---width--w-3--min: 222px; --x4: 16px; --x3: 12px; --x2: 8px; --purple--500\: #e100ff; --pink--500\: #f45f95; --_01-brand---font--family--wide: Bleuer, Arial, sans-serif; --_03-adaptive---font--size--heading--xl: var(--x7); --_03-adaptive---font--line-height--heading--xl: var(--x9); --_01-brand---font--strong: 700; --_03-adaptive---font--size--heading--l: var(--x6); --_03-adaptive---font--line-height--heading--l: var(--x8); --_03-adaptive---font--size--heading--m: var(--x5); --_03-adaptive---font--line-height--heading--m: var(--x7); --_03-adaptive---font--size--heading--s: var(--x4); --_03-adaptive---font--line-height--heading--s: var(--x6); --_02-theme---surface--xl: var(--_01-brand---color--neutral--900); --_03-adaptive---width--w-4--max: 464px; --_03-adaptive---width--w-4--min: 304px; --_03-adaptive---island-padding--l: 12px; --accent--hover\: var(--purple--600\); --_02-theme---surface--utility--default: var(--_01-brand---color--pink--500--100a); --_02-theme---foreground--utility--on-container: var(--_01-brand---color--pink--950); --_02-theme---surface--utility--hover: var(--_01-brand---color--pink--300); --_02-theme---surface--utility--active: var(--_01-brand---color--pink--200); --_03-adaptive---width--w-2--max: 220px; --_03-adaptive---width--w-2--min: 140px; --_03-adaptive---width--w-10--max: 1196px; --_03-adaptive---width--w-10--min: 796px; --_03-adaptive---width--w-8--max: 952px; --_03-adaptive---width--w-8--min: 632px; --_03-adaptive---width--w-1--max: 98px; --_03-adaptive---width--w-1--min: 58px; --_04-component---component-size--s: var(--x6); --x1-5: 6px; --_04-component---border-radius--s: var(--x1-5); --_03-adaptive---font--size--body--s: var(--x3); --_03-adaptive---font--lihe-height--body--s: var(--x4); --_02-theme---surface--system--default: var(--_01-brand---color--neutral--50--100a); --_02-theme---foreground--system--on-container: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--system--container-default: var(--_01-brand---color--neutral--50--16a); --_02-theme---foreground--system--default: var(--_02-theme---surface--system--default); --_02-theme---surface--accent--default: var(--_01-brand---color--purple--500--100a); --_02-theme---foreground--accent--on-container: var(--_01-brand---color--purple--950); --_02-theme---surface--positive--default: var(--_01-brand---color--green--500--100a); --_02-theme---foreground--positive--on-container: var(--_01-brand---color--green--950); --_02-theme---surface--positive--container-default: var(--_01-brand---color--green--500--16a); --_02-theme---foreground--positive--default: var(--_02-theme---surface--positive--default); --_02-theme---surface--negative--default: var(--_01-brand---color--red--500--100a); --_02-theme---foreground--negative--on-container: var(--_01-brand---color--red--950); --_02-theme---surface--negative--container-default: var(--_01-brand---color--red--500--16a); --_02-theme---foreground--negative--default: var(--_02-theme---surface--negative--default); --_02-theme---surface--warning--default: var(--_01-brand---color--yellow--500--100a); --_02-theme---foreground--warning--on-container: var(--_01-brand---color--yellow--950); --_02-theme---surface--warning--container-default: var(--_01-brand---color--yellow--500--16a); --_02-theme---foreground--warning--default: var(--_02-theme---surface--warning--default); --_02-theme---surface--info--default: var(--_01-brand---color--blue--500--100a); --_02-theme---foreground--info--on-container: var(--_01-brand---color--blue--950); --_02-theme---surface--info--container-default: var(--_01-brand---color--blue--500--16a); --_02-theme---foreground--info--default: var(--_02-theme---surface--info--default); --_02-theme---surface--utility--container-default: var(--_01-brand---color--pink--500--16a); --_02-theme---foreground--utility--default: var(--_02-theme---surface--utility--default); --_02-theme---surface--neutral--default: var(--_01-brand---color--neutral--700); --_02-theme---foreground--neutral--on-container: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--neutral--container-default: var(--_01-brand---color--neutral--50--16a); --_02-theme---surface--disabled: var(--_01-brand---color--neutral--50--8a); --_02-theme---foreground--disabled: var(--_01-brand---color--neutral--50--8a); --_02-theme---surface--system--hover: var(--_01-brand---color--neutral--200); --_02-theme---surface--system--container-hover: var(--_01-brand---color--neutral--50--24a); --_02-theme---surface--accent--hover: var(--_01-brand---color--purple--300); --_02-theme---surface--positive--hover: var(--_01-brand---color--green--300); --_02-theme---surface--positive--container-hover: var(--_01-brand---color--green--500--24a); --_02-theme---surface--negative--hover: var(--_01-brand---color--red--300); --_02-theme---surface--negative--container-hover: var(--_01-brand---color--red--500--24a); --_02-theme---surface--warning--hover: var(--_01-brand---color--yellow--300); --_02-theme---surface--warning--container-hover: var(--_01-brand---color--yellow--500--24a); --_02-theme---surface--info--hover: var(--_01-brand---color--blue--300); --_02-theme---surface--info--container-hover: var(--_01-brand---color--blue--500--24a); --_02-theme---surface--utility--container-hover: var(--_01-brand---color--pink--500--24a); --_02-theme---surface--neutral--hover: var(--_01-brand---color--neutral--500); --_02-theme---surface--neutral--container-hover: var(--_01-brand---color--neutral--50--24a); --_02-theme---surface--system--active: var(--_01-brand---color--neutral--400); --_02-theme---surface--system--container-active: var(--_01-brand---color--neutral--50--32a); --_02-theme---surface--accent--active: var(--_01-brand---color--purple--200); --_02-theme---surface--positive--active: var(--_01-brand---color--green--200); --_02-theme---surface--positive--container-active: var(--_01-brand---color--green--500--32a); --_02-theme---surface--negative--active: var(--_01-brand---color--red--200); --_02-theme---surface--negative--container-active: var(--_01-brand---color--red--500--32a); --_02-theme---surface--warning--active: var(--_01-brand---color--yellow--200); --_02-theme---surface--warning--container-active: var(--_01-brand---color--yellow--500--32a); --_02-theme---surface--info--active: var(--_01-brand---color--blue--200); --_02-theme---surface--info--container-active: var(--_01-brand---color--blue--500--32a); --_02-theme---surface--utility--container-active: var(--_01-brand---color--pink--500--32a); --_02-theme---surface--neutral--active: var(--_01-brand---color--neutral--300); --_02-theme---surface--neutral--container-active: var(--_01-brand---color--neutral--50--32a); --_04-component---component-size--m: var(--x9); --x2-5: 10px; --_04-component---border-radius--m: var(--x2); --_03-adaptive---font--line-height--ui--l: var(--x4); --_02-theme---foreground--positive--hover: var(--_02-theme---surface--positive--hover); --_02-theme---foreground--negative--hover: var(--_02-theme---surface--negative--hover); --_02-theme---foreground--warning--hover: var(--_02-theme---surface--warning--hover); --_02-theme---foreground--info--hover: var(--_02-theme---surface--info--hover); --_02-theme---foreground--utility--hover: var(--_02-theme---surface--utility--hover); --_02-theme---foreground--positive--active: var(--_02-theme---surface--positive--active); --_02-theme---foreground--negative--active: var(--_02-theme---surface--negative--active); --_02-theme---foreground--warning--active: var(--_02-theme---surface--warning--active); --_02-theme---foreground--info--active: var(--_02-theme---surface--info--active); --_02-theme---foreground--utility--active: var(--_02-theme---surface--utility--active); --_04-component---component-size--l: var(--x12); --_04-component---border-radius--l: var(--x3); --_03-adaptive---font--size--body--l: var(--x4); --_03-adaptive---font--lihe-height--body--l: var(--x6); --x6: 24px; --_04-component---border-radius--xl: var(--x3); --_03-adaptive---font--size--display--xl: var(--x14); --_03-adaptive---font--line-height--display--xl: var(--x16); --_03-adaptive---font--size--display--l: var(--x12); --_03-adaptive---font--line-height--display--l: var(--x14); --_03-adaptive---font--size--display--m: var(--x10); --_03-adaptive---font--line-height--display--m: var(--x12); --_03-adaptive---font--size--display--s: var(--x8); --_03-adaptive---font--line-height--display--s: var(--x10); --_01-brand---font--medium: 600; --_03-adaptive---font--size--body--m: var(--x3-5); --_03-adaptive---font--lihe-height--body--m: var(--x5); --_03-adaptive---font--size--ui--l: var(--x3); --_03-adaptive---font--size--ui--m: var(--x2-5); --_03-adaptive---font--line-height--ui--m: var(--x3); --_03-adaptive---font--size--ui--s: var(--x2); --_03-adaptive---font--line-height--ui--s: var(--x2); --_03-adaptive---island-radius--l: 12px; --px: 1px; --x0-5: 2px; --x1: 4px; --x3-5: 14px; --x5: 20px; --x7: 28px; --x9: 36px; --x10: 40px; --x11: 44px; --x12: 48px; --x14: 56px; --x16: 64px; --x20: 80px; --x24: 96px; --max: 9999px; --_04-component---border-radius--2xl: var(--x3); --_04-component---border-radius--sm: var(--x1-5); --_04-component---border-radius--xs: var(--x1); --_04-component---border-radius--2xs: var(--x0-5); --_04-component---border-radius--max: var(--max); --_04-component---component-size--3xs: var(--x3); --_04-component---component-size--2xs: var(--x4); --_04-component---component-size--xs: var(--x5); --_04-component---component-size--sm: var(--x8); --_04-component---component-size--2xl: var(--x16); --_03-adaptive---island-padding--s: 8px; --_03-adaptive---island-padding--m: 8px; --_03-adaptive---island-radius--s: 4px; --_03-adaptive---island-radius--m: 8px; --_02-theme---foreground--soft: var(--_01-brand---color--neutral--200); --_02-theme---foreground--static-dark: var(--_01-brand---color--neutral--50--100a); --_02-theme---foreground--static-light: var(--_01-brand---color--neutral--950--100a); --_02-theme---foreground--neutral--default: var(--_02-theme---surface--neutral--default); --_02-theme---foreground--neutral--hover: var(--_02-theme---surface--neutral--hover); --_02-theme---foreground--neutral--active: var(--_02-theme---surface--neutral--active); --_02-theme---foreground--system--hover: var(--_02-theme---surface--system--hover); --_02-theme---foreground--system--active: var(--_02-theme---surface--system--active); --_02-theme---surface--m: var(--_01-brand---color--neutral--800); --_02-theme---surface--s: var(--_01-brand---color--neutral--750); --_02-theme---surface--elevated: var(--_01-brand---color--neutral--700); --_02-theme---surface--static-dark: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--static-light: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--utility--container-soft: var(--_01-brand---color--pink--500--8a); --_02-theme---surface--utility--container-muted: var(--_01-brand---color--pink--500--4a); --_02-theme---surface--info--container-soft: var(--_01-brand---color--blue--500--8a); --_02-theme---surface--info--container-muted: var(--_01-brand---color--blue--500--4a); --_02-theme---surface--warning--container-soft: var(--_01-brand---color--yellow--500--8a); --_02-theme---surface--warning--container-muted: var(--_01-brand---color--yellow--500--4a); --_02-theme---surface--negative--container-soft: var(--_01-brand---color--red--500--8a); --_02-theme---surface--negative--container-muted: var(--_01-brand---color--red--500--4a); --_02-theme---surface--positive--container-soft: var(--_01-brand---color--green--500--8a); --_02-theme---surface--positive--container-muted: var(--_01-brand---color--green--500--4a); --_02-theme---surface--accent--container-soft: var(--_01-brand---color--purple--500--8a); --_02-theme---surface--accent--container-muted: var(--_01-brand---color--purple--500--4a); --_02-theme---surface--neutral--container-soft: var(--_01-brand---color--neutral--50--8a); --_02-theme---surface--neutral--container-muted: var(--_01-brand---color--neutral--50--4a); --_02-theme---surface--system--container-soft: var(--_01-brand---color--neutral--50--8a); --_02-theme---surface--system--container-muted: var(--_01-brand---color--neutral--50--4a); --_01-brand---color--pink--50: #feebf2; --_01-brand---color--pink--100: #fcd8e5; --_01-brand---color--pink--150: #fbc4d8; --_01-brand---color--pink--200: #fab0cb; --_01-brand---color--pink--250: #f89dbe; --_01-brand---color--pink--300: #f789b1; --_01-brand---color--pink--400: #f575a4; --_01-brand---color--pink--500--4a: #f45f950a; --_01-brand---color--pink--500--8a: #f45f9514; --_01-brand---color--pink--500--16a: #f45f9529; --_01-brand---color--pink--500--24a: #f45f953d; --_01-brand---color--pink--500--32a: #f45f9552; --_01-brand---color--pink--500--100a: #f45f95; --_01-brand---color--pink--600: #f13a7d; --_01-brand---color--pink--700: #ef1263; --_01-brand---color--pink--750: #c80e52; --_01-brand---color--pink--800: #a00b42; --_01-brand---color--pink--850: #780831; --_01-brand---color--pink--900: #500621; --_01-brand---color--pink--950: #280310; --_01-brand---color--purple--50: #fcebff; --_01-brand---color--purple--100: #f9d7ff; --_01-brand---color--purple--150: #f6c4ff; --_01-brand---color--purple--200: #f3b0ff; --_01-brand---color--purple--250: #f09cff; --_01-brand---color--purple--300: #ed88ff; --_01-brand---color--purple--400: #ea75ff; --_01-brand---color--purple--500--4a: #e85fff0a; --_01-brand---color--purple--500--8a: #e85fff14; --_01-brand---color--purple--500--16a: #e85fff29; --_01-brand---color--purple--500--24a: #e85fff3d; --_01-brand---color--purple--500--32a: #e85fff52; --_01-brand---color--purple--500--100a: #e85fff; --_01-brand---color--purple--600: #e135ff; --_01-brand---color--purple--700: #da09ff; --_01-brand---color--purple--750: #bb00dc; --_01-brand---color--purple--800: #9600b0; --_01-brand---color--purple--850: #700084; --_01-brand---color--purple--900: #4b0058; --_01-brand---color--purple--950: #25002c; --_01-brand---color--blue--50: #e6f1fb; --_01-brand---color--blue--100: #cde3f7; --_01-brand---color--blue--150: #b3d5f3; --_01-brand---color--blue--200: #9ac7ef; --_01-brand---color--blue--250: #81b9ea; --_01-brand---color--blue--300: #68abe6; --_01-brand---color--blue--400: #4e9de2; --_01-brand---color--blue--500--4a: #338fde0a; --_01-brand---color--blue--500--8a: #338fde14; --_01-brand---color--blue--500--16a: #338fde29; --_01-brand---color--blue--500--24a: #338fde3d; --_01-brand---color--blue--500--32a: #338fde52; --_01-brand---color--blue--500--100a: #338fde; --_01-brand---color--blue--600: #227ecf; --_01-brand---color--blue--700: #1d6cb2; --_01-brand---color--blue--750: #185a94; --_01-brand---color--blue--800: #134876; --_01-brand---color--blue--850: #0e3659; --_01-brand---color--blue--900: #0a243b; --_01-brand---color--blue--950: #05121e; --_01-brand---color--green--50: #eefae2; --_01-brand---color--green--100: #dcf6c5; --_01-brand---color--green--150: #cbf1a8; --_01-brand---color--green--200: #baec8b; --_01-brand---color--green--250: #a9e76e; --_01-brand---color--green--300: #97e351; --_01-brand---color--green--400: #86de34; --_01-brand---color--green--500--4a: #74ce220a; --_01-brand---color--green--500--8a: #74ce2214; --_01-brand---color--green--500--16a: #74ce2229; --_01-brand---color--green--500--24a: #74ce223d; --_01-brand---color--green--500--32a: #74ce2252; --_01-brand---color--green--500--100a: #74ce22; --_01-brand---color--green--600: #66b41d; --_01-brand---color--green--700: #589b19; --_01-brand---color--green--750: #498115; --_01-brand---color--green--800: #3a6711; --_01-brand---color--green--850: #2c4d0d; --_01-brand---color--green--900: #1d3408; --_01-brand---color--green--950: #0f1a04; --_01-brand---color--yellow--50: #fff7e7; --_01-brand---color--yellow--100: #ffeed0; --_01-brand---color--yellow--150: #ffe6b8; --_01-brand---color--yellow--200: #ffdea1; --_01-brand---color--yellow--250: #ffd689; --_01-brand---color--yellow--300: #ffcd71; --_01-brand---color--yellow--400: #ffc55a; --_01-brand---color--yellow--500--4a: #ffbd440a; --_01-brand---color--yellow--500--8a: #ffbd4414; --_01-brand---color--yellow--500--16a: #ffbd4429; --_01-brand---color--yellow--500--24a: #ffbd443d; --_01-brand---color--yellow--500--32a: #ffbd4452; --_01-brand---color--yellow--500--100a: #ffbd44; --_01-brand---color--yellow--600: #ffaf1a; --_01-brand---color--yellow--700: #f19d00; --_01-brand---color--yellow--750: #c98300; --_01-brand---color--yellow--800: #a16800; --_01-brand---color--yellow--850: #784e00; --_01-brand---color--yellow--900: #503400; --_01-brand---color--yellow--950: #281a00; --_01-brand---color--orange--50: #ffeee9; --_01-brand---color--orange--100: #ffded2; --_01-brand---color--orange--150: #ffcdbc; --_01-brand---color--orange--200: #ffbca6; --_01-brand---color--orange--250: #ffab8f; --_01-brand---color--orange--300: #ff9b79; --_01-brand---color--orange--400: #ff8a63; --_01-brand---color--orange--500--4a: #ff794c0a; --_01-brand---color--orange--500--8a: #ff794c14; --_01-brand---color--orange--500--16a: #ff794c29; --_01-brand---color--orange--500--24a: #ff794c3d; --_01-brand---color--orange--500--32a: #ff794c52; --_01-brand---color--orange--500--100a: #ff794c; --_01-brand---color--orange--600: #ff5a23; --_01-brand---color--orange--700: #f93e00; --_01-brand---color--orange--750: #cf3400; --_01-brand---color--orange--800: #a62900; --_01-brand---color--orange--850: #7c1f00; --_01-brand---color--orange--900: #531500; --_01-brand---color--orange--950: #290a00; --_01-brand---color--red--50: #fdeceb; --_01-brand---color--red--100: #fbd8d8; --_01-brand---color--red--150: #f9c5c4; --_01-brand---color--red--200: #f7b1b0; --_01-brand---color--red--250: #f59e9c; --_01-brand---color--red--300: #f38a89; --_01-brand---color--red--400: #f17775; --_01-brand---color--red--500--4a: #ef64610a; --_01-brand---color--red--500--8a: #ef646114; --_01-brand---color--red--500--16a: #ef646129; --_01-brand---color--red--500--24a: #ef64613d; --_01-brand---color--red--500--32a: #ef646152; --_01-brand---color--red--500--100a: #ef6461; --_01-brand---color--red--600: #ec3e3b; --_01-brand---color--red--700: #e61a17; --_01-brand---color--red--750: #bf1613; --_01-brand---color--red--800: #99110f; --_01-brand---color--red--850: #730d0b; --_01-brand---color--red--900: #4d0908; --_01-brand---color--red--950: #260404; --_01-brand---color--neutral--100: #e2e4f5; --_01-brand---color--neutral--150: #d0d2e2; --_01-brand---color--neutral--200: #bdbfcf; --_01-brand---color--neutral--250: #abadbd; --_01-brand---color--neutral--300: #9a9cab; --_01-brand---color--neutral--400: #888a9a; --_01-brand---color--neutral--500: #787988; --_01-brand---color--neutral--600: #676977; --_01-brand---color--neutral--700: #575967; --_01-brand---color--neutral--750: #484957; --_01-brand---color--neutral--800: #393a47; --_01-brand---color--neutral--850: #2a2c38; --_01-brand---color--neutral--900: #1d1e2a; --_01-brand---color--neutral--50--4a: #f7f8ff0a; --_01-brand---color--neutral--50--8a: #f7f8ff14; --_01-brand---color--neutral--50--16a: #f7f8ff29; --_01-brand---color--neutral--50--24a: #f7f8ff3d; --_01-brand---color--neutral--50--32a: #f7f8ff52; --_01-brand---color--neutral--50--100a: #f7f8ff; --_01-brand---color--neutral--950--4a: #10111c0a; --_01-brand---color--neutral--950--8a: #10111c14; --_01-brand---color--neutral--950--16a: #10111c29; --_01-brand---color--neutral--950--24a: #10111c3d; --_01-brand---color--neutral--950--32a: #10111c52; --_01-brand---color--neutral--950--100a: #10111c; --neutral--25\: whitesmoke; --alpha--purple--200\: #e85fff33; --alpha--purple--300\: #e85fff4d; --neutral--0\: white; --purple--50\: #fdf0ff; --purple--600\: #b900d2; --purple--700\: #860098; --neutral--300\: #9fa0a4; --neutral--500\: #707077; } body { color: #333; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } h1 { margin-top: 20px; margin-bottom: 10px; font-size: 38px; font-weight: bold; line-height: 44px; } h3 { margin-top: 20px; margin-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 30px; } p { margin-bottom: 10px; } .body { background-color: var(--bg--contrast\); color: var(--fg--base\); flex-flow: column; justify-content: flex-start; align-items: center; margin-left: 0; margin-right: 0; font-family: Factor A Regular, Arial, sans-serif; display: flex; } .page-wrapper { z-index: 1; grid-column-gap: 64px; grid-row-gap: 64px; background-color: var(--bg--base\); flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; width: 100%; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 0; display: flex; position: relative; top: 848px; } .page-wrapper.template { width: 100%; top: 82px; } .page-wrapper.no-home { top: 82px; } .header { z-index: 3; background-color: var(--_02-theme---surface--base); box-shadow: 0 0 8px 0 var(--_02-theme---surface--level); border-radius: 0 0 24px 24px; justify-content: center; align-items: center; width: 100%; height: 80px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 16px; display: flex; position: fixed; inset: 0 0% auto; } .wrapper { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); padding: 0px var(--_03-adaptive---island-padding--xl); grid-column-gap: 12px; grid-row-gap: 12px; flex: 1; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: relative; } .logotype { cursor: pointer; max-width: 220px; } .btn { grid-column-gap: 2px; grid-row-gap: 2px; cursor: pointer; background-color: #0000; border-radius: 12px; justify-content: center; align-items: center; padding: 12px; font-size: 16px; line-height: 24px; transition: all .15s; display: flex; position: relative; } .btn.accent { color: var(--accent--on-container\); } .btn.accent:hover { background-color: var(--accent--container-hover\); } .btn.accent:active { background-color: var(--accent--container-active\); } .btn.system { background-color: var(--neutral--900\); } .btn.system:hover { background-color: var(--neutral--800\); transform: translate(0, -4px); } .nav { grid-column-gap: 24px; grid-row-gap: 24px; flex: 1; justify-content: center; align-items: center; padding-left: 24px; padding-right: 24px; display: flex; } .section-hero { z-index: 1; max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); background-image: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/67446c0a605aef923fea92a8_bg_render.webp"); background-position: 50%; background-size: cover; flex-flow: row; justify-content: flex-start; align-items: center; width: 100%; height: 100%; max-height: 768px; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 24px; padding-bottom: 24px; padding-right: 24px; display: flex; position: fixed; inset: 80px 0% auto; } .section-hero.mobile { display: none; } .body-l { color: var(--_02-theme---foreground--primary); font-family: Factor A Regular, Arial, sans-serif; font-size: 16px; line-height: 24px; position: relative; } .body-l.contrast { color: var(--fg--contrast\); } .body-l.center { text-align: center; } .column { padding: var(--_03-adaptive---island-radius--xl); grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: center; align-items: flex-start; max-width: 50%; display: flex; } .button-accent-primary { background-color: var(--accent--default\); color: var(--accent--on-accent\); cursor: pointer; border-radius: 16px; justify-content: center; align-items: center; padding: 16px; font-family: Factor A Bold, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; transition: all .15s; display: flex; position: relative; } .button-accent-primary:hover { background-color: var(--hover--accent\); transform: translate(0, -4px); } .button-accent-primary:active { background-color: var(--accent--active\); transform: translate(0); } .button-accent-secondary { background-color: var(--_02-theme---surface--accent--container-default); color: var(--_02-theme---foreground--accent--default); cursor: pointer; border-radius: 16px; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 8px; font-family: Factor A Bold, Arial, sans-serif; font-size: 16px; line-height: 24px; transition: all .15s; display: flex; position: relative; } .button-accent-secondary:hover { background-color: var(--_02-theme---surface--accent--container-hover); color: var(--_02-theme---foreground--accent--hover); } .button-accent-secondary:active { background-color: var(--_02-theme---surface--accent--container-active); color: var(--_02-theme---foreground--accent--active); } .button-block { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; position: relative; } .content-wrapper { grid-column-gap: 192px; grid-row-gap: 192px; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; margin-left: auto; margin-right: auto; padding: 48px 24px; display: flex; position: relative; overflow: hidden; } .section { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); padding: 24px var(--_03-adaptive---island-padding--xl) var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-radius--xl); grid-row-gap: var(--_03-adaptive---island-radius--xl); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 96px; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: visible; } .section.left { justify-content: center; align-items: flex-start; height: 768px; } .section.big { margin-top: 96px; } .section.contrast { border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--contrast); padding-top: 24px; } .section.center { flex: 1; justify-content: center; align-items: center; } .section.contact { padding: var(--0); margin-top: 24px; } .display-s-strong { margin-top: 0; margin-bottom: 0; font-family: "Factor A Bold 100", Arial, sans-serif; font-size: 36px; line-height: 44px; } .display-s-strong.center { color: var(--_02-theme---foreground--accent--default); text-align: center; position: relative; } .grid-2-2 { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex; } .card-8 { grid-column-gap: 24px; grid-row-gap: 24px; cursor: pointer; flex-flow: row; flex: 1; align-items: flex-start; width: 100%; height: 360px; padding: 0; transition: all .15s; display: flex; position: relative; overflow: hidden; } .card-8:hover { transform: translate(0, -4px); } .card-4 { grid-column-gap: 12px; grid-row-gap: 12px; background-color: var(--bg--surface-1\); cursor: pointer; flex-flow: column; flex: 1; align-items: flex-start; padding: 24px; transition: all .15s; display: flex; position: relative; } .card-4:hover { transform: translate(0, -4px); } .heading-l { color: var(--accent--default\); margin-top: 0; margin-bottom: 0; font-family: Factor A Bold, Arial, sans-serif; position: relative; } .content { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 50%; height: 100%; padding: 24px; display: flex; position: relative; } .row { padding-top: var(--_03-adaptive---island-padding--xl); padding-bottom: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); scrollbar-width: none; align-items: stretch; width: 100%; display: flex; position: relative; overflow: scroll; } .row.mobile { flex: 1; } .line-left { align-items: center; display: flex; position: relative; } .card-quote { padding: var(--_03-adaptive---island-padding--xl); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--accent--container-default); flex-flow: column; flex: 1; justify-content: space-between; display: flex; position: relative; } .divider { background-color: var(--_02-theme---foreground--accent--default); width: 256px; height: 2px; position: relative; } .heading-l-wide { flex: 1; margin-top: 0; margin-bottom: 0; font-family: "Factor A Bold 100", Arial, sans-serif; position: relative; } .line-right { justify-content: flex-end; align-items: center; width: 100%; display: flex; } .body-l-strong { color: var(--accent--default\); margin-top: 0; margin-bottom: 0; font-family: Factor A Bold, Arial, sans-serif; font-size: 16px; position: relative; } .subtitle { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: center; align-items: flex-end; width: 100%; display: flex; position: relative; } .image-1-1 { width: 50%; position: relative; overflow: hidden; } .section-header { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; justify-content: space-between; align-items: center; width: 100%; display: flex; } .header-nav { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: center; align-items: center; display: flex; } .logo { justify-content: center; align-items: center; height: 48px; display: flex; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .utility-page-form { max-width: var(--_03-adaptive---width--w-6--max); min-width: var(--_03-adaptive---width--w-6--min); padding: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); border-radius: var(--_03-adaptive---island-padding--xl); background-color: var(--_02-theme---surface--l); flex-direction: column; justify-content: center; align-items: center; display: flex; position: relative; } .search-button, .field-label { display: none; } .search-input { background-color: #0000; border: 1px solid #0000; border-radius: 0; margin-bottom: 0; padding: 0; position: relative; } .search-input::placeholder { color: var(--fg--contrast\); font-family: Factor A Regular, Arial, sans-serif; font-size: 16px; line-height: 24px; } .search { max-width: 220px; margin-bottom: 0; position: relative; } .svg-2 { width: 24px; height: 24px; } .div-block-3 { grid-column-gap: 6px; grid-row-gap: 6px; opacity: 0; color: var(--fg--contrast\); border-radius: 12px; justify-content: flex-start; align-items: center; max-width: 220px; padding: 6px; display: flex; position: relative; } .card-4-blog { grid-column-gap: 12px; grid-row-gap: 12px; background-color: var(--bg--surface-1\); cursor: pointer; border-radius: 24px; flex-flow: column; flex: 1; align-items: flex-start; max-width: 464px; height: 100%; padding: 0; transition: all .15s; display: flex; position: relative; } .card-content { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 24px; display: flex; position: relative; } .heading-m { margin-top: 0; margin-bottom: 0; font-family: Factor A Bold, Arial, sans-serif; font-size: 20px; line-height: 28px; position: relative; } .meta { justify-content: flex-start; align-items: center; display: flex; } .desc-m { color: var(--fg--muted\); font-family: Factor A Regular, Arial, sans-serif; font-size: 12px; line-height: 15px; position: relative; } .card-12 { grid-column-gap: 24px; grid-row-gap: 24px; background-color: var(--bg--surface-1\); border-radius: 24px; justify-content: flex-start; align-items: center; padding: 0; display: flex; position: relative; } .form { flex-flow: column; width: 100%; margin-bottom: 0; display: flex; position: relative; } .body-m { font-weight: 400; } .input-field { outline-offset: 0px; background-color: #0000; border: 1px #0000; outline: 0 #0000; height: 20px; margin-bottom: 0; padding: 0; position: relative; } .input-field:active, .input-field:focus { outline-offset: 0px; color: var(--fg--base\); outline: 0 #0000; } .input { height: var(--_04-component---component-size--xl); grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--_01-brand---color--0); background-color: var(--_02-theme---surface--base); font-family: var(--_01-brand---font--family--regular); color: var(--_02-theme---foreground--muted); font-weight: var(--_01-brand---font--regular); border-radius: 12px; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 12px; display: flex; position: relative; } .input:active { color: var(--_02-theme---foreground--primary); } .svg-3 { justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; position: relative; } .form-2 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; } .input-label { grid-column-gap: 6px; grid-row-gap: 6px; flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; } .div-block-4 { color: var(--accent--default\); flex: 1 0 auto; justify-content: flex-start; align-items: center; width: 50%; height: 100%; display: flex; position: relative; } .footer { z-index: 4; background-color: var(--_02-theme---surface--base); flex-flow: column; justify-content: center; align-items: center; width: 100%; display: flex; position: relative; } .grid { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; width: 100%; position: relative; } .text-block-3 { color: var(--fg--soft\); } .footer-column { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .footer-column.center { flex-flow: row; justify-content: center; align-items: center; } .footer-column.right { flex-flow: column; justify-content: flex-start; align-items: flex-end; } .footer-column.horizontal, .footer-column.flip { flex-flow: row; justify-content: flex-start; align-items: center; } .image-2 { height: 48px; } .svg-4 { width: 24px; height: 24px; } .svg-5 { width: 24px; } .path { justify-content: center; align-items: center; padding-bottom: 0; display: flex; position: relative; } .svg-6 { justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; } .function-button { grid-column-gap: 8px; grid-row-gap: 8px; color: var(--_02-theme---foreground--accent--default); cursor: pointer; justify-content: flex-start; align-items: center; text-decoration: none; transition: all .15s; display: flex; position: relative; } .function-button:hover { color: var(--_02-theme---foreground--accent--hover); position: relative; } .function-button:active { color: var(--_02-theme---foreground--accent--active); } .svg-7 { width: 16px; } .svg-8 { width: 16px; height: 16px; } .svg-9 { width: 16px; } .card-4-image { aspect-ratio: 16 / 9; border-radius: 24px; position: relative; } .collection-list { grid-column-gap: 24px; grid-row-gap: 24px; display: flex; position: relative; } .pagination { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; justify-content: flex-start; align-items: center; margin-bottom: 24px; } .text-block-4 { display: none; } .button-icon-secondary { color: var(--bg--contrast\); background-color: #10111c1a; border-style: none; border-radius: 12px; justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding: 12px; display: flex; position: relative; } .button-icon-secondary:hover { background-color: #10111c33; } .icon { justify-content: center; align-items: center; width: 100%; height: 100%; margin-left: 0; padding-bottom: 0; padding-right: 0; display: flex; } .text-block-5 { display: none; } .collection-list-wrapper { width: 100%; } .image-3 { object-fit: cover; width: 100%; position: relative; overflow: hidden; } .image-4 { object-fit: cover; width: 100%; position: relative; } .display-xl { color: var(--accent--default\); margin-top: 0; margin-bottom: 0; font-family: "Factor A Bold 100", Arial, sans-serif; font-size: 128px; line-height: 128px; position: relative; } .display-l-strong { font-family: Factor A Bold, Arial, sans-serif; font-size: 48px; font-weight: 700; line-height: 56px; position: relative; } .display-l-strong.contrast { color: var(--_02-theme---foreground--contrast); } .display-m-strong-wide { margin-top: 0; margin-bottom: 0; font-family: "Factor A Bold 100", Arial, sans-serif; font-size: 40px; font-weight: 700; line-height: 48px; position: relative; } .body-2 { justify-content: center; align-items: center; display: flex; } .button-primary { border-radius: 12px; justify-content: center; align-items: center; padding: 12px; font-family: Factor A Bold, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; display: flex; position: relative; } .button-secondary { border-style: none; border-radius: 12px; flex: 1; justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding: 12px; font-family: Factor A Bold, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; text-decoration: none; display: flex; position: relative; } .button-ghost { border-radius: 12px; justify-content: center; align-items: center; padding: 12px; font-family: Factor A Regular, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; display: flex; position: relative; } .div-block-5 { background-color: var(--neutral--900\); width: 100%; height: 64px; } .div-block-6 { background-color: var(--neutral--800\); justify-content: center; align-items: center; width: 100%; display: flex; } .blog-short { max-width: var(--_03-adaptive---width--w-3--max); min-width: var(--_03-adaptive---width--w-3--min); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); cursor: pointer; background-color: #0000; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; transition: all .15s; display: flex; position: relative; overflow: hidden; } .blog-image { aspect-ratio: 16 / 9; border-radius: var(--_03-adaptive---island-radius--xl); object-fit: cover; width: 100%; position: relative; } .blog-short-content { grid-column-gap: var(--x4); grid-row-gap: var(--x4); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .paragraph { position: relative; } .blog-meta { grid-column-gap: var(--x2); grid-row-gap: var(--x2); justify-content: flex-start; align-items: center; width: 100%; display: flex; } .display-l-strong-wide.contrast { color: var(--_02-theme---foreground--contrast); } .cms-list { padding-top: var(--_03-adaptive---island-padding--xl); padding-bottom: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); scrollbar-width: none; scrollbar-color: transparent #e85fff; flex: 1; justify-content: flex-start; align-items: stretch; width: 100%; height: 100%; display: flex; position: relative; overflow: scroll; } .collection-item { max-width: var(--_03-adaptive---width--w-3--max); min-width: var(--_03-adaptive---width--w-3--min); flex: none; height: 100%; } .icon-2, .icon-3 { display: none; } .pagination-2 { flex-flow: row; justify-content: flex-start; align-items: center; } .cms-wrapper { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); flex-flow: column; width: 100%; margin-bottom: 128px; margin-left: auto; margin-right: auto; display: flex; } .section-nav { justify-content: flex-start; align-items: center; display: flex; } .section-content { flex: none; width: 100%; display: flex; position: relative; } .form-primary { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; position: relative; } .message-box { border-radius: 12px; font-size: 16px; line-height: 24px; position: relative; } .text-block-6 { text-align: center; } .div-block-7 { justify-content: flex-start; align-items: center; width: 100%; display: flex; } .gradient { background-image: linear-gradient(299deg, var(--purple--500\), var(--pink--500\)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; width: 100%; } .font-heading { font-family: var(--_01-brand---font--family--wide); color: inherit; margin-top: 0; margin-bottom: 0; position: relative; } .font-heading.xl { font-size: var(--_03-adaptive---font--size--heading--xl); line-height: var(--_03-adaptive---font--line-height--heading--xl); } .font-heading.xl.strong { font-weight: var(--_01-brand---font--strong); } .font-heading.xl.regular { font-weight: var(--_01-brand---font--regular); } .font-heading.l { font-size: var(--_03-adaptive---font--size--heading--l); line-height: var(--_03-adaptive---font--line-height--heading--l); } .font-heading.l.strong { font-weight: var(--_01-brand---font--strong); } .font-heading.l.regular { font-weight: var(--_01-brand---font--regular); } .font-heading.m { font-size: var(--_03-adaptive---font--size--heading--m); line-height: var(--_03-adaptive---font--line-height--heading--m); } .font-heading.m.strong { font-weight: var(--_01-brand---font--strong); } .font-heading.m.strong.muted { color: var(--_02-theme---foreground--muted); } .font-heading.m.strong.accent { color: var(--_02-theme---foreground--accent--default); } .font-heading.m.regular { font-weight: var(--_01-brand---font--regular); } .font-heading.s { font-size: var(--_03-adaptive---font--size--heading--s); line-height: var(--_03-adaptive---font--line-height--heading--s); } .font-heading.s.strong { font-weight: var(--_01-brand---font--strong); } .font-heading.s.regular { font-weight: var(--_01-brand---font--regular); } .card-6 { max-width: var(--_03-adaptive---width--w-6--max); min-width: var(--_03-adaptive---width--w-6--min); aspect-ratio: 2; border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--xl); background-image: linear-gradient(285deg, var(--purple--500\), var(--neutral--900\) 45%); color: var(--_02-theme---foreground--primary); flex-flow: row; justify-content: flex-start; align-items: flex-end; display: flex; position: relative; overflow: hidden; } .card-wrapper { padding: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--l); grid-row-gap: var(--_03-adaptive---island-padding--l); flex-flow: column; width: 50%; display: flex; position: relative; } .card-3 { max-width: var(--_03-adaptive---width--w-3--max); min-width: var(--_03-adaptive---width--w-3--min); padding: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--l); grid-row-gap: var(--_03-adaptive---island-padding--l); border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--l); box-shadow: 0 0 16px 0 var(--_02-theme---surface--level); cursor: pointer; flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; width: 100%; transition: all .15s; display: flex; position: relative; } .card-3.no-hover { max-width: var(--_03-adaptive---width--w-3--max); min-width: var(--_03-adaptive---width--w-3--min); padding: var(--_03-adaptive---island-padding--xl); justify-content: center; align-items: center; width: auto; } .card-3.no-hover:hover { transform: none; } .card-team { cursor: pointer; flex-flow: column; transition: all .15s; display: flex; } .card-team:hover { transform: translate(0, -4px); } .card-team:active { transform: translate(0); } .card-team-header { display: flex; } .team-photo { aspect-ratio: 1; max-width: 128px; position: relative; } .team-name { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .secondary { color: var(--fg--soft\); } .section-scroll { padding-top: var(--_03-adaptive---island-padding--xl); padding-right: var(--_03-adaptive---island-padding--xl); padding-bottom: var(--_03-adaptive---island-padding--xl); padding-left: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); scrollbar-width: none; flex-flow: wrap; width: 100%; display: flex; position: relative; overflow: scroll; } .partner-logo { aspect-ratio: 2.39; object-fit: contain; flex: 1; width: 100%; position: relative; } .navbar { z-index: 3; display: none; } .card { flex: 1; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; } .card-inner { flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; max-width: 100%; display: flex; } .card-image { aspect-ratio: 16 / 9; object-fit: cover; flex: 1; max-width: 50%; position: relative; } .functionbutton { grid-column-gap: 4px; grid-row-gap: 4px; color: var(--accent--default\); cursor: pointer; justify-content: flex-start; align-items: center; font-size: 16px; line-height: 24px; text-decoration: none; transition: all .15s cubic-bezier(.455, .03, .515, .955); display: flex; position: relative; } .functionbutton:hover { color: var(--accent--hover\); transform: translate(0, -4px); } .functionbutton:active { color: var(--accent--active\); transform: translate(0); } .collection-list-3 { scrollbar-width: none; display: flex; } .columns { flex: 1; width: 100%; padding-right: 0; display: flex; position: relative; } .column-2 { flex-flow: column; flex: 1; display: flex; } .column-3 { flex: 1; padding-left: 0; padding-right: 0; display: flex; } .collection-list-4 { display: flex; } .card-subtitle { color: var(--fg--muted\); width: 100%; } .pageimage { aspect-ratio: 16 / 9; object-fit: fill; width: 100%; position: relative; } .pageparagraph { width: 100%; } .blog-item-list { color: inherit; width: 100%; text-decoration: none; display: flex; } .collection-list-wrapper-3 { width: 100%; } .collection-list-5 { flex-flow: column; display: flex; } .image-blog { aspect-ratio: 16 / 9; object-fit: cover; max-height: 256px; } .breadcrumb { color: var(--fg--soft\); cursor: pointer; font-size: 16px; line-height: 24px; text-decoration: none; transition: all .15s cubic-bezier(.455, .03, .515, .955); } .breadcrumb:hover { color: var(--accent--hover\); transform: translate(0, -4px); } .breadcrumb:active { color: var(--accent--active\); transform: translate(0); } .breadcrumbs { justify-content: flex-start; align-items: center; width: 100%; display: flex; } .bread-divider { justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; } .button-back { grid-column-gap: 4px; grid-row-gap: 4px; color: var(--_02-theme---foreground--accent--default); cursor: pointer; justify-content: flex-start; align-items: center; font-size: 16px; line-height: 24px; transition: all .15s; display: flex; } .button-back:hover { color: var(--_02-theme---foreground--accent--hover); } .button-back:active { color: var(--_02-theme---foreground--accent--active); } .code-embed { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .collection-list-wrapper-4 { width: 100%; } .collection-list-6 { flex-flow: column; display: flex; } .collection-list-wrapper-5 { width: 100%; } .collection-list-7 { flex-flow: column; display: flex; position: relative; } .hero-image { width: 50%; padding-bottom: 0; padding-right: 0; } .image-hero { aspect-ratio: 1; width: 50%; position: relative; } .rich-text { font-size: 16px; line-height: 24px; position: relative; } .paragraph-2 { position: relative; } .heading-2 { font-family: Factor A Bold, Arial, sans-serif; } .blog-short-paragraph { text-overflow: ellipsis; white-space: nowrap; max-width: 100%; position: relative; overflow: hidden; } .paragraph-3 { white-space: nowrap; max-width: 100%; max-height: 7ch; margin-bottom: 0; display: inline-flex; overflow: hidden; } .legal { justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative; } .paralegal { color: var(--fg--muted\); text-align: center; margin-bottom: 0; position: relative; } .link-block { grid-column-gap: 6px; grid-row-gap: 6px; background-color: var(--_02-theme---surface--utility--default); color: var(--_02-theme---foreground--utility--on-container); cursor: pointer; justify-content: center; align-items: center; height: 56px; padding: 12px; text-decoration: none; transition: all .15s; display: flex; position: relative; } .link-block:hover { background-color: var(--_02-theme---surface--utility--hover); } .link-block:active { background-color: var(--_02-theme---surface--utility--active); } .icon-wrapper { justify-content: center; align-items: center; display: flex; position: relative; } .icon-wrapper.m { width: 32px; height: 32px; } .icon-new { width: 100%; height: 100%; padding: 0; } .button-text { color: inherit; text-decoration: none; position: relative; } .body-new { background-color: var(--_02-theme---surface--base); color: var(--_02-theme---foreground--primary); --_02-theme---surface--base: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--level: var(--_01-brand---color--0); --_02-theme---foreground--primary: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--accent--container-default: var(--_01-brand---color--purple--500--16a); --_02-theme---foreground--accent--default: var(--_02-theme---surface--accent--default); --_02-theme---surface--accent--container-hover: var(--_01-brand---color--purple--500--24a); --_02-theme---foreground--accent--hover: var(--_02-theme---surface--accent--hover); --_02-theme---surface--accent--container-active: var(--_01-brand---color--purple--500--32a); --_02-theme---foreground--accent--active: var(--_02-theme---surface--accent--active); --_02-theme---surface--contrast: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--l: var(--_01-brand---color--neutral--850); --_02-theme---foreground--muted: var(--_01-brand---color--neutral--400); --_02-theme---foreground--contrast: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--xl: var(--_01-brand---color--neutral--900); --_02-theme---surface--utility--default: var(--_01-brand---color--pink--500--100a); --_02-theme---foreground--utility--on-container: var(--_01-brand---color--pink--950); --_02-theme---surface--utility--hover: var(--_01-brand---color--pink--300); --_02-theme---surface--utility--active: var(--_01-brand---color--pink--200); --_02-theme---surface--system--default: var(--_01-brand---color--neutral--50--100a); --_02-theme---foreground--system--on-container: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--system--container-default: var(--_01-brand---color--neutral--50--16a); --_02-theme---foreground--system--default: var(--_02-theme---surface--system--default); --_02-theme---surface--accent--default: var(--_01-brand---color--purple--500--100a); --_02-theme---foreground--accent--on-container: var(--_01-brand---color--purple--950); --_02-theme---surface--positive--default: var(--_01-brand---color--green--500--100a); --_02-theme---foreground--positive--on-container: var(--_01-brand---color--green--950); --_02-theme---surface--positive--container-default: var(--_01-brand---color--green--500--16a); --_02-theme---foreground--positive--default: var(--_02-theme---surface--positive--default); --_02-theme---surface--negative--default: var(--_01-brand---color--red--500--100a); --_02-theme---foreground--negative--on-container: var(--_01-brand---color--red--950); --_02-theme---surface--negative--container-default: var(--_01-brand---color--red--500--16a); --_02-theme---foreground--negative--default: var(--_02-theme---surface--negative--default); --_02-theme---surface--warning--default: var(--_01-brand---color--yellow--500--100a); --_02-theme---foreground--warning--on-container: var(--_01-brand---color--yellow--950); --_02-theme---surface--warning--container-default: var(--_01-brand---color--yellow--500--16a); --_02-theme---foreground--warning--default: var(--_02-theme---surface--warning--default); --_02-theme---surface--info--default: var(--_01-brand---color--blue--500--100a); --_02-theme---foreground--info--on-container: var(--_01-brand---color--blue--950); --_02-theme---surface--info--container-default: var(--_01-brand---color--blue--500--16a); --_02-theme---foreground--info--default: var(--_02-theme---surface--info--default); --_02-theme---surface--utility--container-default: var(--_01-brand---color--pink--500--16a); --_02-theme---foreground--utility--default: var(--_02-theme---surface--utility--default); --_02-theme---surface--neutral--default: var(--_01-brand---color--neutral--700); --_02-theme---foreground--neutral--on-container: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--neutral--container-default: var(--_01-brand---color--neutral--50--16a); --_02-theme---surface--disabled: var(--_01-brand---color--neutral--50--8a); --_02-theme---foreground--disabled: var(--_01-brand---color--neutral--50--8a); --_02-theme---surface--system--hover: var(--_01-brand---color--neutral--200); --_02-theme---surface--system--container-hover: var(--_01-brand---color--neutral--50--24a); --_02-theme---surface--accent--hover: var(--_01-brand---color--purple--300); --_02-theme---surface--positive--hover: var(--_01-brand---color--green--300); --_02-theme---surface--positive--container-hover: var(--_01-brand---color--green--500--24a); --_02-theme---surface--negative--hover: var(--_01-brand---color--red--300); --_02-theme---surface--negative--container-hover: var(--_01-brand---color--red--500--24a); --_02-theme---surface--warning--hover: var(--_01-brand---color--yellow--300); --_02-theme---surface--warning--container-hover: var(--_01-brand---color--yellow--500--24a); --_02-theme---surface--info--hover: var(--_01-brand---color--blue--300); --_02-theme---surface--info--container-hover: var(--_01-brand---color--blue--500--24a); --_02-theme---surface--utility--container-hover: var(--_01-brand---color--pink--500--24a); --_02-theme---surface--neutral--hover: var(--_01-brand---color--neutral--500); --_02-theme---surface--neutral--container-hover: var(--_01-brand---color--neutral--50--24a); --_02-theme---surface--system--active: var(--_01-brand---color--neutral--400); --_02-theme---surface--system--container-active: var(--_01-brand---color--neutral--50--32a); --_02-theme---surface--accent--active: var(--_01-brand---color--purple--200); --_02-theme---surface--positive--active: var(--_01-brand---color--green--200); --_02-theme---surface--positive--container-active: var(--_01-brand---color--green--500--32a); --_02-theme---surface--negative--active: var(--_01-brand---color--red--200); --_02-theme---surface--negative--container-active: var(--_01-brand---color--red--500--32a); --_02-theme---surface--warning--active: var(--_01-brand---color--yellow--200); --_02-theme---surface--warning--container-active: var(--_01-brand---color--yellow--500--32a); --_02-theme---surface--info--active: var(--_01-brand---color--blue--200); --_02-theme---surface--info--container-active: var(--_01-brand---color--blue--500--32a); --_02-theme---surface--utility--container-active: var(--_01-brand---color--pink--500--32a); --_02-theme---surface--neutral--active: var(--_01-brand---color--neutral--300); --_02-theme---surface--neutral--container-active: var(--_01-brand---color--neutral--50--32a); --_02-theme---foreground--positive--hover: var(--_02-theme---surface--positive--hover); --_02-theme---foreground--negative--hover: var(--_02-theme---surface--negative--hover); --_02-theme---foreground--warning--hover: var(--_02-theme---surface--warning--hover); --_02-theme---foreground--info--hover: var(--_02-theme---surface--info--hover); --_02-theme---foreground--utility--hover: var(--_02-theme---surface--utility--hover); --_02-theme---foreground--positive--active: var(--_02-theme---surface--positive--active); --_02-theme---foreground--negative--active: var(--_02-theme---surface--negative--active); --_02-theme---foreground--warning--active: var(--_02-theme---surface--warning--active); --_02-theme---foreground--info--active: var(--_02-theme---surface--info--active); --_02-theme---foreground--utility--active: var(--_02-theme---surface--utility--active); --_02-theme---foreground--soft: var(--_01-brand---color--neutral--200); --_02-theme---foreground--static-dark: var(--_01-brand---color--neutral--50--100a); --_02-theme---foreground--static-light: var(--_01-brand---color--neutral--950--100a); --_02-theme---foreground--neutral--default: var(--_02-theme---surface--neutral--default); --_02-theme---foreground--neutral--hover: var(--_02-theme---surface--neutral--hover); --_02-theme---foreground--neutral--active: var(--_02-theme---surface--neutral--active); --_02-theme---foreground--system--hover: var(--_02-theme---surface--system--hover); --_02-theme---foreground--system--active: var(--_02-theme---surface--system--active); --_02-theme---surface--m: var(--_01-brand---color--neutral--800); --_02-theme---surface--s: var(--_01-brand---color--neutral--750); --_02-theme---surface--elevated: var(--_01-brand---color--neutral--700); --_02-theme---surface--static-dark: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--static-light: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--utility--container-soft: var(--_01-brand---color--pink--500--8a); --_02-theme---surface--utility--container-muted: var(--_01-brand---color--pink--500--4a); --_02-theme---surface--info--container-soft: var(--_01-brand---color--blue--500--8a); --_02-theme---surface--info--container-muted: var(--_01-brand---color--blue--500--4a); --_02-theme---surface--warning--container-soft: var(--_01-brand---color--yellow--500--8a); --_02-theme---surface--warning--container-muted: var(--_01-brand---color--yellow--500--4a); --_02-theme---surface--negative--container-soft: var(--_01-brand---color--red--500--8a); --_02-theme---surface--negative--container-muted: var(--_01-brand---color--red--500--4a); --_02-theme---surface--positive--container-soft: var(--_01-brand---color--green--500--8a); --_02-theme---surface--positive--container-muted: var(--_01-brand---color--green--500--4a); --_02-theme---surface--accent--container-soft: var(--_01-brand---color--purple--500--8a); --_02-theme---surface--accent--container-muted: var(--_01-brand---color--purple--500--4a); --_02-theme---surface--neutral--container-soft: var(--_01-brand---color--neutral--50--8a); --_02-theme---surface--neutral--container-muted: var(--_01-brand---color--neutral--50--4a); --_02-theme---surface--system--container-soft: var(--_01-brand---color--neutral--50--8a); --_02-theme---surface--system--container-muted: var(--_01-brand---color--neutral--50--4a); scrollbar-width: none; flex-flow: column; justify-content: flex-start; align-items: center; padding-left: 0; padding-right: 0; display: flex; } .body-new.light { --_02-theme---surface--base: var(--_01-brand---color--neutral--100); --_02-theme---surface--level: var(--_01-brand---color--neutral--950--8a); --_02-theme---foreground--primary: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--accent--container-default: var(--_01-brand---color--purple--500--16a); --_02-theme---foreground--accent--default: var(--_02-theme---surface--accent--default); --_02-theme---surface--accent--container-hover: var(--_01-brand---color--purple--500--24a); --_02-theme---foreground--accent--hover: var(--_02-theme---surface--accent--hover); --_02-theme---surface--accent--container-active: var(--_01-brand---color--purple--500--32a); --_02-theme---foreground--accent--active: var(--_02-theme---surface--accent--active); --_02-theme---surface--contrast: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--l: var(--_01-brand---color--neutral--50--100a); --_02-theme---foreground--muted: var(--_01-brand---color--neutral--400); --_02-theme---foreground--contrast: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--xl: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--utility--default: var(--_01-brand---color--pink--600); --_02-theme---foreground--utility--on-container: var(--_01-brand---color--pink--50); --_02-theme---surface--utility--hover: var(--_01-brand---color--pink--750); --_02-theme---surface--utility--active: var(--_01-brand---color--pink--850); --_02-theme---surface--system--default: var(--_01-brand---color--neutral--950--100a); --_02-theme---foreground--system--on-container: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--system--container-default: var(--_01-brand---color--neutral--950--16a); --_02-theme---foreground--system--default: var(--_02-theme---surface--system--default); --_02-theme---surface--accent--default: var(--_01-brand---color--purple--600); --_02-theme---foreground--accent--on-container: var(--_01-brand---color--purple--50); --_02-theme---surface--positive--default: var(--_01-brand---color--green--600); --_02-theme---foreground--positive--on-container: var(--_01-brand---color--green--50); --_02-theme---surface--positive--container-default: var(--_01-brand---color--green--500--16a); --_02-theme---foreground--positive--default: var(--_02-theme---surface--positive--default); --_02-theme---surface--negative--default: var(--_01-brand---color--red--600); --_02-theme---foreground--negative--on-container: var(--_01-brand---color--red--50); --_02-theme---surface--negative--container-default: var(--_01-brand---color--red--500--16a); --_02-theme---foreground--negative--default: var(--_02-theme---surface--negative--default); --_02-theme---surface--warning--default: var(--_01-brand---color--yellow--600); --_02-theme---foreground--warning--on-container: var(--_01-brand---color--yellow--50); --_02-theme---surface--warning--container-default: var(--_01-brand---color--yellow--500--16a); --_02-theme---foreground--warning--default: var(--_02-theme---surface--warning--default); --_02-theme---surface--info--default: var(--_01-brand---color--blue--600); --_02-theme---foreground--info--on-container: var(--_01-brand---color--blue--50); --_02-theme---surface--info--container-default: var(--_01-brand---color--blue--500--16a); --_02-theme---foreground--info--default: var(--_02-theme---surface--info--default); --_02-theme---surface--utility--container-default: var(--_01-brand---color--pink--500--16a); --_02-theme---foreground--utility--default: var(--_02-theme---surface--utility--default); --_02-theme---surface--neutral--default: var(--_01-brand---color--neutral--200); --_02-theme---foreground--neutral--on-container: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--neutral--container-default: var(--_01-brand---color--neutral--950--16a); --_02-theme---surface--disabled: var(--_01-brand---color--neutral--950--8a); --_02-theme---foreground--disabled: var(--_01-brand---color--neutral--950--8a); --_02-theme---surface--system--hover: var(--_01-brand---color--neutral--800); --_02-theme---surface--system--container-hover: var(--_01-brand---color--neutral--950--24a); --_02-theme---surface--accent--hover: var(--_01-brand---color--purple--750); --_02-theme---surface--positive--hover: var(--_01-brand---color--green--750); --_02-theme---surface--positive--container-hover: var(--_01-brand---color--green--500--24a); --_02-theme---surface--negative--hover: var(--_01-brand---color--red--750); --_02-theme---surface--negative--container-hover: var(--_01-brand---color--red--500--24a); --_02-theme---surface--warning--hover: var(--_01-brand---color--yellow--750); --_02-theme---surface--warning--container-hover: var(--_01-brand---color--yellow--500--24a); --_02-theme---surface--info--hover: var(--_01-brand---color--blue--750); --_02-theme---surface--info--container-hover: var(--_01-brand---color--blue--500--24a); --_02-theme---surface--utility--container-hover: var(--_01-brand---color--pink--500--24a); --_02-theme---surface--neutral--hover: var(--_01-brand---color--neutral--300); --_02-theme---surface--neutral--container-hover: var(--_01-brand---color--neutral--950--24a); --_02-theme---surface--system--active: var(--_01-brand---color--neutral--700); --_02-theme---surface--system--container-active: var(--_01-brand---color--neutral--950--32a); --_02-theme---surface--accent--active: var(--_01-brand---color--purple--850); --_02-theme---surface--positive--active: var(--_01-brand---color--green--850); --_02-theme---surface--positive--container-active: var(--_01-brand---color--green--500--32a); --_02-theme---surface--negative--active: var(--_01-brand---color--red--850); --_02-theme---surface--negative--container-active: var(--_01-brand---color--red--500--32a); --_02-theme---surface--warning--active: var(--_01-brand---color--yellow--850); --_02-theme---surface--warning--container-active: var(--_01-brand---color--yellow--500--32a); --_02-theme---surface--info--active: var(--_01-brand---color--blue--800); --_02-theme---surface--info--container-active: var(--_01-brand---color--blue--500--32a); --_02-theme---surface--utility--container-active: var(--_01-brand---color--pink--500--32a); --_02-theme---surface--neutral--active: var(--_01-brand---color--neutral--500); --_02-theme---surface--neutral--container-active: var(--_01-brand---color--neutral--950--32a); --_02-theme---foreground--positive--hover: var(--_02-theme---surface--positive--hover); --_02-theme---foreground--negative--hover: var(--_02-theme---surface--negative--hover); --_02-theme---foreground--warning--hover: var(--_02-theme---surface--warning--hover); --_02-theme---foreground--info--hover: var(--_02-theme---surface--info--hover); --_02-theme---foreground--utility--hover: var(--_02-theme---surface--utility--hover); --_02-theme---foreground--positive--active: var(--_02-theme---surface--positive--active); --_02-theme---foreground--negative--active: var(--_02-theme---surface--negative--active); --_02-theme---foreground--warning--active: var(--_02-theme---surface--warning--active); --_02-theme---foreground--info--active: var(--_02-theme---surface--info--active); --_02-theme---foreground--utility--active: var(--_02-theme---surface--utility--active); --_02-theme---foreground--soft: var(--_01-brand---color--neutral--700); --_02-theme---foreground--static-dark: var(--_01-brand---color--neutral--50--100a); --_02-theme---foreground--static-light: var(--_01-brand---color--neutral--950--100a); --_02-theme---foreground--neutral--default: var(--_02-theme---surface--neutral--default); --_02-theme---foreground--neutral--hover: var(--_02-theme---surface--neutral--hover); --_02-theme---foreground--neutral--active: var(--_02-theme---surface--neutral--active); --_02-theme---foreground--system--hover: var(--_02-theme---surface--system--hover); --_02-theme---foreground--system--active: var(--_02-theme---surface--system--active); --_02-theme---surface--m: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--s: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--elevated: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--static-dark: var(--_01-brand---color--neutral--950--100a); --_02-theme---surface--static-light: var(--_01-brand---color--neutral--50--100a); --_02-theme---surface--utility--container-soft: var(--_01-brand---color--pink--500--8a); --_02-theme---surface--utility--container-muted: var(--_01-brand---color--pink--500--4a); --_02-theme---surface--info--container-soft: var(--_01-brand---color--blue--500--8a); --_02-theme---surface--info--container-muted: var(--_01-brand---color--blue--500--4a); --_02-theme---surface--warning--container-soft: var(--_01-brand---color--yellow--500--8a); --_02-theme---surface--warning--container-muted: var(--_01-brand---color--yellow--500--4a); --_02-theme---surface--negative--container-soft: var(--_01-brand---color--red--500--8a); --_02-theme---surface--negative--container-muted: var(--_01-brand---color--red--500--4a); --_02-theme---surface--positive--container-soft: var(--_01-brand---color--green--500--8a); --_02-theme---surface--positive--container-muted: var(--_01-brand---color--green--500--4a); --_02-theme---surface--accent--container-soft: var(--_01-brand---color--purple--500--8a); --_02-theme---surface--accent--container-muted: var(--_01-brand---color--purple--500--4a); --_02-theme---surface--neutral--container-soft: var(--_01-brand---color--neutral--950--8a); --_02-theme---surface--neutral--container-muted: var(--_01-brand---color--neutral--950--4a); --_02-theme---surface--system--container-soft: var(--_01-brand---color--neutral--950--8a); --_02-theme---surface--system--container-muted: var(--_01-brand---color--neutral--950--4a); } .icon-dev { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .page-wr { z-index: 2; padding-top: var(--_03-adaptive---island-padding--xl); padding-right: var(--_03-adaptive---island-padding--xl); padding-bottom: var(--_03-adaptive---island-padding--xl); padding-left: var(--_03-adaptive---island-padding--xl); border-top-left-radius: var(--_03-adaptive---island-radius--xl); border-top-right-radius: var(--_03-adaptive---island-radius--xl); border-bottom-left-radius: var(--_03-adaptive---island-radius--xl); border-bottom-right-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--xl); scrollbar-width: none; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; margin-top: 848px; display: flex; position: relative; overflow: scroll; } .page-wr.no-home { flex: 1; min-height: 100%; margin-top: 80px; } .card-feature { border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--xl); box-shadow: 0 0 16px 0 var(--_02-theme---surface--level); color: var(--_02-theme---foreground--primary); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .card-feature._w-12 { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); } .card-feature._w-10 { max-width: var(--_03-adaptive---width--w-10--max); min-width: var(--_03-adaptive---width--w-10--min); } .card-feature._w-8 { max-width: var(--_03-adaptive---width--w-8--max); min-width: var(--_03-adaptive---width--w-8--min); } .card-feature._w-6 { max-width: var(--_03-adaptive---width--w-6--max); min-width: var(--_03-adaptive---width--w-6--min); } .card-feature._w-4 { max-width: var(--_03-adaptive---width--w-4--max); min-width: var(--_03-adaptive---width--w-4--min); } .card-feature._w-3 { max-width: var(--_03-adaptive---width--w-3--max); min-width: var(--_03-adaptive---width--w-3--min); background-color: var(--_02-theme---surface--l); overflow: hidden; } .card-feature._w-2 { max-width: var(--_03-adaptive---width--w-2--max); min-width: var(--_03-adaptive---width--w-2--min); } .card-feature._w-1 { max-width: var(--_03-adaptive---width--w-1--max); min-width: var(--_03-adaptive---width--w-1--min); } .slider { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); padding-top: var(--_03-adaptive---island-padding--xl); padding-right: var(--_03-adaptive---island-padding--xl); padding-bottom: var(--_03-adaptive---island-padding--xl); padding-left: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); scrollbar-width: none; flex-flow: row; flex: 1; width: 100%; margin-bottom: 64px; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: scroll; } .button { font-family: var(--_01-brand---font--family--regular); cursor: pointer; justify-content: center; align-items: center; padding: 0; text-decoration: none; transition: all .2s; display: flex; position: relative; } .button.s { height: var(--_04-component---component-size--s); padding: var(--x1-5); border-radius: var(--_04-component---border-radius--s); font-size: var(--_03-adaptive---font--size--body--s); line-height: var(--_03-adaptive---font--lihe-height--body--s); } .button.s:where(.w-variant-80632ff6-522c-73ee-04a7-b907922d2cbd) { background-color: var(--_02-theme---surface--system--default); color: var(--_02-theme---foreground--system--on-container); } .button.s:where(.w-variant-d8a5fe3f-5e8e-ee2e-93ae-1fe89ad55cfa) { background-color: var(--_02-theme---surface--system--container-default); color: var(--_02-theme---foreground--system--default); } .button.s:where(.w-variant-5b04f8a1-ad91-c254-2cc4-705aa4efc69b) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---surface--system--default); } .button.s:where(.w-variant-b686f291-74d7-edf9-4867-8ef3994f2426) { background-color: var(--_02-theme---surface--accent--default); color: var(--_02-theme---foreground--accent--on-container); } .button.s:where(.w-variant-108124fe-ad65-dd7f-4f39-98720d0f43a2) { background-color: var(--_02-theme---surface--accent--container-default); color: var(--_02-theme---foreground--accent--default); } .button.s:where(.w-variant-0d72dc0b-39d4-06b0-fc8c-ec9f68d7f13c) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--accent--default); } .button.s:where(.w-variant-68596e75-d72f-2afe-067a-62f0c50f88ec) { background-color: var(--_02-theme---surface--positive--default); color: var(--_02-theme---foreground--positive--on-container); } .button.s:where(.w-variant-bb5417a8-1549-407c-196d-8ab481b3057d) { background-color: var(--_02-theme---surface--positive--container-default); color: var(--_02-theme---foreground--positive--default); } .button.s:where(.w-variant-39b540d5-0506-9319-bf74-004d1d91d7d4) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--positive--default); } .button.s:where(.w-variant-0c22d819-2613-8a1d-10c8-269a4332eb0b) { background-color: var(--_02-theme---surface--negative--default); color: var(--_02-theme---foreground--negative--on-container); } .button.s:where(.w-variant-1beaac68-de43-0084-62fa-077efbd6af7e) { background-color: var(--_02-theme---surface--negative--container-default); color: var(--_02-theme---foreground--negative--default); } .button.s:where(.w-variant-315d408d-98b0-bfc6-3827-484ecc647252) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--negative--default); } .button.s:where(.w-variant-44afca59-df20-be6a-212f-a50cb11ced7d) { background-color: var(--_02-theme---surface--warning--default); color: var(--_02-theme---foreground--warning--on-container); } .button.s:where(.w-variant-0862159a-bb09-2a2b-d6ae-7c9f13150188) { background-color: var(--_02-theme---surface--warning--container-default); color: var(--_02-theme---foreground--warning--default); } .button.s:where(.w-variant-e0879c15-0e0e-2a18-fee9-96fe229d84d0) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--warning--default); } .button.s:where(.w-variant-32cc3048-3b86-01d6-f66d-e9ebddb85055) { background-color: var(--_02-theme---surface--info--default); color: var(--_02-theme---foreground--info--on-container); } .button.s:where(.w-variant-b8f985bf-4000-8eeb-2508-df6047b86ccd) { background-color: var(--_02-theme---surface--info--container-default); color: var(--_02-theme---foreground--info--default); } .button.s:where(.w-variant-aea03f58-933d-6a05-25fa-8f336c8073cc) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--info--default); } .button.s:where(.w-variant-5d687116-fe9e-3e5e-4dcf-dd32895f174f) { background-color: var(--_02-theme---surface--utility--default); color: var(--_02-theme---foreground--utility--on-container); } .button.s:where(.w-variant-e0f13238-8051-9747-c319-949e78d01cf7) { background-color: var(--_02-theme---surface--utility--container-default); color: var(--_02-theme---foreground--utility--default); } .button.s:where(.w-variant-62a86c03-f2ff-ff45-9699-64a5c9ba4c0b) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--utility--default); } .button.s:where(.w-variant-42f60ea1-03c8-d915-3a70-43b4215bf7cb) { background-color: var(--_02-theme---surface--neutral--default); color: var(--_02-theme---foreground--neutral--on-container); } .button.s:where(.w-variant-8aa53542-f01b-858c-82c3-0297c8834f01) { background-color: var(--_02-theme---surface--neutral--container-default); color: var(--_02-theme---foreground--neutral--on-container); } .button.s:where(.w-variant-19fb7afc-8231-d510-9064-e27e56fb370b) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--neutral--on-container); } .button.s:where(.w-variant-cd9e0d46-da8c-78a1-b5a4-3744cb8e4cdf) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.s:hover:where(.w-variant-80632ff6-522c-73ee-04a7-b907922d2cbd) { background-color: var(--_02-theme---surface--system--hover); } .button.s:hover:where(.w-variant-d8a5fe3f-5e8e-ee2e-93ae-1fe89ad55cfa), .button.s:hover:where(.w-variant-5b04f8a1-ad91-c254-2cc4-705aa4efc69b) { background-color: var(--_02-theme---surface--system--container-hover); } .button.s:hover:where(.w-variant-b686f291-74d7-edf9-4867-8ef3994f2426) { background-color: var(--_02-theme---surface--accent--hover); } .button.s:hover:where(.w-variant-108124fe-ad65-dd7f-4f39-98720d0f43a2), .button.s:hover:where(.w-variant-0d72dc0b-39d4-06b0-fc8c-ec9f68d7f13c) { background-color: var(--_02-theme---surface--accent--container-hover); } .button.s:hover:where(.w-variant-68596e75-d72f-2afe-067a-62f0c50f88ec) { background-color: var(--_02-theme---surface--positive--hover); } .button.s:hover:where(.w-variant-bb5417a8-1549-407c-196d-8ab481b3057d), .button.s:hover:where(.w-variant-39b540d5-0506-9319-bf74-004d1d91d7d4) { background-color: var(--_02-theme---surface--positive--container-hover); } .button.s:hover:where(.w-variant-0c22d819-2613-8a1d-10c8-269a4332eb0b) { background-color: var(--_02-theme---surface--negative--hover); } .button.s:hover:where(.w-variant-1beaac68-de43-0084-62fa-077efbd6af7e), .button.s:hover:where(.w-variant-315d408d-98b0-bfc6-3827-484ecc647252) { background-color: var(--_02-theme---surface--negative--container-hover); } .button.s:hover:where(.w-variant-44afca59-df20-be6a-212f-a50cb11ced7d) { background-color: var(--_02-theme---surface--warning--hover); } .button.s:hover:where(.w-variant-0862159a-bb09-2a2b-d6ae-7c9f13150188), .button.s:hover:where(.w-variant-e0879c15-0e0e-2a18-fee9-96fe229d84d0) { background-color: var(--_02-theme---surface--warning--container-hover); } .button.s:hover:where(.w-variant-32cc3048-3b86-01d6-f66d-e9ebddb85055) { background-color: var(--_02-theme---surface--info--hover); } .button.s:hover:where(.w-variant-b8f985bf-4000-8eeb-2508-df6047b86ccd), .button.s:hover:where(.w-variant-aea03f58-933d-6a05-25fa-8f336c8073cc) { background-color: var(--_02-theme---surface--info--container-hover); } .button.s:hover:where(.w-variant-5d687116-fe9e-3e5e-4dcf-dd32895f174f) { background-color: var(--_02-theme---surface--utility--hover); } .button.s:hover:where(.w-variant-e0f13238-8051-9747-c319-949e78d01cf7), .button.s:hover:where(.w-variant-62a86c03-f2ff-ff45-9699-64a5c9ba4c0b) { background-color: var(--_02-theme---surface--utility--container-hover); } .button.s:hover:where(.w-variant-42f60ea1-03c8-d915-3a70-43b4215bf7cb) { background-color: var(--_02-theme---surface--neutral--hover); } .button.s:hover:where(.w-variant-8aa53542-f01b-858c-82c3-0297c8834f01), .button.s:hover:where(.w-variant-19fb7afc-8231-d510-9064-e27e56fb370b) { background-color: var(--_02-theme---surface--neutral--container-hover); } .button.s:active:where(.w-variant-80632ff6-522c-73ee-04a7-b907922d2cbd) { background-color: var(--_02-theme---surface--system--active); } .button.s:active:where(.w-variant-d8a5fe3f-5e8e-ee2e-93ae-1fe89ad55cfa), .button.s:active:where(.w-variant-5b04f8a1-ad91-c254-2cc4-705aa4efc69b) { background-color: var(--_02-theme---surface--system--container-active); } .button.s:active:where(.w-variant-b686f291-74d7-edf9-4867-8ef3994f2426) { background-color: var(--_02-theme---surface--accent--active); } .button.s:active:where(.w-variant-108124fe-ad65-dd7f-4f39-98720d0f43a2), .button.s:active:where(.w-variant-0d72dc0b-39d4-06b0-fc8c-ec9f68d7f13c) { background-color: var(--_02-theme---surface--accent--container-active); } .button.s:active:where(.w-variant-68596e75-d72f-2afe-067a-62f0c50f88ec) { background-color: var(--_02-theme---surface--positive--active); } .button.s:active:where(.w-variant-bb5417a8-1549-407c-196d-8ab481b3057d), .button.s:active:where(.w-variant-39b540d5-0506-9319-bf74-004d1d91d7d4) { background-color: var(--_02-theme---surface--positive--container-active); } .button.s:active:where(.w-variant-0c22d819-2613-8a1d-10c8-269a4332eb0b) { background-color: var(--_02-theme---surface--negative--active); } .button.s:active:where(.w-variant-1beaac68-de43-0084-62fa-077efbd6af7e), .button.s:active:where(.w-variant-315d408d-98b0-bfc6-3827-484ecc647252) { background-color: var(--_02-theme---surface--negative--container-active); } .button.s:active:where(.w-variant-44afca59-df20-be6a-212f-a50cb11ced7d) { background-color: var(--_02-theme---surface--warning--active); } .button.s:active:where(.w-variant-0862159a-bb09-2a2b-d6ae-7c9f13150188), .button.s:active:where(.w-variant-e0879c15-0e0e-2a18-fee9-96fe229d84d0) { background-color: var(--_02-theme---surface--warning--container-active); } .button.s:active:where(.w-variant-32cc3048-3b86-01d6-f66d-e9ebddb85055) { background-color: var(--_02-theme---surface--info--active); } .button.s:active:where(.w-variant-b8f985bf-4000-8eeb-2508-df6047b86ccd), .button.s:active:where(.w-variant-aea03f58-933d-6a05-25fa-8f336c8073cc) { background-color: var(--_02-theme---surface--info--container-active); } .button.s:active:where(.w-variant-5d687116-fe9e-3e5e-4dcf-dd32895f174f) { background-color: var(--_02-theme---surface--utility--active); } .button.s:active:where(.w-variant-e0f13238-8051-9747-c319-949e78d01cf7), .button.s:active:where(.w-variant-62a86c03-f2ff-ff45-9699-64a5c9ba4c0b) { background-color: var(--_02-theme---surface--utility--container-active); } .button.s:active:where(.w-variant-42f60ea1-03c8-d915-3a70-43b4215bf7cb) { background-color: var(--_02-theme---surface--neutral--active); } .button.s:active:where(.w-variant-8aa53542-f01b-858c-82c3-0297c8834f01) { background-color: var(--_02-theme---surface--neutral--container-active); } .button.s:active:where(.w-variant-19fb7afc-8231-d510-9064-e27e56fb370b) { background-color: var(--_02-theme---surface--neutral--container-active); color: var(--_02-theme---foreground--neutral--on-container); } .button.s.disabled { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.m { height: var(--_04-component---component-size--m); padding: var(--x2-5); border-radius: var(--_04-component---border-radius--m); background-color: var(--_02-theme---surface--system--default); color: var(--_02-theme---foreground--system--on-container); font-size: var(--_03-adaptive---font--line-height--ui--l); line-height: var(--_03-adaptive---font--line-height--ui--l); } .button.m:where(.w-variant-80632ff6-522c-73ee-04a7-b907922d2cbd) { background-color: var(--_02-theme---surface--system--default); color: var(--_02-theme---foreground--system--on-container); } .button.m:where(.w-variant-2b89fe65-e9f9-9f21-fa44-fae549b55e73) { background-color: var(--_02-theme---surface--system--container-default); color: var(--_02-theme---foreground--system--default); } .button.m:where(.w-variant-b77a39c3-aa26-a6e8-12ef-50fc1abcfcf0) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--system--default); } .button.m:where(.w-variant-e0104d02-807f-0852-67f7-941b2556b268) { background-color: var(--_02-theme---surface--accent--default); color: var(--_02-theme---foreground--accent--on-container); } .button.m:where(.w-variant-61360ab9-1afe-5f0d-446c-ebeeb97e046b) { background-color: var(--_02-theme---surface--accent--container-default); color: var(--_02-theme---foreground--accent--default); } .button.m:where(.w-variant-b4c5c16c-737c-2627-e86a-b4925cdba20e) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--accent--default); } .button.m:where(.w-variant-9de8120a-9f0b-2080-786e-e6a7f579e8ee) { background-color: var(--_02-theme---surface--positive--default); color: var(--_02-theme---foreground--positive--on-container); } .button.m:where(.w-variant-b998d089-42d8-1a30-51b4-3125494bd6dc) { background-color: var(--_02-theme---surface--positive--container-default); color: var(--_02-theme---foreground--positive--default); } .button.m:where(.w-variant-4b9881f4-1b29-31d8-7cfd-f73a441b3377) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--positive--default); } .button.m:where(.w-variant-1e1855f5-8bd9-4b58-17af-516dcbf700b2) { background-color: var(--_02-theme---surface--negative--default); color: var(--_02-theme---foreground--negative--on-container); } .button.m:where(.w-variant-9d24be33-bc30-faa0-1144-bb4152b77988) { background-color: var(--_02-theme---surface--negative--container-default); color: var(--_02-theme---foreground--negative--default); } .button.m:where(.w-variant-11732cf6-fc90-c34e-2642-4e8acb81c5b7) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--negative--default); } .button.m:where(.w-variant-3b1ef00f-4f3e-d516-48c3-7d691730a3d3) { background-color: var(--_02-theme---surface--warning--default); color: var(--_02-theme---foreground--warning--on-container); } .button.m:where(.w-variant-1a28affa-0c9f-021e-3ee0-72fd0689d722) { background-color: var(--_02-theme---surface--warning--container-default); color: var(--_02-theme---foreground--warning--default); } .button.m:where(.w-variant-05cc8a2c-a09c-400d-97ae-bb253012a647) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--warning--default); } .button.m:where(.w-variant-52aa06be-3280-6400-f5a3-8cc16c860053) { background-color: var(--_02-theme---surface--info--default); color: var(--_02-theme---foreground--info--on-container); } .button.m:where(.w-variant-f6752516-f96c-c860-0c14-881dedb650ff) { background-color: var(--_02-theme---surface--info--container-default); color: var(--_02-theme---foreground--info--default); } .button.m:where(.w-variant-ac03366f-7101-cc64-4d4e-7c93e0760efd) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--info--default); } .button.m:where(.w-variant-d5ccc9b8-76f5-9b2f-90ed-3cc49a3eb7e9) { background-color: var(--_02-theme---surface--utility--default); color: var(--_02-theme---foreground--utility--on-container); } .button.m:where(.w-variant-58b6abd6-a3cb-0a49-418d-5a8de109d50f) { background-color: var(--_02-theme---surface--utility--container-default); color: var(--_02-theme---foreground--utility--default); } .button.m:where(.w-variant-e7b6f2bc-e8f2-6740-86f9-037314c936e8) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--utility--default); } .button.m:where(.w-variant-40a1b7f0-b20d-8c96-9f7e-09bfe56659da) { background-color: var(--_02-theme---surface--neutral--default); color: var(--_02-theme---foreground--neutral--on-container); } .button.m:where(.w-variant-27a6dde3-6dc8-0d23-3368-26190e286a85) { background-color: var(--_02-theme---surface--neutral--container-default); color: var(--_02-theme---foreground--neutral--on-container); } .button.m:where(.w-variant-b5fa7574-0ddc-5808-1f49-1969b1b02a06) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--neutral--on-container); } .button.m:where(.w-variant-0efc2d34-aa34-43d4-663c-fb01363c148e) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.m:hover, .button.m:hover:where(.w-variant-80632ff6-522c-73ee-04a7-b907922d2cbd) { background-color: var(--_02-theme---surface--system--hover); } .button.m:hover:where(.w-variant-2b89fe65-e9f9-9f21-fa44-fae549b55e73), .button.m:hover:where(.w-variant-b77a39c3-aa26-a6e8-12ef-50fc1abcfcf0) { background-color: var(--_02-theme---surface--system--container-hover); } .button.m:hover:where(.w-variant-e0104d02-807f-0852-67f7-941b2556b268) { background-color: var(--_02-theme---surface--accent--hover); } .button.m:hover:where(.w-variant-61360ab9-1afe-5f0d-446c-ebeeb97e046b), .button.m:hover:where(.w-variant-b4c5c16c-737c-2627-e86a-b4925cdba20e) { background-color: var(--_02-theme---surface--accent--container-hover); color: var(--_02-theme---foreground--accent--hover); } .button.m:hover:where(.w-variant-9de8120a-9f0b-2080-786e-e6a7f579e8ee) { background-color: var(--_02-theme---surface--positive--hover); } .button.m:hover:where(.w-variant-b998d089-42d8-1a30-51b4-3125494bd6dc), .button.m:hover:where(.w-variant-4b9881f4-1b29-31d8-7cfd-f73a441b3377) { background-color: var(--_02-theme---surface--positive--container-hover); color: var(--_02-theme---foreground--positive--hover); } .button.m:hover:where(.w-variant-1e1855f5-8bd9-4b58-17af-516dcbf700b2) { background-color: var(--_02-theme---surface--negative--hover); } .button.m:hover:where(.w-variant-9d24be33-bc30-faa0-1144-bb4152b77988), .button.m:hover:where(.w-variant-11732cf6-fc90-c34e-2642-4e8acb81c5b7) { background-color: var(--_02-theme---surface--negative--container-hover); color: var(--_02-theme---foreground--negative--hover); } .button.m:hover:where(.w-variant-3b1ef00f-4f3e-d516-48c3-7d691730a3d3) { background-color: var(--_02-theme---surface--warning--hover); } .button.m:hover:where(.w-variant-1a28affa-0c9f-021e-3ee0-72fd0689d722), .button.m:hover:where(.w-variant-05cc8a2c-a09c-400d-97ae-bb253012a647) { background-color: var(--_02-theme---surface--warning--container-hover); color: var(--_02-theme---foreground--warning--hover); } .button.m:hover:where(.w-variant-52aa06be-3280-6400-f5a3-8cc16c860053) { background-color: var(--_02-theme---surface--info--hover); } .button.m:hover:where(.w-variant-f6752516-f96c-c860-0c14-881dedb650ff), .button.m:hover:where(.w-variant-ac03366f-7101-cc64-4d4e-7c93e0760efd) { background-color: var(--_02-theme---surface--info--container-hover); color: var(--_02-theme---foreground--info--hover); } .button.m:hover:where(.w-variant-d5ccc9b8-76f5-9b2f-90ed-3cc49a3eb7e9) { background-color: var(--_02-theme---surface--utility--hover); } .button.m:hover:where(.w-variant-58b6abd6-a3cb-0a49-418d-5a8de109d50f), .button.m:hover:where(.w-variant-e7b6f2bc-e8f2-6740-86f9-037314c936e8) { background-color: var(--_02-theme---surface--utility--container-hover); color: var(--_02-theme---foreground--utility--hover); } .button.m:hover:where(.w-variant-40a1b7f0-b20d-8c96-9f7e-09bfe56659da) { background-color: var(--_02-theme---surface--neutral--hover); } .button.m:hover:where(.w-variant-27a6dde3-6dc8-0d23-3368-26190e286a85), .button.m:hover:where(.w-variant-b5fa7574-0ddc-5808-1f49-1969b1b02a06) { background-color: var(--_02-theme---surface--neutral--container-hover); } .button.m:hover:where(.w-variant-0efc2d34-aa34-43d4-663c-fb01363c148e) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); } .button.m:active, .button.m:active:where(.w-variant-80632ff6-522c-73ee-04a7-b907922d2cbd) { background-color: var(--_02-theme---surface--system--active); } .button.m:active:where(.w-variant-2b89fe65-e9f9-9f21-fa44-fae549b55e73) { background-color: var(--_02-theme---surface--neutral--container-active); } .button.m:active:where(.w-variant-b77a39c3-aa26-a6e8-12ef-50fc1abcfcf0) { background-color: var(--_02-theme---surface--system--container-active); } .button.m:active:where(.w-variant-e0104d02-807f-0852-67f7-941b2556b268) { background-color: var(--_02-theme---surface--accent--active); } .button.m:active:where(.w-variant-61360ab9-1afe-5f0d-446c-ebeeb97e046b) { background-color: var(--_02-theme---surface--accent--container-active); color: var(--_02-theme---foreground--accent--active); } .button.m:active:where(.w-variant-b4c5c16c-737c-2627-e86a-b4925cdba20e) { color: var(--_02-theme---foreground--accent--active); } .button.m:active:where(.w-variant-9de8120a-9f0b-2080-786e-e6a7f579e8ee) { background-color: var(--_02-theme---surface--positive--active); } .button.m:active:where(.w-variant-b998d089-42d8-1a30-51b4-3125494bd6dc), .button.m:active:where(.w-variant-4b9881f4-1b29-31d8-7cfd-f73a441b3377) { background-color: var(--_02-theme---surface--positive--container-active); color: var(--_02-theme---foreground--positive--active); } .button.m:active:where(.w-variant-1e1855f5-8bd9-4b58-17af-516dcbf700b2) { background-color: var(--_02-theme---surface--negative--active); } .button.m:active:where(.w-variant-9d24be33-bc30-faa0-1144-bb4152b77988), .button.m:active:where(.w-variant-11732cf6-fc90-c34e-2642-4e8acb81c5b7) { background-color: var(--_02-theme---surface--negative--container-active); color: var(--_02-theme---foreground--negative--active); } .button.m:active:where(.w-variant-3b1ef00f-4f3e-d516-48c3-7d691730a3d3) { background-color: var(--_02-theme---surface--warning--active); } .button.m:active:where(.w-variant-1a28affa-0c9f-021e-3ee0-72fd0689d722), .button.m:active:where(.w-variant-05cc8a2c-a09c-400d-97ae-bb253012a647) { background-color: var(--_02-theme---surface--warning--container-active); color: var(--_02-theme---foreground--warning--active); } .button.m:active:where(.w-variant-52aa06be-3280-6400-f5a3-8cc16c860053) { background-color: var(--_02-theme---surface--info--active); } .button.m:active:where(.w-variant-f6752516-f96c-c860-0c14-881dedb650ff), .button.m:active:where(.w-variant-ac03366f-7101-cc64-4d4e-7c93e0760efd) { background-color: var(--_02-theme---surface--info--container-active); color: var(--_02-theme---foreground--info--active); } .button.m:active:where(.w-variant-d5ccc9b8-76f5-9b2f-90ed-3cc49a3eb7e9) { background-color: var(--_02-theme---surface--utility--active); } .button.m:active:where(.w-variant-58b6abd6-a3cb-0a49-418d-5a8de109d50f), .button.m:active:where(.w-variant-e7b6f2bc-e8f2-6740-86f9-037314c936e8) { background-color: var(--_02-theme---surface--utility--container-active); color: var(--_02-theme---foreground--utility--active); } .button.m:active:where(.w-variant-40a1b7f0-b20d-8c96-9f7e-09bfe56659da) { background-color: var(--_02-theme---surface--neutral--active); } .button.m:active:where(.w-variant-27a6dde3-6dc8-0d23-3368-26190e286a85), .button.m:active:where(.w-variant-b5fa7574-0ddc-5808-1f49-1969b1b02a06) { background-color: var(--_02-theme---surface--neutral--container-active); } .button.m.disabled-2 { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.m.disabled-2:hover { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); } .button.l { height: var(--_04-component---component-size--l); padding: var(--x3); border-radius: var(--_04-component---border-radius--l); background-color: var(--_02-theme---surface--system--default); color: var(--_02-theme---foreground--system--on-container); font-size: var(--_03-adaptive---font--size--body--l); line-height: var(--_03-adaptive---font--lihe-height--body--l); } .button.l:where(.w-variant-a0151126-b864-b7ef-7a95-91dc885d7bfe) { background-color: var(--_02-theme---surface--system--container-default); color: var(--_02-theme---foreground--system--default); } .button.l:where(.w-variant-67a9bc45-9aad-8fed-b5ca-172837f7365b) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--system--default); } .button.l:where(.w-variant-bee011d3-fd39-54bd-e8b1-f2741a0cdc8a) { background-color: var(--_02-theme---surface--accent--default); color: var(--_02-theme---foreground--accent--on-container); } .button.l:where(.w-variant-93801631-0c17-0a1c-c33c-b7db721b32bb) { background-color: var(--_02-theme---surface--accent--container-default); color: var(--_02-theme---foreground--accent--default); } .button.l:where(.w-variant-6bc1ab38-5adc-99f9-8dc0-625aed4bfdf6) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--accent--default); } .button.l:where(.w-variant-40d068e3-283b-0484-e92f-557f4537af2e) { background-color: var(--_02-theme---surface--positive--default); color: var(--_02-theme---foreground--positive--on-container); } .button.l:where(.w-variant-1896230f-b51e-cfc3-22a7-bd02b110a0e1) { background-color: var(--_02-theme---surface--positive--container-default); color: var(--_02-theme---foreground--positive--default); } .button.l:where(.w-variant-84dc057c-832b-31fd-d8ca-3a6912f1d80b) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--positive--default); } .button.l:where(.w-variant-f743f4d6-d998-e466-d061-01c13e4e978e) { background-color: var(--_02-theme---surface--negative--default); color: var(--_02-theme---foreground--negative--on-container); } .button.l:where(.w-variant-5bad0b51-6771-7a90-8318-771e8a986f00) { background-color: var(--_02-theme---surface--negative--container-default); color: var(--_02-theme---foreground--negative--default); } .button.l:where(.w-variant-9720ac0d-ae6a-cf8a-429e-f24cc671aa01) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--negative--default); } .button.l:where(.w-variant-855fccd7-7542-b103-f50c-93f0df4b8803) { background-color: var(--_02-theme---surface--warning--default); color: var(--_02-theme---foreground--warning--on-container); } .button.l:where(.w-variant-e060adf2-a556-4e12-630c-437120233f81) { background-color: var(--_02-theme---surface--warning--container-default); color: var(--_02-theme---foreground--warning--default); } .button.l:where(.w-variant-cff7477f-390c-ec1b-6a2b-7098d1e10b2c) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--warning--default); } .button.l:where(.w-variant-e957c91a-77a4-4b88-8fb0-5ee2cb0ac43d) { background-color: var(--_02-theme---surface--info--default); color: var(--_02-theme---foreground--info--on-container); } .button.l:where(.w-variant-bf85935a-5f95-f024-d0cd-44dfb30795c6) { background-color: var(--_02-theme---surface--info--container-default); color: var(--_02-theme---foreground--info--default); } .button.l:where(.w-variant-ef4cb26e-5221-1a59-4b3e-80442dbdd9c3) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--info--default); } .button.l:where(.w-variant-78e49318-e32c-1832-f8f3-bbd22a8ecaa6) { background-color: var(--_02-theme---surface--utility--default); color: var(--_02-theme---foreground--utility--on-container); } .button.l:where(.w-variant-8cf0101b-28c1-fe19-7631-ba908ec6e4bd) { background-color: var(--_02-theme---surface--utility--container-default); color: var(--_02-theme---foreground--utility--default); } .button.l:where(.w-variant-519ede3f-f8c0-a2d8-47ea-2ffc1e692c43) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--utility--default); } .button.l:where(.w-variant-cf31c2e3-bed0-d4fa-1f4b-0144e03bd01d) { background-color: var(--_02-theme---surface--neutral--default); color: var(--_02-theme---foreground--neutral--on-container); } .button.l:where(.w-variant-b6ff5eaa-f473-a2c4-79f2-0172a172d40b) { background-color: var(--_02-theme---surface--neutral--container-default); color: var(--_02-theme---foreground--neutral--on-container); } .button.l:where(.w-variant-2701e143-c5de-d3c7-345b-218760ceba24) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--neutral--on-container); } .button.l:where(.w-variant-bda4209c-5600-842d-7eba-bb636d8a67b7) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.l:hover { background-color: var(--_02-theme---surface--system--hover); } .button.l:hover:where(.w-variant-a0151126-b864-b7ef-7a95-91dc885d7bfe), .button.l:hover:where(.w-variant-67a9bc45-9aad-8fed-b5ca-172837f7365b) { background-color: var(--_02-theme---surface--system--container-hover); } .button.l:hover:where(.w-variant-bee011d3-fd39-54bd-e8b1-f2741a0cdc8a) { background-color: var(--_02-theme---surface--accent--hover); } .button.l:hover:where(.w-variant-93801631-0c17-0a1c-c33c-b7db721b32bb), .button.l:hover:where(.w-variant-6bc1ab38-5adc-99f9-8dc0-625aed4bfdf6) { background-color: var(--_02-theme---surface--accent--container-hover); color: var(--_02-theme---foreground--accent--hover); } .button.l:hover:where(.w-variant-40d068e3-283b-0484-e92f-557f4537af2e) { background-color: var(--_02-theme---surface--positive--hover); } .button.l:hover:where(.w-variant-1896230f-b51e-cfc3-22a7-bd02b110a0e1), .button.l:hover:where(.w-variant-84dc057c-832b-31fd-d8ca-3a6912f1d80b) { background-color: var(--_02-theme---surface--positive--container-hover); color: var(--_02-theme---foreground--positive--hover); } .button.l:hover:where(.w-variant-f743f4d6-d998-e466-d061-01c13e4e978e) { background-color: var(--_02-theme---foreground--negative--hover); } .button.l:hover:where(.w-variant-5bad0b51-6771-7a90-8318-771e8a986f00), .button.l:hover:where(.w-variant-9720ac0d-ae6a-cf8a-429e-f24cc671aa01) { background-color: var(--_02-theme---surface--negative--container-hover); color: var(--_02-theme---foreground--negative--hover); } .button.l:hover:where(.w-variant-855fccd7-7542-b103-f50c-93f0df4b8803) { background-color: var(--_02-theme---surface--warning--hover); } .button.l:hover:where(.w-variant-e060adf2-a556-4e12-630c-437120233f81), .button.l:hover:where(.w-variant-cff7477f-390c-ec1b-6a2b-7098d1e10b2c) { background-color: var(--_02-theme---surface--warning--container-hover); color: var(--_02-theme---foreground--warning--hover); } .button.l:hover:where(.w-variant-e957c91a-77a4-4b88-8fb0-5ee2cb0ac43d) { background-color: var(--_02-theme---surface--info--hover); } .button.l:hover:where(.w-variant-bf85935a-5f95-f024-d0cd-44dfb30795c6), .button.l:hover:where(.w-variant-ef4cb26e-5221-1a59-4b3e-80442dbdd9c3) { background-color: var(--_02-theme---surface--info--container-hover); color: var(--_02-theme---foreground--info--hover); } .button.l:hover:where(.w-variant-78e49318-e32c-1832-f8f3-bbd22a8ecaa6) { background-color: var(--_02-theme---surface--utility--hover); } .button.l:hover:where(.w-variant-8cf0101b-28c1-fe19-7631-ba908ec6e4bd), .button.l:hover:where(.w-variant-519ede3f-f8c0-a2d8-47ea-2ffc1e692c43) { background-color: var(--_02-theme---surface--utility--container-hover); color: var(--_02-theme---foreground--utility--hover); } .button.l:hover:where(.w-variant-cf31c2e3-bed0-d4fa-1f4b-0144e03bd01d) { background-color: var(--_02-theme---surface--neutral--hover); } .button.l:hover:where(.w-variant-b6ff5eaa-f473-a2c4-79f2-0172a172d40b), .button.l:hover:where(.w-variant-2701e143-c5de-d3c7-345b-218760ceba24) { background-color: var(--_02-theme---surface--neutral--container-hover); } .button.l:hover:where(.w-variant-bda4209c-5600-842d-7eba-bb636d8a67b7) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); } .button.l:active { background-color: var(--_02-theme---surface--system--active); } .button.l:active:where(.w-variant-a0151126-b864-b7ef-7a95-91dc885d7bfe), .button.l:active:where(.w-variant-67a9bc45-9aad-8fed-b5ca-172837f7365b) { background-color: var(--_02-theme---surface--system--container-active); } .button.l:active:where(.w-variant-bee011d3-fd39-54bd-e8b1-f2741a0cdc8a) { background-color: var(--_02-theme---surface--accent--active); } .button.l:active:where(.w-variant-93801631-0c17-0a1c-c33c-b7db721b32bb), .button.l:active:where(.w-variant-6bc1ab38-5adc-99f9-8dc0-625aed4bfdf6) { background-color: var(--_02-theme---surface--accent--container-active); color: var(--_02-theme---foreground--accent--active); } .button.l:active:where(.w-variant-40d068e3-283b-0484-e92f-557f4537af2e) { background-color: var(--_02-theme---surface--positive--active); } .button.l:active:where(.w-variant-1896230f-b51e-cfc3-22a7-bd02b110a0e1), .button.l:active:where(.w-variant-84dc057c-832b-31fd-d8ca-3a6912f1d80b) { background-color: var(--_02-theme---surface--positive--container-active); color: var(--_02-theme---foreground--positive--active); } .button.l:active:where(.w-variant-f743f4d6-d998-e466-d061-01c13e4e978e) { background-color: var(--_02-theme---surface--negative--active); } .button.l:active:where(.w-variant-5bad0b51-6771-7a90-8318-771e8a986f00), .button.l:active:where(.w-variant-9720ac0d-ae6a-cf8a-429e-f24cc671aa01) { background-color: var(--_02-theme---surface--negative--container-active); color: var(--_02-theme---foreground--negative--active); } .button.l:active:where(.w-variant-855fccd7-7542-b103-f50c-93f0df4b8803) { background-color: var(--_02-theme---surface--warning--active); } .button.l:active:where(.w-variant-e060adf2-a556-4e12-630c-437120233f81), .button.l:active:where(.w-variant-cff7477f-390c-ec1b-6a2b-7098d1e10b2c) { background-color: var(--_02-theme---surface--warning--container-active); color: var(--_02-theme---foreground--warning--active); } .button.l:active:where(.w-variant-e957c91a-77a4-4b88-8fb0-5ee2cb0ac43d) { background-color: var(--_02-theme---surface--info--active); } .button.l:active:where(.w-variant-bf85935a-5f95-f024-d0cd-44dfb30795c6), .button.l:active:where(.w-variant-ef4cb26e-5221-1a59-4b3e-80442dbdd9c3) { background-color: var(--_02-theme---surface--info--container-active); color: var(--_02-theme---foreground--info--active); } .button.l:active:where(.w-variant-78e49318-e32c-1832-f8f3-bbd22a8ecaa6) { background-color: var(--_02-theme---surface--utility--active); } .button.l:active:where(.w-variant-8cf0101b-28c1-fe19-7631-ba908ec6e4bd), .button.l:active:where(.w-variant-519ede3f-f8c0-a2d8-47ea-2ffc1e692c43) { background-color: var(--_02-theme---surface--utility--container-active); color: var(--_02-theme---foreground--utility--active); } .button.l:active:where(.w-variant-cf31c2e3-bed0-d4fa-1f4b-0144e03bd01d) { background-color: var(--_02-theme---surface--neutral--active); } .button.l:active:where(.w-variant-b6ff5eaa-f473-a2c4-79f2-0172a172d40b), .button.l:active:where(.w-variant-2701e143-c5de-d3c7-345b-218760ceba24) { background-color: var(--_02-theme---surface--neutral--container-active); } .button.l:active:where(.w-variant-bda4209c-5600-842d-7eba-bb636d8a67b7) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); } .button.l.disabled-3 { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.l.disabled-3:hover, .button.l.disabled-3:active { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); } .button.xl { height: var(--_04-component---component-size--xl); padding: var(--x2-5) var(--x6); border-radius: var(--_04-component---border-radius--xl); background-color: var(--_02-theme---surface--system--default); color: var(--_02-theme---foreground--system--on-container); font-size: var(--_03-adaptive---font--size--body--l); line-height: var(--_03-adaptive---font--lihe-height--body--l); } .button.xl:where(.w-variant-d5ded2d0-db12-bdf8-faad-d4d90e07a217) { background-color: var(--_02-theme---surface--system--container-hover); color: var(--_02-theme---foreground--system--default); } .button.xl:where(.w-variant-f5c2011b-00d4-efe4-f4a4-de51b3c88580) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--system--default); } .button.xl:where(.w-variant-68da3fd4-939e-6e50-35e9-8339733908c3) { background-color: var(--_02-theme---surface--accent--default); color: var(--_02-theme---foreground--accent--on-container); } .button.xl:where(.w-variant-357605ba-fc0f-cfb4-8a0c-783546b8b416) { background-color: var(--_02-theme---surface--accent--container-default); color: var(--_02-theme---foreground--accent--default); flex: 0 auto; } .button.xl:where(.w-variant-bdec3c7e-85e0-f5c1-d3b8-0edd7921dc06) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--accent--default); } .button.xl:where(.w-variant-d94a4f16-f5bd-9ddf-4ffb-18d985f28543) { background-color: var(--_02-theme---surface--positive--default); color: var(--_02-theme---foreground--positive--on-container); } .button.xl:where(.w-variant-284b9d8d-0e2b-2b66-5bcd-9bb698008bfd) { background-color: var(--_02-theme---surface--positive--container-default); color: var(--_02-theme---foreground--positive--default); } .button.xl:where(.w-variant-2e992589-7ac2-ffcc-e4b7-1798d7d11e79) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--positive--default); } .button.xl:where(.w-variant-a0e2b100-7234-afaf-a79c-e93ddf597b55) { background-color: var(--_02-theme---surface--negative--default); color: var(--_02-theme---foreground--negative--on-container); } .button.xl:where(.w-variant-a5c55dc0-641d-9185-6e41-15e06bc54df1) { background-color: var(--_02-theme---surface--negative--container-default); color: var(--_02-theme---foreground--negative--default); } .button.xl:where(.w-variant-6457bfb4-21da-e67a-3eb3-2718967c3bcf) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--negative--default); } .button.xl:where(.w-variant-566a7d54-a097-0af0-9b61-352b5018de58) { background-color: var(--_02-theme---surface--warning--default); color: var(--_02-theme---foreground--warning--on-container); } .button.xl:where(.w-variant-a4250a27-5617-2651-3201-88c43f2d2b43) { background-color: var(--_02-theme---surface--warning--container-default); color: var(--_02-theme---foreground--warning--default); } .button.xl:where(.w-variant-6edf7204-eb58-4bd4-eb24-4a8ca1b31399) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--warning--default); } .button.xl:where(.w-variant-af0e85a3-dfb5-5e58-ef52-c2550142e8e7) { background-color: var(--_02-theme---surface--info--default); color: var(--_02-theme---foreground--info--on-container); } .button.xl:where(.w-variant-fcd7ab6c-a5c5-1926-8321-a540b9311fb5) { background-color: var(--_02-theme---surface--info--container-default); color: var(--_02-theme---foreground--info--default); } .button.xl:where(.w-variant-62092ff1-b646-5024-8b58-37cbabc63bf4) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--info--default); } .button.xl:where(.w-variant-b1d200fe-ee9b-2fa5-1a4b-7250ea2c8a06) { background-color: var(--_02-theme---surface--utility--default); color: var(--_02-theme---foreground--utility--on-container); } .button.xl:where(.w-variant-cc963d05-670d-13c1-f02b-a6f9838e29b8) { background-color: var(--_02-theme---surface--utility--container-default); color: var(--_02-theme---foreground--utility--default); } .button.xl:where(.w-variant-b16a8529-85f7-ec23-c1e0-65bfe769ef36) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--utility--default); } .button.xl:where(.w-variant-ba3e8695-a486-639e-59f3-7ab93cd0edd9) { background-color: var(--_02-theme---surface--neutral--default); color: var(--_02-theme---foreground--neutral--on-container); } .button.xl:where(.w-variant-fe8a2065-c5b2-6600-6134-8fc4ca1623da) { background-color: var(--_02-theme---surface--neutral--container-default); color: var(--_02-theme---foreground--neutral--on-container); } .button.xl:where(.w-variant-c510d68b-aebd-3fdc-6159-df4e11a1d570) { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--neutral--on-container); } .button.xl:where(.w-variant-7ec92f33-3c71-34b6-f2fa-2e1fdb9d561a) { background-color: var(--_02-theme---surface--disabled); color: var(--_02-theme---foreground--disabled); cursor: not-allowed; } .button.xl:hover { background-color: var(--_02-theme---surface--system--hover); } .button.xl:hover:where(.w-variant-d5ded2d0-db12-bdf8-faad-d4d90e07a217), .button.xl:hover:where(.w-variant-f5c2011b-00d4-efe4-f4a4-de51b3c88580) { background-color: var(--_02-theme---surface--system--container-hover); } .button.xl:hover:where(.w-variant-68da3fd4-939e-6e50-35e9-8339733908c3) { background-color: var(--_02-theme---surface--accent--hover); } .button.xl:hover:where(.w-variant-357605ba-fc0f-cfb4-8a0c-783546b8b416), .button.xl:hover:where(.w-variant-bdec3c7e-85e0-f5c1-d3b8-0edd7921dc06) { background-color: var(--_02-theme---surface--accent--container-hover); color: var(--_02-theme---foreground--accent--hover); } .button.xl:hover:where(.w-variant-d94a4f16-f5bd-9ddf-4ffb-18d985f28543) { background-color: var(--_02-theme---surface--positive--hover); } .button.xl:hover:where(.w-variant-284b9d8d-0e2b-2b66-5bcd-9bb698008bfd), .button.xl:hover:where(.w-variant-2e992589-7ac2-ffcc-e4b7-1798d7d11e79) { background-color: var(--_02-theme---surface--positive--container-hover); color: var(--_02-theme---foreground--positive--hover); } .button.xl:hover:where(.w-variant-a0e2b100-7234-afaf-a79c-e93ddf597b55) { background-color: var(--_02-theme---surface--negative--hover); } .button.xl:hover:where(.w-variant-a5c55dc0-641d-9185-6e41-15e06bc54df1), .button.xl:hover:where(.w-variant-6457bfb4-21da-e67a-3eb3-2718967c3bcf) { background-color: var(--_02-theme---surface--negative--container-hover); color: var(--_02-theme---foreground--negative--hover); } .button.xl:hover:where(.w-variant-566a7d54-a097-0af0-9b61-352b5018de58) { background-color: var(--_02-theme---surface--warning--hover); } .button.xl:hover:where(.w-variant-a4250a27-5617-2651-3201-88c43f2d2b43), .button.xl:hover:where(.w-variant-6edf7204-eb58-4bd4-eb24-4a8ca1b31399) { background-color: var(--_02-theme---surface--warning--container-hover); color: var(--_02-theme---foreground--warning--hover); } .button.xl:hover:where(.w-variant-af0e85a3-dfb5-5e58-ef52-c2550142e8e7) { background-color: var(--_02-theme---surface--info--hover); } .button.xl:hover:where(.w-variant-fcd7ab6c-a5c5-1926-8321-a540b9311fb5), .button.xl:hover:where(.w-variant-62092ff1-b646-5024-8b58-37cbabc63bf4) { background-color: var(--_02-theme---surface--info--container-hover); color: var(--_02-theme---foreground--info--hover); } .button.xl:hover:where(.w-variant-b1d200fe-ee9b-2fa5-1a4b-7250ea2c8a06) { background-color: var(--_02-theme---surface--utility--hover); } .button.xl:hover:where(.w-variant-cc963d05-670d-13c1-f02b-a6f9838e29b8), .button.xl:hover:where(.w-variant-b16a8529-85f7-ec23-c1e0-65bfe769ef36) { background-color: var(--_02-theme---surface--utility--container-hover); color: var(--_02-theme---foreground--utility--hover); } .button.xl:hover:where(.w-variant-ba3e8695-a486-639e-59f3-7ab93cd0edd9) { background-color: var(--_02-theme---surface--neutral--hover); } .button.xl:hover:where(.w-variant-fe8a2065-c5b2-6600-6134-8fc4ca1623da), .button.xl:hover:where(.w-variant-c510d68b-aebd-3fdc-6159-df4e11a1d570) { background-color: var(--_02-theme---surface--neutral--container-hover); } .button.xl:hover:where(.w-variant-7ec92f33-3c71-34b6-f2fa-2e1fdb9d561a) { background-color: var(--_02-theme---surface--disabled); } .button.xl:active { background-color: var(--_02-theme---surface--system--active); } .button.xl:active:where(.w-variant-d5ded2d0-db12-bdf8-faad-d4d90e07a217), .button.xl:active:where(.w-variant-f5c2011b-00d4-efe4-f4a4-de51b3c88580) { background-color: var(--_02-theme---surface--system--container-active); } .button.xl:active:where(.w-variant-68da3fd4-939e-6e50-35e9-8339733908c3) { background-color: var(--_02-theme---surface--accent--active); } .button.xl:active:where(.w-variant-357605ba-fc0f-cfb4-8a0c-783546b8b416), .button.xl:active:where(.w-variant-bdec3c7e-85e0-f5c1-d3b8-0edd7921dc06) { background-color: var(--_02-theme---surface--accent--container-active); color: var(--_02-theme---foreground--accent--active); } .button.xl:active:where(.w-variant-d94a4f16-f5bd-9ddf-4ffb-18d985f28543) { background-color: var(--_02-theme---surface--positive--active); } .button.xl:active:where(.w-variant-284b9d8d-0e2b-2b66-5bcd-9bb698008bfd), .button.xl:active:where(.w-variant-2e992589-7ac2-ffcc-e4b7-1798d7d11e79) { background-color: var(--_02-theme---surface--positive--container-active); color: var(--_02-theme---foreground--positive--active); } .button.xl:active:where(.w-variant-a0e2b100-7234-afaf-a79c-e93ddf597b55) { background-color: var(--_02-theme---surface--negative--active); } .button.xl:active:where(.w-variant-a5c55dc0-641d-9185-6e41-15e06bc54df1), .button.xl:active:where(.w-variant-6457bfb4-21da-e67a-3eb3-2718967c3bcf) { background-color: var(--_02-theme---surface--negative--container-active); color: var(--_02-theme---foreground--negative--active); } .button.xl:active:where(.w-variant-566a7d54-a097-0af0-9b61-352b5018de58) { background-color: var(--_02-theme---surface--warning--active); } .button.xl:active:where(.w-variant-a4250a27-5617-2651-3201-88c43f2d2b43), .button.xl:active:where(.w-variant-6edf7204-eb58-4bd4-eb24-4a8ca1b31399) { background-color: var(--_02-theme---surface--warning--container-active); color: var(--_02-theme---foreground--warning--active); } .button.xl:active:where(.w-variant-af0e85a3-dfb5-5e58-ef52-c2550142e8e7) { background-color: var(--_02-theme---surface--info--active); } .button.xl:active:where(.w-variant-fcd7ab6c-a5c5-1926-8321-a540b9311fb5), .button.xl:active:where(.w-variant-62092ff1-b646-5024-8b58-37cbabc63bf4) { background-color: var(--_02-theme---surface--info--container-active); color: var(--_02-theme---foreground--info--active); } .button.xl:active:where(.w-variant-b1d200fe-ee9b-2fa5-1a4b-7250ea2c8a06) { background-color: var(--_02-theme---surface--utility--active); } .button.xl:active:where(.w-variant-cc963d05-670d-13c1-f02b-a6f9838e29b8), .button.xl:active:where(.w-variant-b16a8529-85f7-ec23-c1e0-65bfe769ef36) { background-color: var(--_02-theme---surface--utility--container-active); color: var(--_02-theme---foreground--utility--active); } .button.xl:active:where(.w-variant-ba3e8695-a486-639e-59f3-7ab93cd0edd9) { background-color: var(--_02-theme---surface--neutral--active); } .button.xl:active:where(.w-variant-fe8a2065-c5b2-6600-6134-8fc4ca1623da), .button.xl:active:where(.w-variant-c510d68b-aebd-3fdc-6159-df4e11a1d570) { background-color: var(--_02-theme---surface--neutral--container-active); } .button.xl.negative-ghost { background-color: var(--_01-brand---color--0); color: var(--_02-theme---foreground--negative--default); } .button.xl.negative-ghost:hover { background-color: var(--_02-theme---surface--negative--container-hover); color: var(--_02-theme---foreground--negative--hover); } .button.xl.negative-ghost:active { background-color: var(--_02-theme---surface--negative--container-active); color: var(--_02-theme---foreground--negative--active); } .button.xl.accent-primary { background-color: var(--_02-theme---surface--accent--default); color: var(--_02-theme---foreground--accent--on-container); } .button.xl.accent-primary:hover { background-color: var(--_02-theme---surface--accent--hover); } .button.xl.accent-primary:active { background-color: var(--_02-theme---surface--accent--active); } .button.xl.accent-primary.flex { width: 100%; } .button.xl.accent-secondary { background-color: var(--_02-theme---surface--accent--container-default); color: var(--_02-theme---foreground--accent--default); flex: 0 auto; } .button.xl.accent-secondary:hover { background-color: var(--_02-theme---surface--accent--container-hover); color: var(--_02-theme---foreground--accent--hover); } .button.xl.accent-secondary:active { background-color: var(--_02-theme---surface--accent--container-active); color: var(--_02-theme---foreground--accent--active); } .font-display { font-family: var(--_01-brand---font--family--wide); color: inherit; margin-top: 0; margin-bottom: 0; position: relative; } .font-display.xl { font-size: var(--_03-adaptive---font--size--display--xl); line-height: var(--_03-adaptive---font--line-height--display--xl); } .font-display.xl.strong { font-weight: var(--_01-brand---font--strong); } .font-display.xl.regular { font-weight: var(--_01-brand---font--regular); } .font-display.l { font-size: var(--_03-adaptive---font--size--display--l); line-height: var(--_03-adaptive---font--line-height--display--l); } .font-display.l.strong { font-weight: var(--_01-brand---font--strong); } .font-display.l.strong.gradient { background-image: linear-gradient(299deg, var(--_02-theme---foreground--accent--default), var(--_02-theme---foreground--utility--default)); } .font-display.l.strong.accent { color: var(--_02-theme---foreground--accent--default); } .font-display.l.strong.accent.center { text-align: center; } .font-display.l.regular { font-weight: var(--_01-brand---font--regular); } .font-display.m { font-size: var(--_03-adaptive---font--size--display--m); line-height: var(--_03-adaptive---font--line-height--display--m); } .font-display.m.strong { font-weight: var(--_01-brand---font--strong); } .font-display.m.strong.contrast { color: var(--_02-theme---foreground--contrast); } .font-display.m.regular { font-weight: var(--_01-brand---font--regular); } .font-display.s { font-size: var(--_03-adaptive---font--size--display--s); line-height: var(--_03-adaptive---font--line-height--display--s); } .font-display.s.strong { font-weight: var(--_01-brand---font--strong); } .font-display.s.strong.contrast { color: var(--_02-theme---foreground--contrast); } .font-display.s.regular { font-weight: var(--_01-brand---font--regular); } .font-body { font-family: var(--_01-brand---font--family--regular); color: inherit; margin-top: 0; margin-bottom: 0; position: relative; } .font-body.l { font-size: var(--_03-adaptive---font--size--body--l); line-height: var(--_03-adaptive---font--lihe-height--body--l); } .font-body.l.medium { font-weight: var(--_01-brand---font--medium); } .font-body.l.medium.accent { color: var(--_02-theme---foreground--accent--default); } .font-body.l.medium.muted { color: var(--_02-theme---foreground--muted); } .font-body.l.regular { font-weight: var(--_01-brand---font--regular); } .font-body.l.regular.truncate { text-overflow: ellipsis; height: 72px; overflow: hidden; } .font-body.m { font-size: var(--_03-adaptive---font--size--body--m); line-height: var(--_03-adaptive---font--lihe-height--body--m); } .font-body.m.medium { font-weight: var(--_01-brand---font--medium); } .font-body.m.medium.opacity { opacity: 0; } .font-body.m.regular { font-weight: var(--_01-brand---font--regular); } .font-body.s { font-size: var(--_03-adaptive---font--size--body--s); line-height: var(--_03-adaptive---font--lihe-height--body--s); } .font-body.s.medium { font-weight: var(--_01-brand---font--medium); } .font-body.s.regular { font-weight: var(--_01-brand---font--regular); } .font-ui { font-family: var(--_01-brand---font--family--regular); color: inherit; margin-top: 0; margin-bottom: 0; position: relative; } .font-ui.l { font-size: var(--_03-adaptive---font--size--ui--l); line-height: var(--_03-adaptive---font--line-height--ui--l); } .font-ui.l.medium { font-weight: var(--_01-brand---font--medium); } .font-ui.l.medium.muted { color: var(--_02-theme---foreground--muted); } .font-ui.l.regular { font-weight: var(--_01-brand---font--regular); } .font-ui.l.regular.center { text-align: center; } .font-ui.l.regular.center.muted, .font-ui.l.regular.muted { color: var(--_02-theme---foreground--muted); } .font-ui.m { font-size: var(--_03-adaptive---font--size--ui--m); line-height: var(--_03-adaptive---font--line-height--ui--m); } .font-ui.m.medium { font-weight: var(--_01-brand---font--medium); } .font-ui.m.regular { font-weight: var(--_01-brand---font--regular); } .font-ui.s { font-size: var(--_03-adaptive---font--size--ui--s); line-height: var(--_03-adaptive---font--line-height--ui--s); } .font-ui.s.medium { font-weight: var(--_01-brand---font--medium); } .font-ui.s.regular { font-weight: var(--_01-brand---font--regular); } .div-block-10 { grid-column-gap: var(--x2); grid-row-gap: var(--x2); width: 100%; display: flex; } .div-block-11 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .card__header { justify-content: flex-start; align-items: flex-start; height: 64px; display: flex; } .card__header.gradient { -webkit-text-fill-color: inherit; background-image: none; background-clip: border-box; } .card__image { aspect-ratio: 16 / 9; border-radius: var(--_03-adaptive---island-padding--xl); object-fit: cover; width: 100%; position: relative; } .card__content { padding: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--x3); grid-row-gap: var(--x3); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .section__header { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); padding: 0px var(--_03-adaptive---island-padding--xl); color: var(--_02-theme---foreground--primary); justify-content: flex-start; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; } .div-block-12 { grid-column-gap: var(--_03-adaptive---island-radius--xl); grid-row-gap: var(--_03-adaptive---island-radius--xl); scrollbar-width: none; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; overflow: auto; } .footer-wrapper { max-width: var(--_03-adaptive---width--w-12--max); min-width: var(--_03-adaptive---width--w-12--min); padding: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--x8); grid-row-gap: var(--x8); flex-flow: column; flex: 1; justify-content: flex-start; align-items: stretch; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; } .blog-short__heading { width: 100%; height: 80px; position: relative; } .section__content { padding-top: var(--_03-adaptive---island-padding--xl); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); flex-flow: row; display: flex; } .card-case { max-width: var(--_03-adaptive---width--w-4--max); min-width: var(--_03-adaptive---width--w-4--min); grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .card-case__content { grid-column-gap: var(--x3); grid-row-gap: var(--x3); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer__content { grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); justify-content: flex-start; align-items: center; display: flex; } .big-card { grid-column-gap: 24px; grid-row-gap: 24px; border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--l); flex-flow: column; width: 100%; padding: 24px; display: flex; } .paragraph-4 { position: relative; } .big-card__header { justify-content: center; align-items: flex-start; min-height: 96px; display: flex; position: relative; } .div-block-13 { grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--l); flex-flow: column; justify-content: center; align-items: center; width: 100%; padding: 24px; display: flex; position: relative; overflow: hidden; } .exchange-logo { grid-column-gap: 4px; grid-row-gap: 4px; color: var(--_02-theme---foreground--accent--default); flex-flow: column; justify-content: center; align-items: center; width: 80px; text-decoration: none; display: flex; position: relative; } .exchange-logo:visited { color: var(--_02-theme---foreground--contrast); } .exchange-logo.svg { width: 64px; height: 64px; } .partners { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: wrap; justify-content: center; align-items: center; max-width: 768px; padding-top: 24px; padding-bottom: 24px; display: flex; } .iframe { flex: 1; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; } .field-label-2 { display: none; } .alert.negative { padding: var(--_03-adaptive---island-padding--l); border-radius: var(--_03-adaptive---island-radius--l); background-color: var(--_02-theme---surface--negative--container-default); font-family: var(--_01-brand---font--family--regular); color: var(--_02-theme---foreground--negative--default); font-size: var(--_03-adaptive---font--size--body--l); line-height: var(--_03-adaptive---font--lihe-height--body--l); font-weight: var(--_01-brand---font--medium); width: 100%; position: relative; } .text-block-7 { text-align: center; } @media screen and (max-width: 991px) { body { --_03-adaptive---width--w-12--max: 958px; --_03-adaptive---width--w-12--min: 736px; --_03-adaptive---island-padding--xl: 16px; --_03-adaptive---island-radius--xl: 24px; --_03-adaptive---width--w-6--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-6--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-3--max: 471px; --_03-adaptive---width--w-3--min: 360px; --_03-adaptive---font--size--heading--xl: var(--x6); --_03-adaptive---font--line-height--heading--xl: var(--x8); --_03-adaptive---font--size--heading--l: var(--x5); --_03-adaptive---font--line-height--heading--l: var(--x7); --_03-adaptive---font--size--heading--m: var(--x4); --_03-adaptive---font--line-height--heading--m: var(--x6); --_03-adaptive---font--size--heading--s: var(--x3-5); --_03-adaptive---font--line-height--heading--s: var(--x5); --_03-adaptive---width--w-4--max: 633px; --_03-adaptive---width--w-4--min: 485px; --_03-adaptive---island-padding--l: 12px; --_03-adaptive---width--w-2--max: 309px; --_03-adaptive---width--w-2--min: 235px; --_03-adaptive---width--w-10--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-10--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-8--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-8--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-1--max: 146px; --_03-adaptive---width--w-1--min: 109px; --_03-adaptive---font--size--body--s: var(--x3); --_03-adaptive---font--lihe-height--body--s: var(--x4); --_03-adaptive---font--line-height--ui--l: var(--x4); --_03-adaptive---font--size--body--l: var(--x4); --_03-adaptive---font--lihe-height--body--l: var(--x6); --_03-adaptive---font--size--display--xl: var(--x12); --_03-adaptive---font--line-height--display--xl: var(--x14); --_03-adaptive---font--size--display--l: var(--x10); --_03-adaptive---font--line-height--display--l: var(--x12); --_03-adaptive---font--size--display--m: var(--x8); --_03-adaptive---font--line-height--display--m: var(--x10); --_03-adaptive---font--size--display--s: var(--x7); --_03-adaptive---font--line-height--display--s: var(--x9); --_03-adaptive---font--size--body--m: var(--x3-5); --_03-adaptive---font--lihe-height--body--m: var(--x5); --_03-adaptive---font--size--ui--l: var(--x3); --_03-adaptive---font--size--ui--m: var(--x2-5); --_03-adaptive---font--line-height--ui--m: var(--x3); --_03-adaptive---font--size--ui--s: var(--x2); --_03-adaptive---font--line-height--ui--s: var(--x2); --_03-adaptive---island-radius--l: 12px; --_03-adaptive---island-padding--s: 8px; --_03-adaptive---island-padding--m: 8px; --_03-adaptive---island-radius--s: 4px; --_03-adaptive---island-radius--m: 8px; } .body { margin-left: 0; margin-right: 0; } .page-wrapper { top: 720px; } .header { display: none; } .section-hero { background-image: none; flex-flow: row; max-height: 640px; padding-left: 16px; padding-right: 16px; display: none; } .section-hero.mobile { grid-column-gap: 16px; grid-row-gap: 16px; background-image: url("https://cdn.prod.website-files.com/6734fe857e95eeabeddbf50f/67b4d5da49ce9e1d469da436_bg_render_square.webp"); background-position: 50%; background-size: cover; flex-flow: column; justify-content: space-between; align-items: center; display: flex; } .column { padding-left: var(--0); width: 100%; max-width: 100%; } .button-block { flex-flow: column; width: 100%; } .content-wrapper { grid-column-gap: 80px; grid-row-gap: 80px; margin-top: 24px; padding: 16px; } .section { width: 100%; } .card-4 { max-width: none; } .row { flex-flow: row; position: relative; } .row.mobile { flex-flow: column; } .card-quote { max-width: var(--_03-adaptive---width--w-6--max); min-width: var(--_03-adaptive---width--w-6--min); } .card-12 { flex-flow: column; } .form, .div-block-4 { width: 100%; padding: 16px; } .grid { grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-flow: row; } .footer-column { max-width: var(--_03-adaptive---width--w-6--max); min-width: var(--_03-adaptive---width--w-12--min); justify-content: flex-start; align-items: flex-start; } .footer-column.center { justify-content: center; align-items: center; } .footer-column.right { flex-flow: row; justify-content: center; align-items: center; } .footer-column.horizontal { flex-flow: row; } .function-button { justify-content: center; align-items: center; } .blog-short-content { grid-column-gap: var(--x3); grid-row-gap: var(--x3); } .cms-list { flex-flow: row; } .cms-wrapper { flex-flow: row; width: 100%; position: relative; } .section-content { flex-flow: column; } .card-6 { max-width: var(--_03-adaptive---width--w-4--max); min-width: var(--_03-adaptive---width--w-4--min); } .card-3 { min-width: 224px; } .card-3.no-hover { flex: 1; min-width: 208px; } .card-team { flex: 1; width: 100%; min-width: 256px; } .section-scroll { flex-flow: row; } .navbar { background-color: var(--_02-theme---surface--base); border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; justify-content: center; align-items: center; width: 100%; height: 80px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; display: flex; position: fixed; top: 0; left: 0; right: 0; } .container { flex: 1; justify-content: space-between; align-items: center; width: 100%; margin-left: 0; margin-right: 0; display: flex; position: relative; } .logo-image { height: 48px; } .menu-button { color: var(--_02-theme---foreground--primary); margin-left: 0; margin-right: 0; } .menu-button.w--open { color: var(--_02-theme---foreground--accent--default); background-color: #0000; } .brand { margin-left: 0; margin-right: auto; } .nav-menu { background-color: #0000; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; display: flex; top: 80px; } .dropdown-window { padding: var(--x4); grid-column-gap: var(--x2); grid-row-gap: var(--x2); border-radius: var(--_03-adaptive---island-radius--xl); background-color: var(--_02-theme---surface--base); flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .card { flex-flow: column; } .card-inner { max-width: 100%; } .card-image { aspect-ratio: 2.39; max-width: 100%; overflow: hidden; } .collection-list-3, .columns, .collection-list-4 { flex-flow: column; } .navcontainer { flex: 1; justify-content: center; align-items: center; margin-left: 0; margin-right: 0; display: flex; } .blog-item-list { flex-flow: column; } .image-hero { display: none; } .image-hero.mobile { display: block; } .paralegal { text-align: left; } .page-wr { padding: var(--_03-adaptive---island-padding--xl) var(--0); margin-top: 720px; overflow: hidden; } .page-wr.no-home { padding-right: var(--0); padding-left: var(--0); } .card-feature { min-width: var(--_03-adaptive---width--w-4--min); } .slider { padding-top: 16px; padding-bottom: 16px; overflow: scroll; } .slider.top { margin-top: 96px; } .button.xl.accent-primary.flex, .button.xl.accent-secondary.flex { width: 100%; } .font-body.l.medium.accent { color: var(--_02-theme---foreground--accent--default); } .font-ui.l.regular.muted { color: var(--_02-theme---foreground--muted); } .card__header { height: 32px; } .section__header { overflow: hidden; } .footer-wrapper { padding-right: var(--_03-adaptive---island-padding--xl); padding-left: var(--_03-adaptive---island-padding--xl); } .section__content { flex-flow: row; } .footer__content { flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; } .big-card { max-width: var(--_03-adaptive---width--w-4--max); min-width: var(--_03-adaptive---width--w-4--min); } .partners { grid-column-gap: 48px; grid-row-gap: 48px; } } @media screen and (max-width: 767px) { body { --_03-adaptive---width--w-12--max: 734px; --_03-adaptive---width--w-12--min: 448px; --_03-adaptive---island-padding--xl: 16px; --_03-adaptive---island-radius--xl: 16px; --_03-adaptive---width--w-6--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-6--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-3--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-3--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---font--size--heading--xl: var(--x6); --_03-adaptive---font--line-height--heading--xl: var(--x8); --_03-adaptive---font--size--heading--l: var(--x5); --_03-adaptive---font--line-height--heading--l: var(--x7); --_03-adaptive---font--size--heading--m: var(--x4); --_03-adaptive---font--line-height--heading--m: var(--x6); --_03-adaptive---font--size--heading--s: var(--x3-5); --_03-adaptive---font--line-height--heading--s: var(--x5); --_03-adaptive---width--w-4--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-4--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---island-padding--l: 12px; --_03-adaptive---width--w-2--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-2--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-10--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-10--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-8--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-8--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-1--max: 359px; --_03-adaptive---width--w-1--min: 216px; --_03-adaptive---font--size--body--s: var(--x3); --_03-adaptive---font--lihe-height--body--s: var(--x4); --_03-adaptive---font--line-height--ui--l: var(--x4); --_03-adaptive---font--size--body--l: var(--x4); --_03-adaptive---font--lihe-height--body--l: var(--x6); --_03-adaptive---font--size--display--xl: var(--x12); --_03-adaptive---font--line-height--display--xl: var(--x14); --_03-adaptive---font--size--display--l: var(--x10); --_03-adaptive---font--line-height--display--l: var(--x12); --_03-adaptive---font--size--display--m: var(--x8); --_03-adaptive---font--line-height--display--m: var(--x10); --_03-adaptive---font--size--display--s: var(--x7); --_03-adaptive---font--line-height--display--s: var(--x9); --_03-adaptive---font--size--body--m: var(--x3-5); --_03-adaptive---font--lihe-height--body--m: var(--x5); --_03-adaptive---font--size--ui--l: var(--x3); --_03-adaptive---font--size--ui--m: var(--x2-5); --_03-adaptive---font--line-height--ui--m: var(--x3); --_03-adaptive---font--size--ui--s: var(--x2); --_03-adaptive---font--line-height--ui--s: var(--x2); --_03-adaptive---island-radius--l: 12px; --_03-adaptive---island-padding--s: 8px; --_03-adaptive---island-padding--m: 8px; --_03-adaptive---island-radius--s: 4px; --_03-adaptive---island-radius--m: 8px; } .section-hero { display: none; } .section-hero.mobile { flex-flow: column; justify-content: space-between; display: flex; } .button-block { flex-flow: column; width: 100%; } .grid { grid-column-gap: var(--x8); grid-row-gap: var(--x8); } .footer-column.right { grid-column-gap: var(--_03-adaptive---island-padding--xl); grid-row-gap: var(--_03-adaptive---island-padding--xl); flex-flow: wrap; } .blog-short-content { grid-column-gap: var(--x2); grid-row-gap: var(--x2); } .cms-list { flex: 0 auto; } .collection-item { max-width: var(--_03-adaptive---width--w-3--max); flex: 0 auto; position: relative; } .card-3.no-hover { min-width: 128px; } .nav-menu { border-top-left-radius: 16px; border-top-right-radius: 16px; top: 80px; } .image-hero.mobile { width: 65%; } .page-wr { padding-right: var(--0); } .button.xl.accent-primary.flex, .button.xl.accent-secondary.flex { width: 100%; } .partners { grid-column-gap: 32px; grid-row-gap: 32px; } } @media screen and (max-width: 479px) { body { --_03-adaptive---width--w-12--max: 446px; --_03-adaptive---width--w-12--min: 288px; --_03-adaptive---island-padding--xl: 16px; --_03-adaptive---island-radius--xl: 16px; --_03-adaptive---width--w-6--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-6--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-3--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-3--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---font--size--heading--xl: var(--x6); --_03-adaptive---font--line-height--heading--xl: var(--x8); --_03-adaptive---font--size--heading--l: var(--x5); --_03-adaptive---font--line-height--heading--l: var(--x7); --_03-adaptive---font--size--heading--m: var(--x4); --_03-adaptive---font--line-height--heading--m: var(--x6); --_03-adaptive---font--size--heading--s: var(--x3-5); --_03-adaptive---font--line-height--heading--s: var(--x5); --_03-adaptive---width--w-4--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-4--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---island-padding--l: 12px; --_03-adaptive---width--w-2--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-2--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-10--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-10--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-8--max: var(--_03-adaptive---width--w-12--max); --_03-adaptive---width--w-8--min: var(--_03-adaptive---width--w-12--min); --_03-adaptive---width--w-1--max: 215px; --_03-adaptive---width--w-1--min: 136px; --_03-adaptive---font--size--body--s: var(--x3); --_03-adaptive---font--lihe-height--body--s: var(--x4); --_03-adaptive---font--line-height--ui--l: var(--x4); --_03-adaptive---font--size--body--l: var(--x4); --_03-adaptive---font--lihe-height--body--l: var(--x6); --_03-adaptive---font--size--display--xl: var(--x12); --_03-adaptive---font--line-height--display--xl: var(--x14); --_03-adaptive---font--size--display--l: var(--x10); --_03-adaptive---font--line-height--display--l: var(--x12); --_03-adaptive---font--size--display--m: var(--x8); --_03-adaptive---font--line-height--display--m: var(--x10); --_03-adaptive---font--size--display--s: var(--x7); --_03-adaptive---font--line-height--display--s: var(--x9); --_03-adaptive---font--size--body--m: var(--x3-5); --_03-adaptive---font--lihe-height--body--m: var(--x5); --_03-adaptive---font--size--ui--l: var(--x3); --_03-adaptive---font--size--ui--m: var(--x2-5); --_03-adaptive---font--line-height--ui--m: var(--x3); --_03-adaptive---font--size--ui--s: var(--x2); --_03-adaptive---font--line-height--ui--s: var(--x2); --_03-adaptive---island-radius--l: 12px; --_03-adaptive---island-padding--s: 8px; --_03-adaptive---island-padding--m: 8px; --_03-adaptive---island-radius--s: 4px; --_03-adaptive---island-radius--m: 8px; } .page-wrapper { top: 720px; } .section-hero { max-height: 640px; display: none; top: 64px; } .section-hero.mobile { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: space-between; display: flex; } .column { grid-column-gap: 24px; grid-row-gap: 24px; } .button-block { flex-flow: column; width: 100%; } .section { padding-right: var(--_03-adaptive---island-padding--xl); padding-left: var(--_03-adaptive---island-padding--xl); } .content { width: 100%; } .row.bento, .row.mobile { flex-flow: column; } .image-1-1 { width: 100%; display: block; } .footer { background-color: var(--_02-theme---surface--base); } .footer-column.horizontal { flex-flow: row; } .footer-column.flip { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .function-button { justify-content: center; align-items: center; } .button-primary { white-space: nowrap; word-break: keep-all; font-family: Factor A Regular, Arial, sans-serif; font-weight: 400; } .button-secondary { font-family: Factor A Regular, Arial, sans-serif; font-weight: 400; } .blog-short-content { grid-column-gap: var(--x2); grid-row-gap: var(--x2); } .card-6 { aspect-ratio: auto; flex-flow: column; } .card-wrapper { width: 100%; } .card-3.no-hover { min-width: 288px; } .card-team-header { flex-flow: row; } .navbar { height: 64px; } .logo-image { height: 32px; } .menu-button { color: var(--_02-theme---foreground--primary); } .menu-button.w--open { color: var(--_02-theme---foreground--accent--default); } .nav-menu { border-top-left-radius: 16px; border-top-right-radius: 16px; top: 64px; } .card-subtitle { color: var(--fg--soft\); } .image-hero.mobile { aspect-ratio: 1; } .page-wr { padding-right: var(--0); margin-top: 704px; } .page-wr.no-home { margin-top: 64px; } .card-feature { max-width: var(--_03-adaptive---width--w-2--max); min-width: var(--_03-adaptive---width--w-2--min); } .slider { flex-flow: row; } .button.xl:where(.w-variant-68da3fd4-939e-6e50-35e9-8339733908c3), .button.xl.accent-primary { flex: 0 auto; } .button.xl.accent-primary.flex, .button.xl.accent-secondary.flex { width: 100%; } .card__header { height: 56px; } .exchange-logo.svg { width: 48px; height: 48px; } .partners { grid-column-gap: 0px; grid-row-gap: 0px; } }