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;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
color: inherit;
position-anchor: auto;
position-area: top center;
background-color: #0000;
border: 0;
margin: 8px;
padding: 0;
position: fixed;
inset: auto;
overflow: visible;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.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;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
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 {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
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;
}
.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: DM Sans;
src: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a22b72a264e4697b1fbd886_DMSans-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: DM Sans;
src: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a22b72a508941f41630b1d5_DMSans-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: DM Mono;
src: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a22b8c336c297b6566a309a_DMMono-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: DM Mono;
src: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a22b8c3cb2bb8b8c0ebe25a_DMMono-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: DM Serif Display;
src: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a22b9fbc45f64b48decdab2_DMSerifDisplay-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--_theme---background: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_theme---text: var(--swatch--dark-100);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_gap---size: var(--site--gutter);
--radius--small: .5rem;
--site--gutter: 1rem;
--_spacing---space--4px: .25rem;
--site--column-count: 12;
--site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count));
--_icon-sizes---size: var(--_spacing---space--16px);
--_theme---border: var(--swatch--dark-100);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_spacing---space--2px: .125rem;
--_spacing---space--8px: .5rem;
--_spacing---space--32px: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1.5) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem);
--_spacing---space--16px: clamp(.75 * 1rem, ((.75 - ((1 - .75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - .75) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem);
--_spacing---space--12px: clamp(.5 * 1rem, ((.5 - ((.75 - .5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((.75 - .5) / (var(--site--max) - var(--site--min))) * 100vw), .75 * 1rem);
--_typography---primary-regular: 400;
--radius--xsmall: .25rem;
--swatch--light-faded\: color-mix(in srgb, var(--swatch--light\) 10%, transparent);
--radius--round: 100vw;
--_typography---primary-medium: 500;
--container--small: 60rem;
--site--margin: clamp(0 * 1rem, ((0 - ((1.5 - 0) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 0) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--_typography---font--primary-family: "DM Sans", Arial, sans-serif;
--radius--main: 1rem;
--_column-count---value: 1;
--_spacing---space--24px: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--container--full: calc(100vw - var(--site--margin) * 2);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--radius--large: 1.5rem;
--_spacing---space--20px: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem);
--_typography---h3--margin-top\: var(--_typography---all-headings--heading-margin-top\);
--_typography---h3--margin-bottom\: var(--_typography---all-headings--heading-margin-bottom\);
--_typography---h3--font-family\: var(--_typography---all-headings--heading-font-family\);
--_typography---h3--font-size\: clamp(1.52 * 1rem, ((1.52 - ((1.95 - 1.52) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.95 - 1.52) / (var(--site--max) - var(--site--min))) * 100vw), 1.95 * 1rem);
--_typography---h3--line-height\: var(--_typography---line-height--1-3\);
--_typography---h4--margin-top\: var(--_typography---all-headings--heading-margin-top\);
--_typography---h4--margin-bottom\: var(--_typography---all-headings--heading-margin-bottom\);
--_typography---h4--font-family\: var(--_typography---all-headings--heading-font-family\);
--_typography---h4--font-size\: clamp(1.32 * 1rem, ((1.32 - ((1.56 - 1.32) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.56 - 1.32) / (var(--site--max) - var(--site--min))) * 100vw), 1.56 * 1rem);
--_typography---h1--margin-top\: var(--_spacing---space--16px);
--_typography---h1--margin-bottom\: var(--_spacing---space--8px);
--_typography---h1--font-family\: var(--_typography---all-headings--heading-font-family\);
--_typography---h1--font-size\: clamp(2.01 * 1rem, ((2.01 - ((3 - 2.01) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 2.01) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem);
--_typography---h1--line-height\: var(--_typography---line-height--1-3\);
--_typography---h2--margin-top\: var(--_spacing---space--12px);
--_typography---h2--margin-bottom\: var(--_spacing---space--8px);
--_typography---h2--font-family\: var(--_typography---all-headings--heading-font-family\);
--_typography---h2--font-size\: clamp(1.75 * 1rem, ((1.75 - ((2.44 - 1.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.44 - 1.75) / (var(--site--max) - var(--site--min))) * 100vw), 2.44 * 1rem);
--_typography---h2--line-height\: var(--_typography---line-height--1-3\);
--_typography---text-main--margin-top\: var(--_spacing---space--4px);
--_typography---text-main--margin-bottom\: var(--_spacing---space--4px);
--_card-padding---card-padding\: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem);
--size--0rem: 0rem;
--_typography---primary-light: 300;
--container--main: calc(var(--site--max) * 1rem);
--_spacing---section-space--large: clamp(4.5 * 1rem, ((4.5 - ((7.5 - 4.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((7.5 - 4.5) / (var(--site--max) - var(--site--min))) * 100vw), 7.5 * 1rem);
--_spacing---section-space--main: clamp(3.5 * 1rem, ((3.5 - ((5 - 3.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3.5) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem);
--swatch--header-highlight\: #317cfd;
--_typography---font--mono-family: "DM Mono", Arial, sans-serif;
--_spacing---section-space--none: 0rem;
--_spacing---section-space--small: clamp(3.5 * 1rem, ((3.5 - ((5 - 3.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3.5) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem);
--_spacing---section-space--nav-gap: var(--_spacing---section-space--page-top);
--_spacing---section-space--xsmall: clamp(2.5 * 1rem, ((2.5 - ((2.5 - 2.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 2.5) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem);
--_theme---background-2: var(--swatch--light-300);
--_trigger---on: 1;
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_trigger---off: 0;
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--nav--nav-bg-dark-mode: var(--swatch--dark-300);
--nav--height-total: var(--nav--height);
--nav--spacing-outer-vertical: 0px;
--nav--height: 4.6rem;
--nav--text-color: var(--swatch--dark-800);
--nav--nav-bg: var(--swatch--light-300);
--nav--container: var(--container--main);
--nav--nav-text-dark-mode: var(--swatch--light-950);
--_typography---line-height--1-2: 1.2;
--_typography---letter-spacing--2: -.02em;
--nav--spacing-inner-horizontal: var(--_spacing---space--16px);
--swatch--light\: white;
--_theme---eyebrow-text: var(--swatch--cyan);
--_typography---font-size--text-small: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem);
--_theme---background-3: var(--swatch--light-500);
--_typography---blog--h4: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem);
--_theme---text-2: var(--swatch--dark-800);
--_typography---blog--h5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1.75) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem);
--_typography---blog--h6: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--_spacing---space--80px: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem);
--site--max: 92.5;
--site--min: 30;
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--swatch--dark-100: #010101;
--swatch--cyan: #00cadc;
--swatch--brand-text\: var(--swatch--dark-100);
--container--medium: 92.5rem;
--_typography---letter-spacing--0: 0em;
--_typography---letter-spacing--3: -.03em;
--size--2-5rem: 2.5rem;
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_spacing---space--40px: clamp(1.5 * 1rem, ((1.5 - ((2.5 - 1.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 1.5) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem);
--site--padding: clamp(1 * 1rem, ((1 - ((1.5 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--swatch--light-faded-60\: color-mix(in srgb, var(--swatch--light\) 60%, transparent);
--_responsive---large: 1;
--_responsive---medium: 0;
--_responsive---small: 0;
--_responsive---xsmall: 0;
--swatch--transparent\: #fff0;
--_state---false: 0;
--_state---true: 1;
--_typography---font-size--label: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1.125) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--_typography---line-height--1-16: 1.16;
--_typography---font-size--label-small: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1.125) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem);
--_typography---line-height--1-14: 1.14;
--_typography---letter-spacing--1: -.01em;
--_typography---font-size--label-tiny: clamp(1 * 1rem, ((1 - ((1 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem);
--_typography---font-size--eyebrow: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem);
--_typography---line-height--1-4: 1.4;
--_typography---letter-spacing--4: -.04em;
--_theme---border-2: var(--swatch--light-300);
--swatch--transparent: transparent;
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--swatch--dark-700: #2c2c2c;
--swatch--dark-400: #1a1a1a;
--_typography---line-height--1: 1;
--swatch--cyan-darkestest: #00282c;
--_theme---text-4: var(--swatch--dark-400);
--_spacing---space--240px: clamp(7.5 * 1rem, ((7.5 - ((15 - 7.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((15 - 7.5) / (var(--site--max) - var(--site--min))) * 100vw), 15 * 1rem);
--_spacing---space--120px: clamp(4.25 * 1rem, ((4.25 - ((7.5 - 4.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((7.5 - 4.25) / (var(--site--max) - var(--site--min))) * 100vw), 7.5 * 1rem);
--swatch--blue-darkest: #093443;
--swatch--cyan-lighter: #66dfea;
--swatch--light-700: #d5d5d5;
--swatch--light-500: #e1e2e2;
--swatch--light-900: #b1b1b1;
--swatch--cyan-darker: #007984;
--swatch--dark-800: #343434;
--_spacing---space--140px: clamp(4.85 * 1rem, ((4.85 - ((8.75 - 4.85) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((8.75 - 4.85) / (var(--site--max) - var(--site--min))) * 100vw), 8.75 * 1rem);
--_spacing---space--200px: clamp(6.75 * 1rem, ((6.75 - ((12.5 - 6.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((12.5 - 6.75) / (var(--site--max) - var(--site--min))) * 100vw), 12.5 * 1rem);
--_spacing---space--96px: clamp(3.5 * 1rem, ((3.5 - ((6 - 3.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((6 - 3.5) / (var(--site--max) - var(--site--min))) * 100vw), 6 * 1rem);
--_spacing---space--48px: clamp(2 * 1rem, ((2 - ((3 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem);
--_typography---line-height--0-92: .92;
--_spacing---space--72px: clamp(2.75 * 1rem, ((2.75 - ((4.5 - 2.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4.5 - 2.75) / (var(--site--max) - var(--site--min))) * 100vw), 4.5 * 1rem);
--_spacing---space--160px: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((10 - 5.5) / (var(--site--max) - var(--site--min))) * 100vw), 10 * 1rem);
--_spacing---space--56px: clamp(2.25 * 1rem, ((2.25 - ((3.5 - 2.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3.5 - 2.25) / (var(--site--max) - var(--site--min))) * 100vw), 3.5 * 1rem);
--_spacing---section-space--page-top: clamp(5 * 1rem, ((5 - ((6.5 - 5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((6.5 - 5) / (var(--site--max) - var(--site--min))) * 100vw), 6.5 * 1rem);
--swatch--dark-600: #272727;
--swatch--light-950: #939393;
--swatch--blue-lighter: #74b3cb;
--_spacing---space--64px: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4 - 2.5) / (var(--site--max) - var(--site--min))) * 100vw), 4 * 1rem);
--swatch--cyan-darkest: #005158;
--swatch--cyan-lightest: #99eaf1;
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--swatch--dark-300: #151515;
--swatch--cyan-light: #33d5e3;
--swatch--light-100: #fafbfb;
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_paddings---padding-tiny: var(--_spacing---space--2px);
--_spacing---space--88px: clamp(3.25 * 1rem, ((3.25 - ((5.5 - 3.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5.5 - 3.25) / (var(--site--max) - var(--site--min))) * 100vw), 5.5 * 1rem);
--_spacing---space--104px: clamp(3.75 * 1rem, ((3.75 - ((6.5 - 3.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((6.5 - 3.75) / (var(--site--max) - var(--site--min))) * 100vw), 6.5 * 1rem);
--_spacing---space--112px: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((7 - 4) / (var(--site--max) - var(--site--min))) * 100vw), 7 * 1rem);
--_spacing---space--220px: clamp(7 * 1rem, ((7 - ((13.75 - 7) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((13.75 - 7) / (var(--site--max) - var(--site--min))) * 100vw), 13.75 * 1rem);
--_paddings---padding-small: var(--_spacing---space--8px);
--_button-style---background: transparent;
--_typography---font--secondary-family: "DM Serif Display", Arial, sans-serif;
--_paddings---padding-main: var(--_spacing---space--12px);
--_button-style---text: transparent;
--_paddings---padding-large: var(--_spacing---space--20px);
--_typography---font-size--display: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 2.5) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem);
--_button-style---border: transparent;
--swatch--dark-200: #0e0e0e;
--_typography---font-size--h1: clamp(2 * 1rem, ((2 - ((5 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem);
--_button-style---background-hover: transparent;
--_typography---font-size--h2: clamp(2 * 1rem, ((2 - ((4 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 4 * 1rem);
--_typography---font-size--h3: clamp(2 * 1rem, ((2 - ((3.5 - 2) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3.5 - 2) / (var(--site--max) - var(--site--min))) * 100vw), 3.5 * 1rem);
--_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2.5 - 1.75) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2.5 - 1.75) / (var(--site--max) - var(--site--min))) * 100vw), 2.5 * 1rem);
--_typography---font-size--h5: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1.5) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem);
--_typography---font-size--h6: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--_typography---font-size--text-large: clamp(1.25 * 1rem, ((1.25 - ((2 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem);
--_typography---font-size--text-main: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - 1.125) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--_typography---font-size--text-tiny: 1rem;
--_button-style---text-hover: transparent;
--_typography---blog--h1: clamp(3.5 * 1rem, ((3.5 - ((5 - 3.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((5 - 3.5) / (var(--site--max) - var(--site--min))) * 100vw), 5 * 1rem);
--_typography---blog--h2: clamp(3 * 1rem, ((3 - ((4 - 3) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((4 - 3) / (var(--site--max) - var(--site--min))) * 100vw), 4 * 1rem);
--_button-style---border-hover: transparent;
--swatch--dark-500: #1f1f1f;
--_typography---blog--h3: clamp(2.5 * 1rem, ((2.5 - ((3.5 - 2.5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3.5 - 2.5) / (var(--site--max) - var(--site--min))) * 100vw), 3.5 * 1rem);
--swatch--dark-900: #666;
--swatch--light-200: #f5f6f6;
--swatch--light-300: #eee;
--swatch--light-400: #e6e7e7;
--swatch--light-600: #dcdddd;
--swatch--light-800: #c8c9c9;
--swatch--cyan-dark: #00a2b0;
--swatch--blue-lightest: #a2cddc;
--swatch--blue-light: #459ab9;
--swatch--blue: #1781a8;
--swatch--blue-dark: #126786;
--swatch--blue-darker: #0e4d65;
--_card---card--card-bg: white;
--_card---card--card-bg-hover: white;
--_card---card--card-padding-main: var(--_paddings---padding-main);
--_card---card--card-padding-small: var(--_paddings---padding-small);
--_card---card--card-padding-large: var(--_paddings---padding-large);
--max-width--main: calc(var(--site--max) * 1rem);
--max-width--full: 100%;
--max-width--site-width: min(var(--max-width--main), 100vw);
--nav--radius: .75rem;
--nav--icon-thickness: .125rem;
--nav--hamburger-thickness: var(--nav--icon-thickness);
--radius--tiny: .125rem;
--site--width: 90rem;
--site--content-padding: clamp(.5 * 1rem, ((.5 - ((1.5 - .5) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.5 - .5) / (var(--site--max) - var(--site--min))) * 100vw), 1.5 * 1rem);
--size--0-125rem: .125rem;
--size--0-25rem: .25rem;
--size--0-375rem: .375rem;
--size--0-5rem: .5rem;
--size--0-75rem: .75rem;
--size--1rem: 1rem;
--size--1-25rem: 1.25rem;
--size--1-5rem: 1.5rem;
--size--2rem: 2rem;
--size--3rem: 3rem;
--size--3-5rem: 3.5rem;
--size--4rem: 4rem;
--size--4-5rem: 4.5rem;
--size--5rem: 5rem;
--content-space--button-group-gap: var(--_spacing---space--16px);
--nav--hamburger-gap: .375rem;
--nav--nav-m: 0px;
--nav--hamburger-rotate: 45;
--nav--nav-banner-bg: var(--swatch--cyan);
--nav--nav-banner-text: var(--swatch--dark-100);
--size--5-5rem: 5.5rem;
--size--6rem: 6rem;
--size--6-5rem: 6.5rem;
--size--7rem: 7rem;
--size--7-5rem: 7.5rem;
--size--8rem: 8rem;
--size--8-5rem: 8.5rem;
--size--9rem: 9rem;
--size--9-5rem: 9.5rem;
--size--10rem: 10rem;
--size--11rem: 11rem;
--size--12rem: 12rem;
--size--14rem: 14rem;
--size--13rem: 13rem;
--size--15rem: 15rem;
--size--16rem: 16rem;
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_typography---line-height--1-24: 1.24;
--_typography---line-height--1-08: 1.08;
--_typography---line-height--1-04: 1.04;
--_typography---line-height--0-96: .96;
--_typography---text-transform--none: var(--text-transform, none);
--_typography---text-transform--uppercase: uppercase;
--_typography---text-transform--capitalize: capitalize;
--_typography---text-transform--lowercase: lowercase;
--value-location--custom-code: 0px;
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--value-location--fluid-builder: 0px;
--_text-style---margin-top: var(--_spacing---space--24px);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_typography---primary-trim-top: .33em;
--_text-style---text-warp: pretty;
--_typography---primary-trim-bottom: .38px;
--_typography---primary-semibold: 600;
--_typography---primary-bold: 700;
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
--_typography---all-headings--heading-margin-top\: var(--_spacing---space--12px);
--_typography---all-headings--heading-margin-bottom\: var(--_spacing---space--4px);
--_typography---all-headings--heading-font-family\: var(--_typography---font--primary-family);
--_typography---line-height--1-3\: 1.3;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous, .w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-page-count {
text-align: center;
width: 100%;
margin-top: 20px;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
body {
background-color: var(--_theme---background);
font-family: var(--_text-style---font-family);
color: var(--_theme---text);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
text-transform: var(--_text-style---text-transform, none);
}
h1 {
font-family: var(--_text-style---font-family);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
display: flow-root;
}
h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
a {
color: inherit;
outline-offset: var(--focus--offset-outer);
outline-width: var(--focus--width);
text-decoration: none;
}
ul {
margin-top: 0;
padding-left: 1.5rem;
padding-right: 10px;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
object-fit: cover;
max-width: 100%;
}
em {
font-style: italic;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin-bottom: 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
.page_code_wrap {
position: fixed;
inset: 0% 0% auto;
}
.page-wrapper {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
flex-flow: column;
display: flex;
overflow: clip;
}
.page-wrapper.theme-dark {
background-color: var(--_theme---background);
}
.page-wrapper.theme-lab {
position: relative;
}
.main-wrapper {
flex-flow: column;
display: flex;
position: relative;
}
.hflex-between-bottom {
flex-flow: row;
place-content: flex-end space-between;
align-items: flex-end;
display: flex;
}
.child-contain {
min-width: 100%;
text-align: var(--_alignment---direction);
align-items: var(--_alignment---direction);
flex-flow: column;
display: flex;
}
.vflex-stretch-top {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.btn_play_pause {
opacity: 0;
}
.hflex-between-center {
flex-flow: row;
place-content: center space-between;
align-items: center;
display: flex;
}
.gap-row-4 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--24px);
}
.radius-small {
border-radius: var(--radius--small);
}
.gap-row-1 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--8px);
}
.text-center {
text-align: center;
}
.styleguide_flex_dot {
opacity: .1;
pointer-events: none;
background-color: currentColor;
border-radius: 100vw;
min-width: 16cqw;
min-height: 16cqw;
padding: 0;
}
.ratio-custom {
aspect-ratio: 16 / 4;
}
.g_eyebrow_marker {
background-color: currentColor;
flex: none;
width: .094rem;
padding-bottom: 0;
padding-right: 0;
}
.overflow-y-auto {
overflow: hidden auto;
}
.zindex-0 {
z-index: 0;
position: relative;
}
.gap-row-inherit {
grid-row-gap: inherit;
grid-column-gap: inherit;
}
.gap-8 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--64px);
}
.gap-gutter {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
}
.mb-2 {
margin-bottom: var(--_spacing---space--4px);
}
.sticky {
position: sticky;
top: 0;
}
.grid-breakout {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end];
display: grid;
}
.column-1 {
grid-column: auto / span 1;
}
.icon-height-medium {
width: auto;
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--20px);
}
.overflow-hidden {
overflow: hidden;
}
.gap-row-7 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--48px);
}
.overflow-clip {
overflow: clip;
}
.ratio-16-9 {
aspect-ratio: 16 / 9;
}
.shadow-xlarge {
box-shadow: 0 24px 48px -12px #0000002e;
}
.hflex-center-top {
flex-flow: row;
place-content: flex-start center;
align-items: flex-start;
display: flex;
}
.text-wrap-balance {
text-wrap: balance;
}
.vflex-stretch-bottom {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.styleguide_card_wrap {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
border: .094rem solid var(--_theme---border);
--_column-count---value: 1;
--_gap---size: var(--_spacing---space--12px);
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 1.5rem;
display: flex;
position: relative;
}
.styleguide_card_wrap.brand-color-1 {
background-color: #1531bc;
}
.styleguide_card_wrap.brand-color-3 {
---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c;
}
.styleguide_card_wrap.brand-color-2 {
---mode--collection-aa6be06c-a849-cd17-658f-e0a5a07cd51e: mode-072a8ab3-fe98-816d-f6f0-66fe678acff5;
---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c;
}
.styleguide_card_wrap.theme-light {
background-color: var(--_theme---background);
color: var(--_theme---text);
}
.form_main_option_link {
color: #212122;
border: .094rem solid #212122;
border-radius: .5rem;
width: 1.5rem;
height: 1.5rem;
margin: 0 .5rem 0 0;
}
.form_main_option_link.w--redirected-checked {
background-color: #5139eb;
background-size: 60%;
border-color: #5139eb;
border-radius: .5rem;
}
.form_main_option_link.radio {
border-radius: 100vw;
}
.block-gap-vertical {
display: block;
}
.zindex-negative {
z-index: -1;
position: relative;
}
.icon-1x1-large {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--24px);
}
.cover {
width: 100%;
height: 100%;
}
.gap-row-8 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--64px);
}
.display-none {
display: none;
}
.text-h1 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
padding-bottom: .11em;
display: flow-root;
}
.gap-1 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--8px);
}
.order-first-tablet {
order: -1;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.mb-1 {
margin-bottom: var(--_spacing---space--2px);
}
.radius-none {
border-radius: 0;
}
.icon-height-custom {
width: auto;
height: 1.25rem;
}
.mt-2 {
margin-top: var(--_spacing---space--4px);
}
.g_clickable_text {
padding-bottom: 0;
padding-right: 0;
display: inline;
}
.g_clickable_text.sr-only {
display: none;
}
.hflex-left-bottom {
flex-flow: row;
place-content: flex-end flex-start;
align-items: flex-end;
display: flex;
}
.mb-3 {
margin-bottom: var(--_spacing---space--8px);
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.display-block {
display: block;
}
.form_main_error_wrap {
background-color: #0000;
border: .094rem solid #fff;
margin-top: 0;
padding: .8rem 1.4rem;
}
.form_main_wrap {
width: 100%;
margin-bottom: 0;
}
.overflow-auto {
overflow: auto;
}
.mb-8 {
margin-bottom: var(--_spacing---space--32px);
}
.styleguide_title {
margin-bottom: 0;
}
.grid-tablet {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: var(--grid-main);
display: grid;
}
.icon-1x1-xlarge {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--32px);
}
.shadow-large {
box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}
.styleguide_font_item {
padding-top: var(--_spacing---space--16px);
padding-bottom: var(--_spacing---space--16px);
grid-column-gap: var(--_spacing---space--12px);
grid-row-gap: var(--_spacing---space--12px);
border-bottom: .094rem solid #fff;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.vflex-wrap {
flex-flow: column wrap;
}
.text-weight-normal {
font-weight: var(--_typography---primary-regular);
}
.styleguide_contain.container-large.padding-section-medium.grid-custom {
--_column-count---value: 12;
place-items: start stretch;
}
.text-tiny {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: 0;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-tiny);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.form_main_field_wrap {
text-align: left;
width: 100%;
}
.rl-styleguide_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-bottom: 4rem;
}
.vflex-left-between {
flex-flow: column;
place-content: flex-start space-between;
align-items: flex-start;
display: flex;
}
.align-items-stretch {
align-content: stretch;
align-items: stretch;
}
.text-h2 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
padding-bottom: .1em;
display: flow-root;
}
.hflex-wrap {
flex-flow: wrap;
}
.line-clamp-4 {
display: -webkit-box;
overflow: hidden;
}
.g_eyebrow_layout {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: inline-flex;
}
.shadow-small {
box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}
.styleguide_group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
padding-top: 3rem;
display: flex;
}
.zindex-unset {
z-index: unset;
position: relative;
}
.absolute {
position: absolute;
}
.grid-landscape {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: var(--grid-main);
display: grid;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.mb-5 {
margin-bottom: var(--_spacing---space--16px);
}
.visual-wrap {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
position: relative;
overflow: hidden;
}
.hflex-center-center {
flex-flow: row;
place-content: center;
align-items: center;
display: flex;
}
.align-self-auto {
align-self: auto;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.gap-6 {
--_gap---size: var(--_spacing---space--40px);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.grid-desktop {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: var(--grid-main);
display: grid;
}
.vflex-left-bottom {
flex-flow: column;
place-content: flex-start flex-end;
align-items: flex-start;
display: flex;
}
.mt-gutter {
margin-top: var(--_gap---size);
--_gap---size: var(--site--gutter);
}
.form_main_option_item {
color: #fff;
margin-bottom: 0;
padding-left: 0;
display: inline-block;
}
.g_tag_wrap {
border-radius: var(--radius--xsmall);
background-color: var(--_theme---text);
min-width: 4rem;
color: var(--_theme---background);
text-align: center;
padding: .25rem .75rem;
font-size: .875rem;
line-height: 1;
display: inline-block;
}
.g_tag_wrap.position-absolute {
position: absolute;
bottom: 4rem;
}
.rl-styleguide_empty-space {
z-index: -1;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative;
}
.mt-8 {
margin-top: var(--_spacing---space--32px);
}
.hflex-left-top {
flex-flow: row;
place-content: flex-start;
align-items: flex-start;
display: flex;
}
.rl-styleguide_empty-box {
background-color: var(--swatch--light-faded\);
pointer-events: none;
min-width: 3rem;
min-height: 3rem;
position: relative;
}
.align-items-end {
align-content: flex-end;
align-items: flex-end;
}
.block-gap {
margin-left: calc(var(--gap-x) / 2 * -1);
margin-right: calc(var(--gap-x) / 2 * -1);
vertical-align: middle;
padding-top: .01px;
padding-bottom: .01px;
display: block;
}
.image-wrapper.position-relative {
aspect-ratio: 2;
width: 100%;
max-width: calc(1rem * var(--number));
position: relative;
overflow: clip;
}
.image-wrapper.position-relative:where(.w-variant-1bbec642-3524-7a3e-f039-cd8758e7f341) {
aspect-ratio: 16 / 9;
}
.image-wrapper.position-relative:where(.w-variant-6cd38105-2660-5ffa-38ee-5c020b593600) {
aspect-ratio: 3 / 2;
}
.image-wrapper.position-relative:where(.w-variant-83576c14-0186-0114-fbec-d98eec69c142) {
aspect-ratio: 5 / 4;
}
.image-wrapper.position-relative:where(.w-variant-4e43f3ce-c409-fa12-78b0-74e5e7ec5bf1) {
aspect-ratio: 1;
}
.image-wrapper.position-relative:where(.w-variant-64973f4d-448e-de59-a2a5-83e916b292f3) {
aspect-ratio: 4 / 5;
}
.image-wrapper.position-relative:where(.w-variant-d464e4d1-b6e8-0b76-50f8-5b2366e0eb5b) {
aspect-ratio: 2 / 3;
}
.image-wrapper.position-relative:where(.w-variant-ae154d96-c491-2ceb-1b80-475208f0e9ec) {
position: absolute;
inset: 0%;
aspect-ratio: unset !important;
}
.image-wrapper.position-relative:where(.w-variant-b2e0c6f1-56b3-317e-cac5-86931a6fbb38) {
aspect-ratio: auto;
max-width: calc(1rem * var(--number));
}
.image-wrapper.position-relative.is-video {
aspect-ratio: 16 / 9;
height: auto;
}
.image-wrapper.position-relative.is-video:where(.w-variant-6d5d2aa0-54e9-4170-a39d-5e6b83bf17f1) {
aspect-ratio: auto;
object-fit: cover;
position: absolute;
inset: 0%;
}
.grid-subgrid {
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: subgrid;
grid-column-gap: inherit;
grid-row-gap: inherit;
grid-column: auto / span 1;
display: grid;
}
.align-items-start {
align-content: flex-start;
align-items: flex-start;
}
.grid-column-2 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_column-count---value: 2;
--_gap---size: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
display: grid;
}
.vflex-center-between {
flex-flow: column;
place-content: center space-between;
align-items: center;
display: flex;
}
.icon-height-large {
width: auto;
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--24px);
}
.radius-round {
border-radius: var(--radius--round);
}
.text-weight-medium {
font-weight: var(--_typography---primary-medium);
}
.overflow-x-auto {
overflow: auto hidden;
}
.container-small {
max-width: var(--container--small);
width: calc(100% - var(--site--margin) * 2);
margin-left: auto;
margin-right: auto;
position: relative;
}
.overflow-hidden-left {
clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%);
}
.line-clamp-2 {
display: -webkit-box;
overflow: hidden;
}
.btn_main_text {
z-index: 2;
color: #212122;
font-size: .875rem;
line-height: inherit;
transition-property: color;
transition-duration: .2s;
transition-timing-function: ease;
}
.btn_main_text.is-secondary {
color: inherit;
}
.margin-inline-auto {
margin-left: auto;
margin-right: auto;
}
.vflex-stretch-center {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.grid-column-4 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_column-count---value: 4;
--_gap---size: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
display: grid;
}
.text-regular {
font-family: var(--_typography---font--primary-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: 0;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.text-wrap-pretty {
text-wrap: pretty;
}
.radius-main {
border-radius: var(--radius--main);
}
.gap-0 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: 0rem;
}
.styleguide_flex_wrap {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a2184b69833d9fd0aa9578e_dots.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 88%;
flex-flow: column;
width: 100%;
display: flex;
container-type: inline-size;
}
.gap-row-5 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--32px);
}
.ratio-3-2 {
aspect-ratio: 3 / 2;
}
.column-11 {
grid-column-start: auto;
grid-column-end: span min(11, var(--_column-count---value, 12));
}
.mb-0 {
margin-bottom: 0;
}
.column-3 {
grid-column-start: auto;
grid-column-end: span min(3, var(--_column-count---value, 12));
}
.gap-inherit {
grid-column-gap: inherit;
grid-row-gap: inherit;
}
.flex-grow {
flex: 1;
}
.form_main_field_input {
height: 3rem;
color: inherit;
text-transform: var(--text-large--text-transform);
background-color: #0000;
border: 0 solid #000;
border-bottom: .094rem solid #fff;
border-radius: 0;
margin-bottom: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
}
.form_main_field_input:focus {
border-bottom-color: #fff;
}
.form_main_field_input::placeholder {
color: color-mix(in srgb, var(--theme--text) 60%, transparent);
}
.form_main_field_input.is-message {
width: 100%;
min-width: 100%;
max-width: 100%;
height: auto;
min-height: 5rem;
max-height: 10rem;
padding-top: .5rem;
}
.capitalze {
text-transform: capitalize;
}
.shadow-medium {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}
.mb-4 {
margin-bottom: var(--_spacing---space--12px);
}
.vflex-right-between {
flex-flow: column;
place-content: flex-end space-between;
align-items: flex-end;
display: flex;
}
.mt-3 {
margin-top: var(--_spacing---space--8px);
}
.align-self-stretch {
align-self: stretch;
}
.order-last-tablet {
order: 1;
}
.overflow-visible {
overflow: visible;
}
.gap-row-2 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--12px);
}
.hflex-right-bottom {
flex-flow: row;
place-content: flex-end;
align-items: flex-end;
display: flex;
}
.align-items-center {
align-content: center;
align-items: center;
}
.width-full {
width: 100%;
}
.styleguide_layout {
grid-row-gap: 4rem;
align-items: start;
}
.styleguide_layout.column-9 {
grid-column-start: 4;
}
.display-inline-flex {
display: inline-flex;
}
.column-full {
grid-column: 1 / -1;
}
.gap-row-6 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--40px);
}
.color-faded {
color: color-mix(in srgb, var(--_theme---text) 60%, transparent);
}
.height-full {
height: 100%;
}
.gap-row-3 {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--16px);
}
.uppercase {
text-transform: uppercase;
}
.vflex-right-center {
flex-flow: column;
place-content: flex-end center;
align-items: flex-end;
display: flex;
}
.order-last {
order: 1;
}
.icon-1x1-medium {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--20px);
}
.normal {
text-transform: none;
}
.static {
position: static;
}
.styleguide_section {
padding-top: 4rem;
}
.text-h6 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.hflex-right-center {
flex-flow: row;
place-content: center flex-end;
align-items: center;
display: flex;
}
.grid-custom {
--_column-count---value: 5;
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
display: grid;
}
.mt-1 {
margin-top: var(--_spacing---space--2px);
}
.display-inline-grid {
display: inline-grid;
}
.gap-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--16px);
}
.grid-column-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_column-count---value: 3;
--_gap---size: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
display: grid;
}
.mt-5 {
margin-top: var(--_spacing---space--16px);
}
.shadow-xxsmall {
box-shadow: 0 1px 2px #0000000d;
}
.icon-height-xsmall {
width: auto;
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--8px);
}
.mt-4 {
margin-top: var(--_spacing---space--12px);
}
.styleguide_icon {
width: 3rem;
height: 3rem;
}
.text-display {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--secondary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.styleguide_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: stretch;
display: flex;
}
.column-custom {
--_column-count---value: 2;
grid-column-start: auto;
grid-column-end: span var(--_column-count---value);
}
.min-height-screen {
min-height: 100svh;
}
.hflex-right-stretch {
flex-flow: row;
place-content: stretch flex-end;
align-items: stretch;
display: flex;
}
.gap-4 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--24px);
}
.text-small {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: 0;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.column-5 {
grid-column-start: auto;
grid-column-end: span min(5, var(--_column-count---value, 12));
}
.g_eyebrow_text {
margin-top: 0;
margin-bottom: 0;
}
.radius-xsmall {
border-radius: var(--radius--xsmall);
}
.shadow-xxlarge {
box-shadow: 0 32px 64px -12px #00000024;
}
.line-clamp-3 {
display: -webkit-box;
overflow: hidden;
}
.column-7 {
grid-column-start: auto;
grid-column-end: span min(7, var(--_column-count---value, 12));
}
.text-h3 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: balance;
padding-bottom: .05em;
display: flow-root;
}
.column-9 {
grid-column-start: auto;
grid-column-end: span min(9, var(--_column-count---value, 12));
}
.mt-7 {
margin-top: var(--_spacing---space--24px);
}
.vflex-left-center {
flex-flow: column;
place-content: flex-start center;
align-items: flex-start;
display: flex;
}
.align-self-end {
align-self: flex-end;
}
.container-full {
width: 100%;
max-width: var(--container--full);
margin-left: auto;
margin-right: auto;
position: relative;
container-type: inline-size;
}
.cover-absolute {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
transform-style: preserve-3d;
position: absolute;
inset: 0%;
}
.cover-absolute:where(.w-variant-d8f64210-bdf9-4b6a-ac99-ec8cc4f18d04), .cover-absolute:where(.w-variant-ec58d9c5-f343-c7dc-6183-bcc47a508915) {
transform: rotateX(0)rotateY(180deg)rotateZ(180deg);
}
.cover-absolute.is-left {
transform-style: preserve-3d;
left: calc(1rem - 100%);
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.cover-absolute.is-left:where(.w-variant-d8f64210-bdf9-4b6a-ac99-ec8cc4f18d04), .cover-absolute.is-left:where(.w-variant-ec58d9c5-f343-c7dc-6183-bcc47a508915) {
transform: rotate(180deg);
}
.cover-absolute.is-right {
transform-style: preserve-3d;
left: calc(100% - 2rem);
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.cover-absolute.is-right:where(.w-variant-d8f64210-bdf9-4b6a-ac99-ec8cc4f18d04), .cover-absolute.is-right:where(.w-variant-ec58d9c5-f343-c7dc-6183-bcc47a508915) {
transform: rotate(180deg);
}
.grid-flex {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
flex-flow: wrap;
display: flex;
}
.btn_main_wrap {
border: .094rem solid var(--_theme---button-cyan--icon-box);
background-color: var(--_theme---button-cyan--background);
color: #fff;
vertical-align: middle;
padding: .75rem 1.5rem;
line-height: 1;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
position: relative;
}
.btn_main_wrap:hover {
color: #212122;
background-color: #fff;
border-color: #fff;
}
.display-inline {
display: inline;
}
.color-inherit {
color: inherit;
}
.icon-1x1-xsmall {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--8px);
}
.g_clickable_btn {
border-radius: inherit;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
inset: 0%;
}
.gap-7 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--48px);
}
.zindex-1 {
z-index: 1;
position: relative;
}
.mb-gutter {
margin-bottom: var(--_gap---size);
--_gap---size: var(--site--gutter);
}
.hflex-between-stretch {
flex-flow: row;
place-content: stretch space-between;
align-items: stretch;
display: flex;
}
.vflex-left-top {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
display: flex;
}
.vflex-left-top.gap-custom {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.gap-5 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--32px);
}
.border-outline {
outline-color: var(--_theme---border);
outline-offset: .5rem;
outline-width: 1px;
outline-style: solid;
}
.rl-styleguide_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 1rem;
display: grid;
}
.rl-styleguide_item.is-stretch {
grid-row-gap: 1rem;
border: 1px solid var(--_theme---border);
justify-items: stretch;
}
.icon-1x1-small {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--12px);
}
.hflex-center-stretch {
flex-flow: row;
place-content: stretch center;
align-items: stretch;
display: flex;
}
.radius-large {
border-radius: var(--radius--large);
}
.column-6 {
grid-column-start: auto;
grid-column-end: span min(6, var(--_column-count---value, 12));
}
.flex-shrink {
flex: 0 auto;
}
.text-large {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: 0;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.order-last-desktop {
order: 1;
}
.vflex-right-top {
flex-flow: column;
place-content: flex-end flex-start;
align-items: flex-end;
display: flex;
}
.align-self-start {
align-self: flex-start;
}
.btn_play_icon {
aspect-ratio: 1;
width: 36%;
position: relative;
}
.zindex-3 {
z-index: 3;
position: relative;
}
.g_visual_overlay {
background-color: #000;
}
.fixed {
position: fixed;
}
.mb-6 {
margin-bottom: var(--_spacing---space--20px);
}
.shadow-xsmall {
box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000000f;
}
.text-h6 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-bottom: .5rem;
display: flow-root;
}
.radius-inherit {
border-radius: inherit;
}
.styleguide_subheading {
margin-bottom: 0;
}
.gap-row-0 {
grid-row-gap: var(--_gap---size);
--_gap---size: 0rem;
}
.hflex-between-top {
flex-flow: row;
place-content: flex-start space-between;
align-items: flex-start;
display: flex;
}
.gap-row-gutter {
grid-row-gap: var(--_gap---size);
--_gap---size: var(--site--gutter);
}
.g_svg {
overflow: visible !important;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.styleguide_card_inner {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: wrap;
place-content: center;
align-items: center;
width: 100%;
display: flex;
}
.max-width-full {
width: 100%;
max-width: none;
}
.column-4 {
grid-column-start: auto;
grid-column-end: span min(4, var(--_column-count---value, 12));
}
.mt-6 {
margin-top: var(--_spacing---space--20px);
}
.icon-height-xxsmall {
width: auto;
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--8px);
}
.ratio-2-1 {
aspect-ratio: 2;
}
.vflex-stretch-between {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.zindex-2 {
z-index: 2;
position: relative;
}
.max-width-xsmall {
width: 100%;
max-width: 25rem;
}
.hflex-left-stretch {
flex-flow: row;
place-content: stretch flex-start;
align-items: stretch;
display: flex;
}
.icon-1x1-custom {
width: 1.25rem;
height: 1.25rem;
}
.mt-0 {
margin-top: 0;
}
.g_clickable_wrap {
z-index: 3;
border-radius: inherit;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.vflex-center-bottom {
flex-flow: column;
place-content: center flex-end;
align-items: center;
display: flex;
}
.text-rich-text h3 {
margin-top: var(--_typography---h3--margin-top\);
margin-bottom: var(--_typography---h3--margin-bottom\);
font-family: var(--_typography---h3--font-family\);
font-size: var(--_typography---h3--font-size\);
line-height: var(--_typography---h3--line-height\);
font-weight: 400;
display: flow-root;
}
.text-rich-text h4 {
margin-top: var(--_typography---h4--margin-top\);
margin-bottom: var(--_typography---h4--margin-bottom\);
font-family: var(--_typography---h4--font-family\);
font-size: var(--_typography---h4--font-size\);
line-height: var(--_typography---h4--font-size\);
font-weight: 400;
display: flow-root;
}
.text-rich-text h1 {
margin-top: var(--_typography---h1--margin-top\);
margin-bottom: var(--_typography---h1--margin-bottom\);
font-family: var(--_typography---h1--font-family\);
font-size: var(--_typography---h1--font-size\);
line-height: var(--_typography---h1--line-height\);
}
.text-rich-text h2 {
margin-top: var(--_typography---h2--margin-top\);
margin-bottom: var(--_typography---h2--margin-bottom\);
font-family: var(--_typography---h2--font-family\);
font-size: var(--_typography---h2--font-size\);
line-height: var(--_typography---h2--line-height\);
display: flow-root;
}
.text-rich-text p {
margin-top: var(--_typography---text-main--margin-top\);
margin-bottom: var(--_typography---text-main--margin-bottom\);
}
.order-first {
order: -1;
}
.column-10 {
grid-column-start: auto;
grid-column-end: span min(10, var(--_column-count---value, 12));
}
.max-width-xxsmall {
width: 100%;
max-width: 20rem;
}
.btn_play_wrap {
aspect-ratio: 1;
color: #fff;
vertical-align: middle;
background-color: #fff;
border: .094rem solid #fff;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 5rem;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-flex;
position: relative;
}
.btn_play_wrap:hover {
color: #fff;
background-color: #fff;
border-color: #fff;
}
.form_main_success_wrap {
background-color: #fff0;
border: .094rem solid #fff;
border-radius: 1rem;
padding: 1.2rem;
}
.margin-trim-off {
margin: 0;
}
.icon-1x1-xxsmall {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--16px);
}
.vflex-center-top {
flex-flow: column;
place-content: center flex-start;
align-items: center;
display: flex;
}
.form_main_label {
z-index: 2;
color: #212122;
position: relative;
}
.g_visual_background {
opacity: .1;
background-color: currentColor;
}
.icon-height-small {
width: auto;
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--12px);
}
.flex-noshrink {
flex: none;
}
.hflex-right-top {
flex-flow: row;
place-content: flex-start flex-end;
align-items: flex-start;
display: flex;
}
.card-padding-small {
padding: var(--_card-padding---card-padding\);
--_card-padding---card-padding\: clamp(.6 * 1rem, ((.6 - ((1 - .6) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1 - .6) / (var(--site--max) - var(--site--min))) * 100vw), 1 * 1rem);
}
.ratio-2-3 {
aspect-ratio: 3 / 2;
}
.styleguide_scroll {
padding-left: var(--size--0rem);
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_column-count---value: 4;
--_gap---size: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(16rem, 1fr);
grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.lowercase {
text-transform: lowercase;
}
.grid-autofit {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_column-count---value: 3;
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
display: grid;
}
.vflex-right-bottom {
flex-flow: column;
place-content: flex-end;
align-items: flex-end;
display: flex;
}
.grid-autofill {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
grid-template-rows: auto;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
grid-auto-columns: minmax(0, 1fr);
display: grid;
}
.display-inline-block {
display: inline-block;
}
.align-self-center {
align-self: center;
}
.card-padding-large {
padding: var(--_card-padding---card-padding\);
--_card-padding---card-padding\: clamp(1.25 * 1rem, ((1.25 - ((3 - 1.25) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((3 - 1.25) / (var(--site--max) - var(--site--min))) * 100vw), 3 * 1rem);
}
.text-h4 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
padding-bottom: .05em;
display: flow-root;
}
.image.cover-absolute {
object-fit: cover;
object-position: inherit;
}
.image.cover-absolute:where(.w-variant-b2e0c6f1-56b3-317e-cac5-86931a6fbb38) {
object-fit: fill;
height: auto;
position: relative;
}
.styleguide_card_visual {
opacity: .1;
pointer-events: none;
background-color: currentColor;
border-radius: 100vw;
width: 100%;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
padding: 0;
}
.card-padding-main {
padding: var(--_card-padding---card-padding\);
--_card-padding---card-padding\: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((2 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 2 * 1rem);
}
.styleguide_color {
---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c;
}
.column-indent {
grid-column: 2 / -2;
}
.g_clickable_link {
border-radius: inherit;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.text-weight-light {
font-weight: var(--_typography---primary-light);
}
.order-first-desktop {
order: -1;
}
.overflow-scroll {
overflow: scroll;
}
.mb-7 {
margin-bottom: var(--_spacing---space--24px);
}
.text-wrap-wrap {
text-wrap: wrap;
}
.column-8 {
grid-column-start: auto;
grid-column-end: span min(8, var(--_column-count---value, 12));
}
.gap-2 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--12px);
}
.hflex-center-bottom {
flex-flow: row;
place-content: flex-end center;
align-items: flex-end;
display: flex;
}
.styleguide_visual {
aspect-ratio: 3 / 1.5;
text-align: center;
border: .094rem solid #fff;
border-radius: .5rem;
width: 100%;
padding: .25rem;
position: relative;
overflow: hidden;
}
.styleguide_visual.vflex-center-center {
border-color: #3532331a;
}
.ratio-1-1 {
aspect-ratio: 1;
}
.column-12 {
grid-column-start: auto;
grid-column-end: span min(12, var(--_column-count---value, 12));
}
.sr-only {
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border-width: 0;
width: 1px;
height: 1px;
margin-left: auto;
margin-right: auto;
padding: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.pointer-off {
pointer-events: none;
}
.column-2 {
grid-column-start: auto;
grid-column-end: span min(2, var(--_column-count---value, 12));
}
.vflex-center-center {
flex-flow: column;
place-content: center;
align-items: center;
display: flex;
}
.relative {
position: relative;
}
.container-large {
max-width: var(--container--main);
width: calc(100% - var(--site--margin) * 2);
margin-left: auto;
margin-right: auto;
position: relative;
container-type: inline-size;
}
.max-width-none {
max-width: none;
}
.icon-height-xlarge {
width: auto;
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--32px);
}
.max-width-small {
width: 100%;
max-width: 30rem;
}
.pointer-on {
pointer-events: auto;
}
.line-clamp-1 {
display: -webkit-box;
overflow: hidden;
}
.theme-dark {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.theme-light {
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.delete-this_cover {
justify-content: center;
align-items: center;
min-height: 100svh;
display: flex;
position: relative;
}
.delete-this_cover.theme-dark {
---mode--collection-a7d31422-9a54-4716-4c28-4b5f8e64588c: mode-5c76a53e-e1b6-8db4-3a76-f81763f3fe5c;
}
.delete-this_cover.background-color-custom.container-large, .delete-this_cover.background-color-custom.container-medium {
width: calc(100% - var(--site--margin) * 2);
}
.g-img-wrap.custom-ratio {
aspect-ratio: 16 / 9;
position: relative;
}
.g-img-wrap.custom-ratio.vflex-center-bottom {
aspect-ratio: 16 / 9;
}
.styleguide_guide_wrap {
z-index: 2000;
pointer-events: none;
display: block;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.styleguide_guide_layout.grid-custom {
grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr));
}
.styleguide_guide_column {
color: #8a8a8a80;
background-color: #9292920f;
height: 100vh;
padding-top: .6rem;
padding-bottom: .6rem;
}
.padding-section-large {
padding-top: var(--_spacing---section-space--large);
padding-bottom: var(--_spacing---section-space--large);
}
.padding-section-medium {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
}
.components_contain.container-large.padding-section-large {
width: calc(100% - var(--site--margin) * 2);
}
.components_layout.grid-autofit {
--_column-count---value: 2;
grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
}
.heading {
min-width: 100%;
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
font-weight: var(--_text-style---font-weight);
max-width: calc(var(--number) * 1ch);
align-items: inherit;
text-align: inherit;
flex-flow: column;
display: flex;
}
.heading:where(.w-variant-b99f85d7-8761-f28a-7436-b823499f73fa) {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
--_text-style---font-family: var(--_typography---font--secondary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
max-width: calc(var(--number) * 1ch);
justify-content: inherit;
}
.heading:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
font-weight: var(--_text-style---font-weight);
padding-bottom: .11em;
display: flex;
}
.heading:where(.w-variant-58479d3c-2434-4f33-b027-b02628919705) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
max-width: calc(var(--number) * 1ch);
padding-bottom: .1em;
}
.heading:where(.w-variant-8e4a1542-c15c-a224-5ce7-9db02bc63221) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .05em;
}
.heading:where(.w-variant-062f86df-8c94-66bc-11f1-2dec3363176b) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
max-width: calc(var(--number) * 1ch);
padding-bottom: .05em;
}
.heading:where(.w-variant-99ef0c6f-d120-4697-e0fe-eeda93f42751) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.heading:where(.w-variant-ad1158d2-fbf0-7764-81fe-6e618e53cb14) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.heading.highlight em {
color: var(--swatch--header-highlight\);
font-style: normal;
}
.text {
min-width: 100%;
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
max-width: calc(var(--number) * 1ch);
align-items: inherit;
justify-content: inherit;
text-align: inherit;
flex-flow: column;
display: flex;
}
.text:where(.w-variant-b99f85d7-8761-f28a-7436-b823499f73fa) {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
--_text-style---font-family: var(--_typography---font--secondary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-2961088f-5e99-9340-0ab4-7fdde90a0d73) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-58479d3c-2434-4f33-b027-b02628919705) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-8e4a1542-c15c-a224-5ce7-9db02bc63221) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-062f86df-8c94-66bc-11f1-2dec3363176b) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-99ef0c6f-d120-4697-e0fe-eeda93f42751) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-ad1158d2-fbf0-7764-81fe-6e618e53cb14) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-d1f8a31e-200a-31ea-8413-1a1d9579048a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
}
.text:where(.w-variant-c12058f6-417c-9a6d-715e-94c0e11b7eb9) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
}
.text:where(.w-variant-46a53ec1-3b63-8c00-297b-b272273eee4f) {
--_text-style---font-family: var(--_typography---font--secondary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-a85a4720-96a1-8d22-29ef-33d05433debb) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .11em;
}
.text:where(.w-variant-8ea903ee-5ee2-a605-ece8-9873a29e0db2) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .1em;
}
.text:where(.w-variant-c016e562-3b23-17da-a90d-5b381de60676) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .05em;
}
.text:where(.w-variant-9bf223c8-d9b4-38f0-5032-99c9c84f9538) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .05em;
}
.text:where(.w-variant-f4b0fcc8-dfb9-5d1b-798e-f1685ea99c78) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-8047468b-814a-b283-1562-67d9f0fd24aa) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-35803fae-f10d-adf8-3729-1b6b12969064) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
}
.text:where(.w-variant-eec687b2-d2f4-e9f9-3517-d72685f7653f) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-1886d521-4632-4301-2695-0548ce47632c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-d44b6e38-6ded-576a-727b-386aef5c0fa2) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .05em;
}
.text:where(.w-variant-271013c1-ea70-e04a-fdd3-be41fcb5b15a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .05em;
}
.text:where(.w-variant-6984480e-130a-80bd-5800-640148601b41) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .1em;
}
.text:where(.w-variant-80d1b53a-6a64-42af-0b17-d3c424388cc2) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
padding-bottom: .11em;
}
.text:where(.w-variant-74464156-7a75-1f5c-816e-a5d494dcec9a) {
--_text-style---font-family: var(--_typography---font--secondary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--0-96);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--3);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.text:where(.w-variant-0e6b7d9d-b309-4ae1-5b5f-be33b1705b60), .text:where(.w-variant-7320c2ae-66bc-36c8-e1f6-eef3dfd1b8d4) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-tiny);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
}
.text.text-right {
text-align: end;
}
.text.highlight em {
color: var(--swatch--header-highlight\);
font-style: normal;
}
.text.mono {
font-family: var(--_typography---font--mono-family);
}
.g-section-space {
height: var(--_spacing---section-space--none);
}
.g-section-space:where(.w-variant-06539f70-5f1c-7b69-3356-58a6324ac143) {
height: var(--_spacing---section-space--small);
}
.g-section-space:where(.w-variant-ef9b3eac-2a11-f8cf-f392-b89b53acb212) {
height: var(--_spacing---section-space--main);
}
.g-section-space:where(.w-variant-da9deacd-6bd2-1cf6-af5c-3a3c0552044d) {
height: var(--_spacing---section-space--large);
}
.g-section-space:where(.w-variant-6cb0206d-e10f-2d4b-08b6-0f8bb75211e1) {
height: var(--_spacing---section-space--nav-gap);
}
.g-section-space:where(.w-variant-74605af8-74da-5b76-8603-7c3e2e0a1d3e) {
height: var(--_spacing---section-space--xsmall);
}
.g_section:where(.w-variant-06bfd700-a8fe-1bee-dfa2-248c38c5ee34) {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.g_section:where(.w-variant-dfb2104f-deee-7b68-37bd-88633f0d3adf) {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.g_section_contain {
z-index: 2;
}
.g_content_grid.column-custom {
--_column-count---value: 1;
}
.g_content_grid.column-custom:where(.w-variant-24213516-d2b0-10b8-4467-6914345e12db) {
--_column-count---value: 2;
}
.g_content_grid.column-custom:where(.w-variant-3eec9c8d-1944-bd59-9168-880bffdac103) {
--_column-count---value: 4;
}
.g_content_grid.column-custom:where(.w-variant-b70de027-9167-d648-4978-eb3ff2c89e00) {
--_column-count---value: 5;
}
.g_content_grid.column-custom:where(.w-variant-fc540237-9646-bc80-acd1-b38f51505218) {
--_column-count---value: 6;
}
.g_content_grid.column-custom:where(.w-variant-44c2def3-1f2d-69a2-c22a-a8fea36abaf3) {
--_column-count---value: 7;
}
.g_content_grid.column-custom:where(.w-variant-f02a0948-6847-ce1d-4c21-68a870653144) {
--_column-count---value: 8;
}
.g_content_grid.column-custom:where(.w-variant-5e97ccd6-3240-a80f-fed9-77adfde5a150) {
--_column-count---value: 9;
}
.g_content_grid.column-custom:where(.w-variant-ea250c6e-3e46-a072-6a57-3d3af44e0a82) {
--_column-count---value: 10;
}
.g_content_grid.column-custom:where(.w-variant-f5bb1cc8-65ac-ad77-1ccd-dfc92595b3fe) {
--_column-count---value: 11;
}
.g_content_grid.column-custom:where(.w-variant-0ee410a8-6de4-96fe-b537-41ca0b0d9c87) {
--_column-count---value: 12;
}
.g_content_grid.column-custom:where(.w-variant-a0a668a1-0cb9-2231-25be-aeb1a9f89b28) {
--_column-count---value: 3;
}
.g_background {
pointer-events: none;
}
.g_background:where(.w-variant-3c5721ab-9a59-fe4b-c769-cea91b3d505f) {
background-color: var(--_theme---background);
}
.g_background:where(.w-variant-9d323165-3469-4786-c485-c45ae564c4b4) {
background-color: var(--_theme---background-2);
}
.g_background.cover-absolute.is-leadership {
height: 68.13rem;
inset: auto 0% 0%;
}
.g_background.cover-absolute.is-steps {
height: 65.06rem;
inset: 0% 0% auto;
}
.g_grid_content {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_column-count---value: 1;
grid-template-rows: auto;
grid-auto-columns: 1fr;
grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
width: 100%;
display: grid;
}
.g_button_wrap {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
background-color: color-mix(in srgb, var(--_theme---button-cyan--background) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--background-hover) calc(100% * var(--_trigger---off)));
border-style: solid;
border-width: 1px;
border-top-color: color-mix(in srgb, var(--_theme---button-cyan--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--icon-box-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-cyan--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--icon-box-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-cyan--text) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--text-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-cyan--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--icon-box-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-cyan--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--icon-box-hover) calc(100% * var(--_trigger---off)));
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .6rem 1.5rem;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: inline-flex;
position: relative;
}
.g_button_wrap:where(.w-variant-342e86e2-406d-45ce-198c-2cddd0b8f7f3) {
background-color: color-mix(in srgb, var(--_theme---button-blue--background) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-blue--text) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--text-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-blue--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-blue--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-blue--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-blue--icon-box) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
}
.g_button_text {
color: color-mix(in srgb, var(--_theme---button-cyan--text) calc(100% * var(--_trigger---on)), var(--_theme---button-cyan--text-hover) calc(100% * var(--_trigger---off)));
}
.g_content {
text-align: inherit;
}
.g_content:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) {
text-align: center;
justify-content: center;
align-items: center;
}
.g_content:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) {
text-align: end;
justify-content: end;
align-items: end;
}
.g_content:where(.w-variant-fb71a62a-953a-adf4-6474-f0238b959a27) {
text-align: inherit;
}
.nav_dropdown_main_scroll:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
padding-top: var(--_spacing---space--8px);
padding-right: var(--_spacing---space--8px);
padding-bottom: var(--_spacing---space--8px);
padding-left: var(--_spacing---space--8px);
background-color: var(--nav--nav-bg-dark-mode);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
border-radius: var(--nav--radius);
overflow-x: hidden;
margin-top: var(--nav--height) !important;
overflow-y: auto !important;
}
.nav_dropdown_main_scroll.is-desktop {
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
border-radius: var(--nav--radius);
background-color: #fff;
overflow-x: hidden;
overflow-y: auto !important;
}
.nav_dropdown_main_scroll.desktop-50, .nav_dropdown_main_scroll.desktop-58, .nav_dropdown_main_scroll.desktop-66, .nav_dropdown_main_scroll.desktop-82, .nav_dropdown_main_scroll.desktop-90, .nav_dropdown_main_scroll.desktop-98 {
padding-top: var(--_spacing---space--8px);
padding-right: var(--_spacing---space--8px);
padding-bottom: var(--_spacing---space--8px);
padding-left: var(--_spacing---space--8px);
background-color: var(--nav--nav-bg-dark-mode);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
border-radius: var(--nav--radius);
overflow-x: hidden;
margin-top: var(--nav--height) !important;
overflow-y: auto !important;
}
.nav_links_component {
grid-column-gap: var(--_spacing---space--8px);
grid-row-gap: var(--_spacing---space--8px);
color: var(--nav--text-color);
flex-flow: column;
flex: 1;
display: flex;
}
.nav_links_component:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
color: inherit;
flex-flow: row;
}
.nav_links_component.desktop {
flex-flow: row;
}
.nav_links_component.desktop-33 {
color: inherit;
flex-flow: row;
}
.nav_component {
z-index: 1000;
pointer-events: none;
background-color: #fff0;
position: fixed;
inset: 0% 0% auto;
container-type: inline-size;
}
.nav_component:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1) {
color: var(--_theme---text);
--_theme---background: #011214;
--_theme---text: var(--swatch--cyan);
--_theme---border: var(--swatch--cyan);
--_theme---button-cyan--icon-box: #011214;
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--cyan-darkestest);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--dark-100);
--_theme---button-cyan--text: #011214;
--_theme---button-cyan--text-hover: var(--swatch--dark-100);
--_theme---button-blue--background: var(--swatch--cyan-darkest);
--_theme---button-blue--background-hover: var(--swatch--cyan-darkestest);
--_theme---button-blue--text: var(--swatch--cyan);
--_theme---button-blue--text-hover: var(--swatch--cyan);
--_theme---button-blue--icon-box: var(--swatch--cyan);
--_theme---button-blue--icon-box-hover: var(--swatch--cyan);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--cyan-darkestest);
--_theme---text-2: var(--swatch--cyan-darker);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--light-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--cyan);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-900);
--_theme---button-light--icon-hover: var(--swatch--cyan);
--_theme---button-cyan--icon: var(--swatch--cyan);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan);
--_theme---button-blue--icon: var(--swatch--cyan-darkest);
--_theme---button-blue--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-light--background: var(--swatch--cyan);
--_theme---button-light--text: #011214;
--_theme---button-light--icon: var(--swatch--cyan);
--_theme---button-light--icon-box: #011214;
--_theme---button-light--background-hover: var(--swatch--cyan-lighter);
--_theme---button-light--text-hover: var(--swatch--dark-100);
--_theme---button-light--icon-box-hover: var(--swatch--dark-100);
--_theme---button-dark--background: var(--swatch--cyan-darkest);
--_theme---button-dark--text: var(--swatch--cyan);
--_theme---button-dark--icon: var(--swatch--cyan-darkest);
--_theme---button-dark--icon-box: var(--swatch--cyan);
--_theme---button-dark--background-hover: var(--swatch--cyan-darkestest);
--_theme---button-dark--text-hover: var(--swatch--cyan);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_dropdown_item {
font-size: .9rem;
list-style-type: none;
}
.nav_dropdown_item:hover {
color: #fff;
}
.nav_contain {
background-color: var(--nav--nav-bg);
pointer-events: auto;
grid-column-gap: var(--space--3);
width: 100%;
height: var(--nav--height);
border-radius: var(--nav--radius);
max-width: var(--nav--container);
padding-top: 0;
padding-bottom: 0;
padding-left: var(--nav--spacing-inner-horizontal);
padding-right: var(--nav--spacing-inner-horizontal);
justify-content: space-between;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
}
.nav_contain.is-desktop {
background-color: var(--nav--nav-bg);
color: var(--nav--text-color);
max-width: calc(var(--nav--container) - 1.5rem);
padding-right: .5rem;
}
.nav_contain.is-desktop:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) {
background-color: var(--nav--nav-bg-dark-mode);
color: var(--nav--nav-text-dark-mode);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_contain.is-desktop:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1) {
background-color: var(--nav--nav-bg-dark-mode);
color: var(--nav--nav-text-dark-mode);
--_theme---background: #011214;
--_theme---text: var(--swatch--cyan);
--_theme---border: var(--swatch--cyan);
--_theme---button-cyan--icon-box: #011214;
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--cyan-darkestest);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--dark-100);
--_theme---button-cyan--text: #011214;
--_theme---button-cyan--text-hover: var(--swatch--dark-100);
--_theme---button-blue--background: var(--swatch--cyan-darkest);
--_theme---button-blue--background-hover: var(--swatch--cyan-darkestest);
--_theme---button-blue--text: var(--swatch--cyan);
--_theme---button-blue--text-hover: var(--swatch--cyan);
--_theme---button-blue--icon-box: var(--swatch--cyan);
--_theme---button-blue--icon-box-hover: var(--swatch--cyan);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--cyan-darkestest);
--_theme---text-2: var(--swatch--cyan-darker);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--light-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--cyan);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-900);
--_theme---button-light--icon-hover: var(--swatch--cyan);
--_theme---button-cyan--icon: var(--swatch--cyan);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan);
--_theme---button-blue--icon: var(--swatch--cyan-darkest);
--_theme---button-blue--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-light--background: var(--swatch--cyan);
--_theme---button-light--text: #011214;
--_theme---button-light--icon: var(--swatch--cyan);
--_theme---button-light--icon-box: #011214;
--_theme---button-light--background-hover: var(--swatch--cyan-lighter);
--_theme---button-light--text-hover: var(--swatch--dark-100);
--_theme---button-light--icon-box-hover: var(--swatch--dark-100);
--_theme---button-dark--background: var(--swatch--cyan-darkest);
--_theme---button-dark--text: var(--swatch--cyan);
--_theme---button-dark--icon: var(--swatch--cyan-darkest);
--_theme---button-dark--icon-box: var(--swatch--cyan);
--_theme---button-dark--background-hover: var(--swatch--cyan-darkestest);
--_theme---button-dark--text-hover: var(--swatch--cyan);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_contain.is-desktop.dark-40 {
background-color: var(--nav--nav-bg-dark-mode);
color: var(--nav--nav-text-dark-mode);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_dropdown_main_wrap {
background-color: #0000;
min-width: 0;
position: relative;
}
.nav_dropdown_main_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
padding-top: var(--_spacing---space--2px);
position: absolute;
top: 0;
}
.nav_dropdown_main_wrap.is-desktop {
padding-top: var(--space--1);
position: absolute;
}
.nav_dropdown_main_wrap.desktop-48, .nav_dropdown_main_wrap.desktop-56, .nav_dropdown_main_wrap.desktop-64, .nav_dropdown_main_wrap.desktop-80, .nav_dropdown_main_wrap.desktop-88, .nav_dropdown_main_wrap.desktop-96 {
padding-top: var(--_spacing---space--2px);
position: absolute;
top: 0;
}
.nav_dropdown_main_content {
border-radius: .25rem;
}
.nav_dropdown_mega_wrap {
z-index: 1;
background-color: #0000;
width: 100%;
position: relative;
inset: 0% auto auto 0%;
}
.nav_dropdown_mega_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
max-width: var(--nav--container);
position: absolute;
}
.nav_dropdown_mega_wrap.w--open:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
max-width: var(--nav--container);
}
.nav_dropdown_mega_wrap.is-desktop, .nav_dropdown_mega_wrap.desktop-40, .nav_dropdown_mega_wrap.desktop-72 {
max-width: var(--nav--container);
position: absolute;
}
.nav_dropdown_mega_scroll {
position: relative;
}
.nav_dropdown_mega_scroll:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
background-color: var(--nav--nav-bg-dark-mode);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
width: calc(var(--nav--container) - 1.5rem);
margin-left: auto;
margin-right: auto;
overflow: hidden;
margin-top: calc(var(--nav--height) + .5rem) !important;
overflow-y: auto !important;
}
.nav_dropdown_mega_scroll.is-desktop {
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
border-radius: var(--nav--radius);
padding-left: var(--nav--spacing-inner-horizontal);
padding-right: var(--nav--spacing-inner-horizontal);
background-color: #fff;
overflow: hidden;
margin-top: var(--nav--height) !important;
overflow-y: auto !important;
}
.nav_dropdown_mega_scroll.desktop-42, .nav_dropdown_mega_scroll.desktop-74 {
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
background-color: var(--nav--nav-bg-dark-mode);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
width: calc(var(--nav--container) - 1.5rem);
margin-left: auto;
margin-right: auto;
overflow: hidden;
margin-top: calc(var(--nav--height) + .5rem) !important;
overflow-y: auto !important;
}
.nav_banner_link {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
grid-column-start: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
outline-offset: var(--focus--offset-inner) !important;
outline-color: var(--theme--background) !important;
}
.nav_links_item {
display: flex;
}
.nav_links_item:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_item.desktop-35, .nav_links_item.desktop-43, .nav_links_item.desktop-51, .nav_links_item.desktop-59, .nav_links_item.desktop-67, .nav_links_item.desktop-75, .nav_links_item.desktop-83, .nav_links_item.desktop-91 {
list-style: "";
}
.nav_links_text {
font-size: .9rem;
}
.nav_links_text:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_text.desktop-38, .nav_links_text.desktop-46, .nav_links_text.desktop-54, .nav_links_text.desktop-62, .nav_links_text.desktop-70, .nav_links_text.desktop-78, .nav_links_text.desktop-86, .nav_links_text.desktop-94 {
font-family: var(--_typography---font--primary-family);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-medium);
letter-spacing: var(--_typography---letter-spacing--2);
}
.nav_wrap {
z-index: 1;
background-color: #0000;
margin-top: 0;
position: relative;
}
.nav_wrap.is-desktop {
color: #212122;
margin-top: 1rem;
display: none;
}
.nav_wrap.is-mobile {
color: var(--nav--text-color);
}
.nav_screen-reader-text {
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border-width: 0;
width: 1px;
height: 1px;
margin-left: auto;
margin-right: auto;
padding: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.icon {
aspect-ratio: 1;
width: 1rem;
overflow: visible;
}
.icon.arrow {
display: block;
}
.nav_banner_contain {
width: 100%;
height: 100%;
color: var(--nav--nav-bg);
grid-column-gap: var(--space--4);
grid-template-rows: auto;
grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem);
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
display: grid;
}
.nav_dropdown_text {
transition: opacity .1s;
}
.nav_dropdown_text.text-color-faded.text-size-tiny {
---mode--collection-4b4073e8-784a-df73-5d55-fc4d01a5f05b: base;
color: color-mix(in srgb, var(--_nav---nav-text) 60%, transparent);
}
.nav_menu_scroll {
max-height: 100svh;
padding-left: var(--nav--spacing-inner-horizontal);
padding-right: var(--nav--spacing-inner-horizontal);
overflow: hidden auto;
}
.nav_actions_wrap {
flex-flow: column;
flex: none;
display: flex;
}
.nav_actions_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_actions_wrap.gap-1.desktop-99 {
padding: unset;
margin: unset;
flex-flow: row;
}
.nav_btn_layout {
grid-row-gap: var(--nav--hamburger-gap);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.nav_btn_wrap {
z-index: 2;
flex: none;
width: 2rem;
padding: 0;
outline-width: var(--focus--width) !important;
outline-color: var(--theme--text) !important;
outline-offset: var(--focus--offset-inner) !important;
}
.nav_btn_wrap.w--open {
color: inherit;
background-color: #0000;
}
.nav_dropdown_mega_contain {
width: 100%;
padding-top: var(--_spacing---space--24px);
padding-right: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--24px);
padding-left: var(--_spacing---space--24px);
max-width: var(--container--main);
margin-left: auto;
margin-right: auto;
position: relative;
}
.nav_dropdown_mega_contain:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
max-width: var(--container--main);
}
.nav_dropdown_mega_contain.is-desktop {
padding-top: var(--space--7);
padding-bottom: var(--space--8);
}
.nav_dropdown_mega_contain.is-not-mega, .nav_dropdown_mega_contain.is-not-mega:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
width: auto;
}
.nav_links_wrap {
flex: 1;
}
.nav_links_wrap:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_wrap.is-desktop, .nav_links_wrap.desktop-34 {
margin: unset;
padding: unset;
justify-content: center;
align-items: stretch;
display: flex;
}
.nav_full {
width: 100%;
color: var(--nav--text-color);
}
.nav_full:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0), .nav_full:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1), .nav_full.dark-28, .nav_full.dark-39 {
max-width: calc(100% - var(--site--margin) * 2 - 1.5rem);
margin-left: auto;
margin-right: auto;
}
.nav_dropdown_mega_layout {
grid-column-gap: var(--_spacing---space--20px);
grid-row-gap: var(--_spacing---space--20px);
}
.nav_dropdown_mega_layout.is-desktop {
grid-column-gap: var(--space--6);
grid-row-gap: var(--space--6);
column-gap: var(--site--gutter);
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.nav_dropdown_mega_content {
position: relative;
}
.button_content {
z-index: 2;
color: #fff;
background-color: #5139eb;
padding: .75em 1.5em;
}
.button_content:hover {
color: #fff;
background-color: #212122;
}
.nav_buttons_item {
z-index: 2;
text-align: center;
margin: unset;
padding: unset;
flex-flow: column;
justify-content: center;
align-items: flex-start;
list-style-type: none;
display: flex;
position: relative;
}
.button_wrap {
font-size: .6rem;
display: inline-block;
position: relative;
}
.button_wrap:hover {
color: #fff;
}
.nav_banner_close_wrap {
outline-offset: var(--focus--offset-inner);
flex: none;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
display: flex;
outline-color: var(--theme--background) !important;
}
.nav_banner_svg {
width: .6rem;
overflow: visible !important;
}
.button_text {
font-size: .95rem;
}
.nav_banner_wrap {
z-index: 1;
background-color: var(--nav--text-color);
pointer-events: auto;
color: #fff0;
font-size: var(--text-small--font-size);
height: var(--nav--banner-height);
position: relative;
}
.nav_menu_wrap {
pointer-events: auto;
text-align: left;
background-color: var(--theme--background);
padding-top: var(--nav--height);
max-width: var(--nav--container);
border-radius: var(--nav--radius);
margin-left: auto;
margin-right: auto;
inset: 0% 0% auto;
transform: none !important;
}
.nav_desktop_layout {
z-index: 1;
flex: 1;
display: flex;
}
.nav_banner_embed {
display: none;
}
.nav_banner_text.line-clamp-1.text-size-small {
margin-bottom: 0;
font-size: clamp(.6rem, .686rem + .1vw, .875rem);
}
.nav_logo_wrap {
z-index: 2;
outline-offset: var(--focus--offset-inner);
justify-content: flex-start;
align-items: center;
width: 11.5rem;
display: flex;
position: relative;
}
.nav_logo_wrap.w--current, .nav_logo_wrap.w--current:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0), .nav_logo_wrap.w--current:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1) {
width: 11.5rem;
}
.nav_logo_wrap.is-lab:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0), .nav_logo_wrap.is-lab:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1) {
color: var(--_theme---eyebrow-text);
}
.nav_logo_wrap.is-lab.dark-42 {
width: 11.5rem;
color: var(--_theme---eyebrow-text);
}
.nav_logo_wrap.dark-30, .nav_logo_wrap.dark-41 {
width: 11.5rem;
}
.nav_banner_close_svg {
width: 100%;
overflow: visible !important;
}
.nav_dropdown_link {
z-index: 2;
width: 100%;
font-size: var(--_typography---font-size--text-small);
cursor: pointer;
color: inherit;
padding-left: 0;
padding-right: 0;
padding-top: var(--_spacing---space--2px);
padding-bottom: var(--_spacing---space--2px);
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
outline-offset: var(--focus--offset-inner) !important;
}
.nav_dropdown_link:hover {
color: #5139eb;
}
.nav_dropdown_link.is-desktop {
font-size: inherit;
padding-left: calc(var(--space--6) / 2);
padding-right: calc(var(--space--6) / 2);
}
.nav_dropdown_link.is-desktop:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
padding-top: var(--space--3);
padding-bottom: var(--space--3);
padding-right: calc(var(--space--6) / 2);
padding-left: calc(var(--space--6) / 2);
justify-content: flex-start;
align-items: flex-start;
}
.nav_btn_line {
width: 100%;
height: var(--nav--hamburger-thickness);
background-color: currentColor;
flex: none;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
}
.icon-tiny {
width: 1rem;
padding-top: .125rem;
display: inline-block;
overflow: clip;
}
.nav_links_link {
z-index: 2;
cursor: pointer;
width: 100%;
color: inherit;
padding-left: 0;
padding-right: 0;
padding-top: var(--_spacing---space--4px);
padding-bottom: var(--_spacing---space--4px);
grid-column-gap: var(--space--2);
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
outline-offset: var(--focus--offset-inner) !important;
}
.nav_links_link:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
min-width: 5.5rem;
padding-top: var(--_spacing---space--16px);
padding-right: var(--_spacing---space--12px);
padding-bottom: var(--_spacing---space--16px);
padding-left: var(--_spacing---space--12px);
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
outline-color: var(--nav--text-color);
color: var(--_theme---text);
grid-row-gap: var(--_spacing---space--4px);
justify-content: center;
align-items: center;
transition-property: color, background-color;
transition-duration: .2s, .4s;
transition-timing-function: ease, ease;
}
.nav_links_link.w--open:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
background-color: var(--_theme---background-3);
}
.nav_links_link.is-desktop {
padding-right: calc(var(--space--6) / 2);
padding-left: calc(var(--space--6) / 2);
padding-top: var(--space--3);
}
.nav_links_link.desktop-37, .nav_links_link.desktop-45, .nav_links_link.desktop-53, .nav_links_link.desktop-61, .nav_links_link.desktop-69, .nav_links_link.desktop-77, .nav_links_link.desktop-85, .nav_links_link.desktop-93 {
min-width: 5.5rem;
padding-top: var(--_spacing---space--16px);
padding-right: var(--_spacing---space--12px);
padding-bottom: var(--_spacing---space--16px);
padding-left: var(--_spacing---space--12px);
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
background-color: var(--_theme---background-3);
outline-color: var(--nav--text-color);
color: var(--_theme---text);
grid-row-gap: var(--_spacing---space--4px);
justify-content: center;
align-items: center;
transition-property: color, background-color;
transition-duration: .2s, .4s;
transition-timing-function: ease, ease;
}
.nav_links_link.is-not-dropdown:hover:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_link.is-not-dropdown:focus:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38) {
background-color: var(--_theme---background-3);
}
.nav_links_svg {
flex: none;
width: .75rem;
margin-left: .25rem;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
overflow: visible !important;
}
.nav_links_svg:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_svg.desktop-32:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_svg.desktop-32.desktop-87, .nav_links_svg.desktop-32.desktop-95, .nav_links_svg.desktop-39, .nav_links_svg.desktop-47, .nav_links_svg.desktop-55, .nav_links_svg.desktop-63, .nav_links_svg.desktop-71, .nav_links_svg.desktop-79 {
width: .55rem;
}
.nav_menu_contain {
padding-bottom: var(--space--8);
padding-top: var(--space--3);
}
.nav_menu_backdrop {
z-index: 0;
opacity: 0;
pointer-events: none;
background-color: color-mix(in srgb, var(--swatch--dark) 20%, transparent);
width: 100%;
height: 100vh;
display: block;
position: absolute;
inset: 0%;
}
.nav_dropdown_component {
width: 100%;
z-index: unset;
margin-left: 0;
margin-right: 0;
position: static;
}
.nav_dropdown_component:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_dropdown_component.is-desktop.desktop-36, .nav_dropdown_component.is-desktop.desktop-68, .nav_dropdown_component.desktop-44, .nav_dropdown_component.desktop-52, .nav_dropdown_component.desktop-60, .nav_dropdown_component.desktop-76, .nav_dropdown_component.desktop-84, .nav_dropdown_component.desktop-92 {
justify-content: center;
display: flex;
}
.nav_skip_wrap {
z-index: 2;
pointer-events: auto;
background-color: var(--theme--background);
color: var(--theme--text);
border-width: var(--border-width--main);
outline-offset: var(--focus--offset-inner);
margin: .5rem;
padding: .25rem .5rem;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-200%);
}
.nav_skip_wrap:focus {
transform: translate(0%);
}
.menu_icon_wrap {
z-index: 2;
flex: none;
position: relative;
}
.btn_main_icon {
color: #212122;
flex: none;
justify-content: center;
align-items: center;
width: .8rem;
height: .8rem;
transition: transform .2s;
display: flex;
}
.btn_main_icon.is-brand-text {
color: inherit;
}
.nav_dropdown_list {
margin: unset;
padding: unset;
}
.menu_content {
z-index: 2;
position: relative;
}
.nav_dropdown_backdrop {
z-index: 0;
opacity: 0;
pointer-events: none;
background-color: color-mix(in srgb, var(--swatch--dark) 20%, transparent);
width: 100%;
height: 100vh;
display: none;
position: absolute;
inset: 0%;
}
.button_layout.hflex-left-center.gap-4 {
color: inherit;
}
.g_btn_group {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--24px);
justify-content: inherit;
align-items: inherit;
flex-flow: wrap;
display: flex;
}
.blog_layout.grid-custom {
--_column-count---value: 8;
}
.blog-rich-text {
min-width: 0;
}
.blog-rich-text h3 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
font-weight: 400;
display: flow-root;
}
.blog-rich-text h4 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_typography---blog--h4);
line-height: var(--_text-style---line-height);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
font-weight: 400;
display: flow-root;
}
.blog-rich-text h1 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.blog-rich-text h2 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
display: flow-root;
}
.blog-rich-text p {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
color: var(--_theme---text-2);
line-height: 1.5;
}
.blog-rich-text h5 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-size: var(--_typography---blog--h5);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.blog-rich-text h6 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-size: var(--_typography---blog--h6);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.blog-rich-text blockquote {
margin-right: var(--_spacing---space--80px);
margin-left: var(--_spacing---space--80px);
padding-top: var(--_spacing---space--20px);
padding-right: var(--_spacing---space--20px);
padding-bottom: var(--_spacing---space--20px);
padding-left: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem) !important;
}
.blog-rich-text ol {
margin: var(--size--0rem) var(--_spacing---space--80px);
padding: var(--size--0rem) var(--size--0rem) var(--size--0rem) var(--_spacing---space--32px);
}
.blog-rich-text li {
color: var(--_theme---text-2);
margin-bottom: .25rem;
line-height: 1.5;
}
.blog-rich-text ul {
margin: var(--size--0rem) var(--_spacing---space--80px);
padding: var(--size--0rem) var(--size--0rem) var(--size--0rem) var(--_spacing---space--32px);
}
.blog-rich-text a {
text-decoration: underline;
transition: color .2s;
}
.blog-rich-text a:hover {
color: var(--_theme---icon);
}
.blog-rich-text figcaption {
margin-top: var(--size--0rem);
padding-top: var(--_spacing---space--12px);
padding-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
color: var(--_theme---text-2);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
}
.blog-rich-text.is-padding {
padding-top: var(--_spacing---space--80px);
padding-bottom: var(--_spacing---space--80px);
}
.blog-rich-text.is-padding figure {
width: 100%;
margin-top: var(--_spacing---space--80px);
margin-bottom: var(--_spacing---space--80px);
position: relative;
}
.blog-rich-text.is-padding.is-smaller {
padding-top: var(--_spacing---space--80px);
padding-bottom: var(--_spacing---space--80px);
}
.blog_toc.position-sticky {
top: 8rem;
}
.blog_toc_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.blog_toc_list {
padding-left: 0;
list-style: "";
}
.blog_toc_link.is-sub {
margin-left: .6rem;
}
.blog_toc_link_item {
padding-left: var(--_spacing---space--24px);
border-left: 1px solid var(--_theme---text-2);
color: var(--_theme---text-2);
justify-content: flex-start;
align-items: center;
transition: border-color .2s, color .2s;
display: flex;
}
.blog_toc_link_item:hover {
color: var(--_theme---text);
}
.blog_toc_link_item.is-sub {
overflow: hidden;
}
.blog_toc_link_item.is-active {
border-left-color: var(--_theme---icon);
color: var(--_theme---text);
}
.blog_toc_link_item.is-lab {
border-left-color: var(--_theme---text-3);
color: var(--_theme---text-3);
}
.blog_toc_link_item.is-lab:hover {
color: var(--_theme---text);
}
.blog_toc_link_item.is-lab.is-active {
border-left-color: var(--_theme---text);
color: var(--_theme---text);
}
.blog_toc_line {
background-color: var(--swatch--dark-100);
width: 100%;
height: 1px;
}
.blog_toc_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.blog_toc_layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.styleguide_menu.column-2 {
position: sticky;
top: 7rem;
}
.sg_menu_content {
padding: var(--_spacing---space--4px) var(--_spacing---space--4px) var(--_spacing---space--8px);
border-radius: var(--radius--xsmall);
background-color: var(--_theme---background-2);
}
.sg_menu_header {
padding: var(--_spacing---space--4px) var(--_spacing---space--4px) var(--_spacing---space--8px);
}
.sg_menu_icon_wrap {
display: flex;
}
.sg_menu_text {
font-size: var(--_typography---font-size--text-small);
}
.sg_menu_list {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
list-style: "";
}
.sg_menu_link {
padding: var(--_spacing---space--2px) var(--_spacing---space--12px);
border-radius: var(--radius--xsmall);
display: flex;
}
.sg_menu_link.w--current {
color: var(--swatch--cyan);
display: flex;
position: relative;
}
.sg_menu_track.position-sticky {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
top: 2rem;
}
.color-brand {
color: var(--swatch--brand-text\);
}
.color-white {
color: var(--swatch--light\);
}
.border {
border: 1px solid var(--_theme---border);
border-radius: 1px;
}
.padding-section-small {
padding-top: var(--_spacing---section-space--small);
padding-bottom: var(--_spacing---section-space--small);
}
.container-medium {
max-width: var(--container--medium);
width: calc(100% - var(--site--margin) * 2);
margin-left: auto;
margin-right: auto;
}
.align-self-variable {
align-self: var(--_alignment---direction, start);
}
.align-items-variable {
align-content: stretch;
align-items: var(--_alignment---direction, start);
}
.letter-spacing-normal {
letter-spacing: var(--_typography---letter-spacing--0);
}
.letter-spacing-wide {
letter-spacing: var(--_typography---letter-spacing--3);
}
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.p-block-gutter {
padding-top: var(--site--gutter);
padding-bottom: var(--site--gutter);
}
.py-1 {
padding-top: var(--_spacing---space--2px);
padding-bottom: var(--_spacing---space--2px);
}
.py-2 {
padding-top: var(--_spacing---space--4px);
padding-bottom: var(--_spacing---space--4px);
}
.py-3 {
padding-top: var(--_spacing---space--8px);
padding-bottom: var(--_spacing---space--8px);
}
.py-4 {
padding-top: var(--_spacing---space--12px);
padding-bottom: var(--_spacing---space--12px);
}
.py-5 {
padding-top: var(--_spacing---space--16px);
padding-bottom: var(--_spacing---space--16px);
}
.py-6 {
padding-top: var(--_spacing---space--20px);
padding-bottom: var(--_spacing---space--20px);
}
.py-7 {
padding-top: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--24px);
}
.py-8 {
padding-top: var(--_spacing---space--32px);
padding-bottom: var(--_spacing---space--32px);
}
.px-gutter {
padding-right: var(--site--gutter);
padding-left: var(--site--gutter);
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.px-1 {
padding-right: var(--_spacing---space--2px);
padding-left: var(--_spacing---space--2px);
}
.px-2 {
padding-right: var(--_spacing---space--4px);
padding-left: var(--_spacing---space--4px);
}
.px-3 {
padding-right: var(--_spacing---space--8px);
padding-left: var(--_spacing---space--8px);
}
.px-4 {
padding-right: var(--_spacing---space--12px);
padding-left: var(--_spacing---space--12px);
}
.px-5 {
padding-right: var(--_spacing---space--16px);
padding-left: var(--_spacing---space--16px);
}
.px-6 {
padding-right: var(--_spacing---space--20px);
padding-left: var(--_spacing---space--20px);
}
.px-7 {
padding-right: var(--_spacing---space--24px);
padding-left: var(--_spacing---space--24px);
}
.px-8 {
padding-right: var(--_spacing---space--32px);
padding-left: var(--_spacing---space--32px);
}
.pt-gutter {
padding-top: var(--site--gutter);
}
.pt-1 {
padding-top: var(--_spacing---space--2px);
}
.pt-0 {
padding-top: 0;
}
.pt-2 {
padding-top: var(--_spacing---space--4px);
}
.pt-3 {
padding-top: var(--_spacing---space--8px);
}
.pt-4 {
padding-top: var(--_spacing---space--12px);
}
.pt-5 {
padding-top: var(--_spacing---space--16px);
}
.pt-6 {
padding-top: var(--_spacing---space--20px);
}
.pt-7 {
padding-top: var(--_spacing---space--24px);
}
.pt-8 {
padding-top: var(--_spacing---space--32px);
}
.pb-gutter {
padding-bottom: var(--site--gutter);
}
.pb-0 {
padding-bottom: 0;
}
.pb-1 {
padding-bottom: var(--_spacing---space--2px);
}
.pb-2 {
padding-bottom: var(--_spacing---space--4px);
}
.pb-3 {
padding-bottom: var(--_spacing---space--8px);
}
.pb-4 {
padding-bottom: var(--_spacing---space--12px);
}
.pb-5 {
padding-bottom: var(--_spacing---space--16px);
}
.pb-6 {
padding-bottom: var(--_spacing---space--20px);
}
.pb-7 {
padding-bottom: var(--_spacing---space--24px);
}
.pb-8 {
padding-bottom: var(--_spacing---space--32px);
}
.content-spacer {
height: var(--_spacing---space--2px);
}
.content-spacer:where(.w-variant-5a13aa08-1d6e-b2d4-55cb-e92d3ff7f13e) {
height: var(--_spacing---space--4px);
}
.content-spacer:where(.w-variant-eecc3bac-72ad-0f57-32f1-49bf06a0082c) {
width: 100%;
height: var(--_spacing---space--32px);
}
.content-spacer:where(.w-variant-64fb5cb8-7650-ac5a-43ff-cad0a33d7a1d) {
height: var(--_spacing---space--24px);
}
.content-spacer:where(.w-variant-43c304d2-106f-a8b1-fe0d-d81a4b046d58) {
height: var(--_spacing---space--20px);
}
.content-spacer:where(.w-variant-02f8d0db-b8f8-d1e5-91ea-a4f4f7192b66) {
height: var(--_spacing---space--16px);
}
.content-spacer:where(.w-variant-86766616-a30b-a470-f71f-5d2afbec017c) {
height: var(--_spacing---space--12px);
}
.content-spacer:where(.w-variant-f0992250-3701-4921-b341-9ec6fa65e555) {
height: var(--_spacing---space--8px);
}
.img {
width: 100%;
}
.tag {
border: 1px solid var(--_theme---text);
padding: .25rem .5rem;
display: inline-flex;
}
.sm-link.icon-1x1-xsmall {
justify-content: center;
align-items: center;
display: flex;
}
.rsc-hero_layout.vflex-center-top {
grid-column-gap: var(--size--2-5rem);
grid-row-gap: var(--size--2-5rem);
}
.cms-resources_list.grid-autofill {
grid-template-columns: repeat(auto-fill, minmax(min(100%, 25rem), 1fr));
}
.card.border.card-padding-small.vflex-stretch-top.zindex-2 {
--_trigger---on: 1;
--_trigger---off: 0;
}
.card.border.card-padding-small.vflex-stretch-top.zindex-2:hover {
--_trigger---on: 0;
--_trigger---off: 1;
}
.btn-text_wrap {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
color: color-mix(in srgb, var(--_theme---button-link--color\) calc(100% * var(--_trigger---on)), var(--_theme---button-link--color-hover\) calc(100% * var(--_trigger---off)));
align-items: center;
transition-property: color;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.btn-text_icon_wrap.icon-1x1-xxsmall {
justify-content: center;
align-items: center;
display: flex;
}
.margin-top-auto {
margin-top: auto;
}
.filters_form {
background-color: #fff0;
}
.filter_layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
display: flex;
}
.filter_search-input {
background-image: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a2184b69833d9fd0aa9578d_search-icon-v3.svg");
background-position: 8px;
background-repeat: no-repeat;
background-size: 1.25rem;
max-width: 20rem;
margin-bottom: 0;
padding-left: 2rem;
}
.filter_tags_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
align-items: center;
display: flex;
}
.filter_tags_cms_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
display: flex;
}
.filter_checkbox {
border: 1px solid #ededed;
justify-content: center;
align-items: center;
min-width: 4rem;
margin-bottom: 0;
padding: .25rem .75rem;
display: flex;
position: relative;
}
.filter_checkbox.is-active {
background-color: #ededed;
border: 1px solid #dedede;
min-width: 4rem;
}
.filter_checkbox_check {
cursor: pointer;
appearance: none;
margin-top: 0;
margin-left: 0;
padding-right: 5px;
position: absolute;
inset: 0%;
}
.filters_js {
display: none;
}
.footer_wrap {
--_column-count---value: 12;
}
.footer_contain.container-large {
container-name: threshold-large;
}
.footer_layout.grid-autofill {
--_column-count---value: 12;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
}
.footer_layout.grid-autofit {
--_column-count---value: 12;
}
.footer_layout.grid-above {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_spacing---space--32px);
grid-template-rows: auto;
grid-auto-columns: 1fr;
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
}
.footer_layout.grid-above.gap-4 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.footer_layout.grid-custom {
--_column-count---value: 12;
}
.footer_content {
padding-top: var(--_spacing---space--40px);
padding-right: var(--_spacing---space--40px);
padding-bottom: var(--_spacing---space--40px);
padding-left: var(--_spacing---space--40px);
grid-column: span 4;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer_content.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.footer_logo_wrap {
width: 27.63rem;
max-width: 100%;
}
.footer_social_wrap {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.footer_social_list {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--16px);
flex-flow: wrap;
align-items: center;
display: flex;
}
.footer_nav {
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
grid-auto-columns: 1fr;
grid-column-end: span 8;
display: grid;
}
.footer_col {
padding: var(--_spacing---space--40px) var(--_spacing---space--24px);
border-right: 1px solid var(--_theme---border);
}
.footer_bottom {
padding-top: var(--_spacing---space--8px);
padding-bottom: var(--_spacing---space--8px);
}
.footer_bottom.container-large.theme-light {
background-color: var(--_theme---background);
color: var(--_theme---text);
}
.grid-above {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
grid-template-rows: auto;
grid-auto-columns: 1fr;
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
display: grid;
}
.footer_group_title.text-h7.mb-7 {
margin-bottom: var(--_spacing---space--24px);
}
.footer_group_list {
flex-flow: column;
align-items: flex-start;
margin-top: -.25rem;
margin-bottom: -.25rem;
}
.footer_link_wrap {
color: var(--_theme---text-2);
padding-top: .25rem;
padding-bottom: .25rem;
transition: color .2s;
}
.footer_link_wrap:hover {
color: var(--_theme---text);
}
.footer_bottom_layout {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer_bottom_text {
margin-top: -.7rem;
}
.footer_bottom_list {
flex-flow: wrap;
align-items: center;
margin-left: -.5rem;
margin-right: -.5rem;
display: flex;
}
.footer_bottom_item {
margin-left: .5rem;
margin-right: .5rem;
display: flex;
}
.g_icon_wrap {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
--_icon-sizes---size: var(--_spacing---space--16px);
color: inherit;
justify-content: center;
align-items: center;
display: flex;
}
.g_icon_wrap:where(.w-variant-a9345e60-8d92-7837-575d-76a0bba2e87c) {
--_icon-sizes---size: var(--_spacing---space--8px);
}
.g_icon_wrap:where(.w-variant-fc4a9906-05f5-f9f1-0171-47bfa93af32f) {
--_icon-sizes---size: var(--_spacing---space--12px);
}
.g_icon_wrap:where(.w-variant-bcbcef81-b776-a8fd-ac01-3cf731a17720) {
--_icon-sizes---size: var(--_spacing---space--20px);
}
.g_icon_wrap:where(.w-variant-5bb577b5-6279-a8ea-0b89-907495ffdc53) {
--_icon-sizes---size: var(--_spacing---space--24px);
}
.g_icon_wrap:where(.w-variant-c461513f-c0e9-4722-14c7-02f11adb6cc4) {
--_icon-sizes---size: var(--_spacing---space--32px);
}
.g_icon_wrap.icon-1x1-small {
display: flex;
}
.grid-wrapper {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
width: 100%;
display: flex;
}
.grid-wrapper:where(.w-variant-431f3b83-eb2b-24f4-ca8c-e44e6feb672f) {
justify-content: center;
align-items: center;
container-type: inline-size;
}
.grid {
grid-template-rows: auto;
grid-auto-columns: 1fr;
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
grid-column-gap: inherit;
grid-row-gap: inherit;
width: 100%;
display: grid;
}
.grid:where(.w-variant-5808bfc6-4ed8-ae4c-1411-0f9babb9b5cb) {
grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
}
.grid:where(.w-variant-5ce4e529-81ac-369b-bfa9-c1103efd1d59) {
grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
}
.row-span-1 {
grid-row-end: span 1;
}
.row-span-2 {
grid-row-end: span 2;
}
.row-span-3 {
grid-row-end: span 3;
}
.ratio-opengraph {
aspect-ratio: 40 / 21;
}
.tabs_button_list {
text-align: center;
display: flex;
}
.tabs_button_list:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
text-align: inherit;
flex-flow: column;
}
.tabs_content_layout {
padding: 1rem;
}
.tabs_content_layout:where(.w-variant-c7d2f229-ad2a-4318-d718-b54e6e9cd9c0) {
padding: 0;
}
.tabs_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
}
.tabs_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
--_column-count---value: 3;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.tabs_css {
display: none;
}
.accordion-cms_toggle_svg {
display: block;
overflow: visible !important;
}
.accordion-cms_toggle_icon {
aspect-ratio: 1;
flex: none;
width: 1.4rem;
display: none;
}
.accordion-cms_toggle_icon:where(.w-variant-ed067e4a-6784-1be7-33d3-ab1b3d9297a3) {
display: none;
}
.tabs_button_line {
opacity: 0;
background-color: currentColor;
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(0, 100%);
}
.tabs_button_text {
text-align: inherit;
}
.tabs_content_list {
flex-flow: column;
display: flex;
position: relative;
}
.tabs_content_list:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
position: relative;
overflow: clip;
}
.tabs_button_item {
width: 100%;
color: var(--swatch--light-faded-60\);
cursor: pointer;
text-align: inherit;
border-bottom: 1px solid #c7c7c7;
padding: .8rem .5rem;
position: relative;
}
.tabs_button_item.is-active {
color: var(--_theme---text);
position: relative;
}
.tabs_control_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
padding-top: 2rem;
display: flex;
}
.tabs_control_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
grid-column: 2 / -1;
padding-top: 1rem;
}
.tabs_control_button {
text-align: center;
cursor: pointer;
min-width: 8rem;
padding: .7rem 2rem;
}
.tabs_js {
display: none;
}
.tabs_button_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
text-align: left;
}
.tabs_button_wrap:where(.w-variant-ed067e4a-6784-1be7-33d3-ab1b3d9297a3) {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.tabs_content_wrap {
padding-top: 1rem;
overflow-x: clip;
}
.tabs_content_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
grid-column: 2 / -1;
padding-top: 0;
}
.ml-0 {
margin-left: 0;
}
.ml-1 {
margin-left: var(--_spacing---space--2px);
}
.ml-2 {
margin-left: var(--_spacing---space--4px);
}
.ml-3 {
margin-left: var(--_spacing---space--8px);
}
.ml-4 {
margin-left: var(--_spacing---space--12px);
}
.ml-5 {
margin-left: var(--_spacing---space--16px);
}
.ml-6 {
margin-left: var(--_spacing---space--20px);
}
.ml-7 {
margin-left: var(--_spacing---space--24px);
}
.ml-8 {
margin-left: var(--_spacing---space--32px);
}
.mr-0 {
margin-right: 0;
}
.mr-1 {
margin-right: var(--_spacing---space--2px);
}
.mr-2 {
margin-right: var(--_spacing---space--4px);
}
.mr-3 {
margin-right: var(--_spacing---space--8px);
}
.mr-4 {
margin-right: var(--_spacing---space--12px);
}
.mr-5 {
margin-right: var(--_spacing---space--16px);
}
.mr-6 {
margin-right: var(--_spacing---space--20px);
}
.mr-7 {
margin-right: var(--_spacing---space--24px);
}
.mr-8 {
margin-right: var(--_spacing---space--32px);
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.mx-1 {
margin-right: var(--_spacing---space--2px);
margin-left: var(--_spacing---space--2px);
}
.mx-2 {
margin-right: var(--_spacing---space--4px);
margin-left: var(--_spacing---space--4px);
}
.mx-3 {
margin-right: var(--_spacing---space--8px);
margin-left: var(--_spacing---space--8px);
}
.mx-4 {
margin-right: var(--_spacing---space--12px);
margin-left: var(--_spacing---space--12px);
}
.mx-5 {
margin-right: var(--_spacing---space--16px);
margin-left: var(--_spacing---space--16px);
}
.mx-6 {
margin-right: var(--_spacing---space--20px);
margin-left: var(--_spacing---space--20px);
}
.mx-7 {
margin-right: var(--_spacing---space--24px);
margin-left: var(--_spacing---space--24px);
}
.mx-8 {
margin-right: var(--_spacing---space--32px);
margin-left: var(--_spacing---space--32px);
}
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.my-1 {
margin-top: var(--_spacing---space--2px);
margin-bottom: var(--_spacing---space--2px);
}
.my-2 {
margin-top: var(--_spacing---space--4px);
margin-bottom: var(--_spacing---space--4px);
}
.my-3 {
margin-top: var(--_spacing---space--8px);
margin-bottom: var(--_spacing---space--8px);
}
.my-4 {
margin-top: var(--_spacing---space--12px);
margin-bottom: var(--_spacing---space--12px);
}
.my-5 {
margin-top: var(--_spacing---space--16px);
margin-bottom: var(--_spacing---space--16px);
}
.my-6 {
margin-top: var(--_spacing---space--20px);
margin-bottom: var(--_spacing---space--20px);
}
.my-7 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
}
.my-8 {
margin-top: var(--_spacing---space--32px);
margin-bottom: var(--_spacing---space--32px);
}
.p-0 {
padding: 0;
}
.p-1 {
padding: var(--_spacing---space--2px);
}
.p-2 {
padding: var(--_spacing---space--4px);
}
.p-3 {
padding: var(--_spacing---space--8px);
}
.p-4 {
padding: var(--_spacing---space--12px);
}
.p-5 {
padding: var(--_spacing---space--16px);
}
.p-6 {
padding: var(--_spacing---space--20px);
}
.p-7 {
padding: var(--_spacing---space--24px);
}
.p-8 {
padding: var(--_spacing---space--32px);
}
.pl-0 {
padding-left: 0;
}
.pl-1 {
padding-left: var(--_spacing---space--2px);
}
.pl-2 {
padding-left: var(--_spacing---space--4px);
}
.pl-3 {
padding-left: var(--_spacing---space--8px);
}
.pl-4 {
padding-left: var(--_spacing---space--12px);
}
.pl-5 {
padding-left: var(--_spacing---space--16px);
}
.pl-6 {
padding-left: var(--_spacing---space--20px);
}
.pl-7 {
padding-left: var(--_spacing---space--24px);
}
.pl-8 {
padding-left: var(--_spacing---space--32px);
}
.pr-0 {
padding-right: 0;
}
.pr-1 {
padding-right: var(--_spacing---space--2px);
}
.pr-2 {
padding-right: var(--_spacing---space--4px);
}
.pr-3 {
padding-right: var(--_spacing---space--8px);
}
.pr-4 {
padding-right: var(--_spacing---space--12px);
}
.pr-5 {
padding-right: var(--_spacing---space--16px);
}
.pr-6 {
padding-right: var(--_spacing---space--20px);
}
.pr-7 {
padding-right: var(--_spacing---space--24px);
}
.pr-8 {
padding-right: var(--_spacing---space--32px);
}
.scale-0 {
transform: scale(0);
}
.translate-x-50 {
transform: translateX(-50%);
}
.translate-y-50 {
transform: translateY(-50%);
}
.translate-center {
transform: translate(-50%, -50%);
}
.translate-x-0 {
transform: translateX(0);
}
.translate-y-0 {
transform: translateY(0);
}
.translate-x-full {
transform: translateX(100%);
}
.translate-y-full {
transform: translateY(100%);
}
.translate-neg-x-full {
transform: translateX(-100%);
}
.translate-neative-y-full {
transform: translateY(-100%);
}
.m-gutter {
margin: var(--site--gutter);
}
.m-0 {
margin: 0;
}
.m-1 {
margin: var(--_spacing---space--2px);
}
.m-2 {
margin: var(--_spacing---space--4px);
}
.m-3 {
margin: var(--_spacing---space--8px);
}
.m-4 {
margin: var(--_spacing---space--12px);
}
.m-5 {
margin: var(--_spacing---space--16px);
}
.m-6 {
margin: var(--_spacing---space--20px);
}
.m-7 {
margin: var(--_spacing---space--24px);
}
.m-8 {
margin: var(--_spacing---space--32px);
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.inline-grid {
display: inline-grid;
}
.hidden {
display: none;
}
.display-contents {
outline-offset: 0px;
outline: 3px solid #fff;
display: contents;
}
._w-full {
width: 100%;
}
.dropdown-btn {
z-index: 999;
color: #00182c;
background-color: #f9f8f7;
border-radius: .5rem;
align-items: center;
width: 100%;
min-height: 2.75rem;
padding: .5rem 1rem;
display: flex;
position: relative;
}
.dropdown-component {
z-index: 4;
width: 100%;
position: relative;
}
.dropdown-list {
background-color: var(--swatch--light\);
width: 100%;
height: auto;
color: var(--swatch--dark-100);
border-radius: .5rem;
padding: 1rem;
position: absolute;
top: 3rem;
overflow: auto;
}
.dropdown-list.w--open {
border: 1px solid #ddd;
margin-top: 1rem;
}
.dropdown-item_text {
color: #18181b;
}
.radio-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.dropdown-arrow {
justify-content: center;
align-items: center;
width: 1rem;
display: flex;
position: absolute;
right: 1rem;
}
.dropdown-list_item {
padding-top: .25rem;
padding-bottom: .25rem;
}
.dropdown-list_content {
flex-flow: column;
}
.layout-wrapper {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
justify-content: center;
width: 100%;
display: flex;
}
.layout-wrapper:where(.w-variant-60f59cc2-1773-c719-7052-794afa19a64d) {
border-radius: var(--radius--main);
background-color: var(--_theme---background);
width: 100%;
color: var(--_theme---text);
overflow: clip;
}
.layout-wrapper.gap-6:where(.w-variant-313d4cb7-c103-55df-6f3a-ae2740861a50) {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_gap---size);
}
.layout {
grid-column-gap: inherit;
grid-row-gap: inherit;
flex-flow: column;
width: 100%;
display: flex;
}
.layout:where(.w-variant-b21da2c5-e4d7-cf0a-65a0-d6581f6ad6dd) {
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
}
.layout:where(.w-variant-c017a6d6-d3f1-450b-7929-5369e2f6a6c9), .layout:where(.w-variant-140e4ca0-4be0-f7e8-4972-ea0c1792e9ac) {
display: var(--flex-medium, grid);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout:where(.w-variant-26b01da2-470c-0cec-a39e-82f012fff67d), .layout:where(.w-variant-d3d266bd-6c56-23cf-78b8-338b31aacafb) {
display: var(--flex-medium, grid);
width: calc(100vw * var(--_responsive---large) + 100% * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall)));
grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end];
flex: none;
}
.layout:where(.w-variant-b5851c89-01ca-45c5-93ec-604840c79f59), .layout:where(.w-variant-8ecccd48-4ce7-b2f5-8e9d-0af339279e45) {
width: 100vw;
display: var(--flex-medium, grid);
flex: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout:where(.w-variant-430302d3-e8fc-1ce3-56ef-1e0f315277de), .layout:where(.w-variant-97ac1bb2-02c2-6b5b-5f11-4438ac75ee3e) {
display: var(--flex-medium, grid);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout:where(.w-variant-60f59cc2-1773-c719-7052-794afa19a64d) {
justify-content: center;
min-height: 26rem;
position: relative;
}
.layout:where(.w-variant-b8519cb5-1c50-7aca-6d3f-ef0019bf3931) {
display: var(--flex-medium, grid);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout:where(.w-variant-e7765a51-95eb-39f8-e25c-61e3900ef7d9), .layout:where(.w-variant-16eea105-69d8-fb54-70dd-5987d69644bc) {
display: var(--flex-medium, grid);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.layout-column-1 {
align-self: center;
width: 100%;
position: relative;
}
.layout-column-1:where(.w-variant-313d4cb7-c103-55df-6f3a-ae2740861a50) {
text-align: center;
justify-content: center;
align-items: center;
}
.layout-column-1:where(.w-variant-26b01da2-470c-0cec-a39e-82f012fff67d) {
padding-top: calc(var(--_spacing---space--20px) * var(--_responsive---large));
padding-bottom: calc(var(--_spacing---space--20px) * var(--_responsive---large));
grid-column: 2 / span 5;
}
.layout-column-1:where(.w-variant-d3d266bd-6c56-23cf-78b8-338b31aacafb) {
grid-column: 9 / span 5;
}
.layout-column-1:where(.w-variant-b5851c89-01ca-45c5-93ec-604840c79f59), .layout-column-1:where(.w-variant-8ecccd48-4ce7-b2f5-8e9d-0af339279e45) {
max-width: var(--container--small);
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
width: calc(100% - var(--site--margin) * 2);
margin-left: auto;
margin-right: auto;
}
.layout-column-1:where(.w-variant-430302d3-e8fc-1ce3-56ef-1e0f315277de), .layout-column-1:where(.w-variant-97ac1bb2-02c2-6b5b-5f11-4438ac75ee3e) {
padding: var(--_spacing---space--20px);
}
.layout-column-1:where(.w-variant-60f59cc2-1773-c719-7052-794afa19a64d) {
z-index: 2;
padding-top: var(--_spacing---section-space--main);
padding-right: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
padding-left: var(--_spacing---section-space--main);
text-align: center;
justify-content: center;
align-items: center;
position: relative;
}
.layout-column-1:where(.w-variant-b8519cb5-1c50-7aca-6d3f-ef0019bf3931) {
position: var(--relative-medium, sticky);
top: calc(12rem * var(--_responsive---large) + 0rem * var(--_responsive---medium));
align-self: start;
}
.layout-column-1:where(.w-variant-16eea105-69d8-fb54-70dd-5987d69644bc) {
align-self: inherit;
grid-column-start: auto;
}
.layout-column-1:where(.w-variant-c017a6d6-d3f1-450b-7929-5369e2f6a6c9) {
align-self: inherit;
justify-items: inherit;
}
.layout-column-1:where(.w-variant-e7765a51-95eb-39f8-e25c-61e3900ef7d9), .layout-column-1:where(.w-variant-140e4ca0-4be0-f7e8-4972-ea0c1792e9ac) {
align-self: inherit;
}
.layout-column-2 {
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
position: relative;
overflow: clip;
}
.layout-column-2:where(.w-variant-140e4ca0-4be0-f7e8-4972-ea0c1792e9ac) {
aspect-ratio: auto;
grid-row-start: 1;
grid-column-start: 1;
}
.layout-column-2:where(.w-variant-26b01da2-470c-0cec-a39e-82f012fff67d) {
width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall)));
grid-column: 8 / full;
}
.layout-column-2:where(.w-variant-d3d266bd-6c56-23cf-78b8-338b31aacafb) {
width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall)));
grid-column: full / span 7;
grid-row-start: 1;
}
.layout-column-2:where(.w-variant-b5851c89-01ca-45c5-93ec-604840c79f59) {
aspect-ratio: 1;
}
.layout-column-2:where(.w-variant-8ecccd48-4ce7-b2f5-8e9d-0af339279e45) {
aspect-ratio: 1;
grid-row-start: 1;
grid-column-start: 1;
}
.layout-column-2:where(.w-variant-97ac1bb2-02c2-6b5b-5f11-4438ac75ee3e) {
grid-row-start: 1;
grid-column-start: 1;
}
.layout-column-2:where(.w-variant-60f59cc2-1773-c719-7052-794afa19a64d) {
aspect-ratio: auto;
opacity: .5;
pointer-events: none;
position: absolute;
inset: 0%;
overflow: visible;
}
.layout-column-2:where(.w-variant-c017a6d6-d3f1-450b-7929-5369e2f6a6c9) {
aspect-ratio: auto;
}
.layout-column-2:where(.w-variant-e7765a51-95eb-39f8-e25c-61e3900ef7d9) {
aspect-ratio: auto;
grid-column-end: span 2;
}
.layout-column-2:where(.w-variant-16eea105-69d8-fb54-70dd-5987d69644bc) {
aspect-ratio: auto;
grid-column: 1 / span 2;
grid-row-start: 1;
}
.modal-new_backdrop {
opacity: .2;
background-color: #000;
width: 100%;
height: 100vh;
position: absolute;
inset: 0% 0% auto;
}
.modal-new_close {
color: #fff;
background-color: #000;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-bottom: 1rem;
padding: .3em;
display: flex;
}
.modal-new_css {
display: none;
}
.modal-new_inner {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
padding: 1rem;
display: flex;
}
.modal-new_scroll {
height: 100%;
padding-top: var(--_spacing---space--12px);
padding-right: var(--_spacing---space--12px);
padding-bottom: var(--_spacing---space--12px);
padding-left: var(--_spacing---space--12px);
border-radius: inherit;
flex-flow: column;
display: flex;
position: relative;
overflow: hidden auto;
}
.modal-new_scroll:where(.w-variant-dd756a9f-b7cb-7573-7e82-b3c7a8d4b4ef) {
padding: var(--size--0rem);
}
.modal-new_content {
color: #000;
background-color: #fff;
border-radius: 1rem;
width: 100%;
max-width: 60svw;
max-height: 100%;
position: relative;
}
.modal-new_dialog {
z-index: 1000;
width: 100%;
max-width: none;
height: 100vh;
max-height: none;
color: inherit;
background-color: #0000;
border-style: none;
border-width: 0;
margin: 0;
padding: 0;
position: fixed;
inset: 0% 0% auto;
overflow: clip;
}
.modal-new_js {
display: none;
}
.modal-new_open {
color: #fff;
cursor: pointer;
background-color: #242424;
border-radius: 100vw;
padding: .5em 1.4em;
}
.modal-new_close-icon {
width: 1.25rem;
height: 1.25rem;
}
.modal_slot {
flex-flow: column;
flex: 1;
justify-content: center;
}
.modal_btn_close {
align-self: flex-end;
}
.modal_btn_close:where(.w-variant-dd756a9f-b7cb-7573-7e82-b3c7a8d4b4ef) {
z-index: 999;
position: absolute;
inset: .75rem .75rem auto auto;
}
.svg {
width: 100%;
height: 100%;
display: block;
overflow: visible !important;
}
.svg:where(.w-variant-559ed636-1306-91ce-62d6-6dcde6cfe508) {
transform: rotate(-90deg);
}
.svg:where(.w-variant-8f6fb4d1-d5ef-5310-3624-f8e64665288d) {
transform: rotate(90deg);
}
.svg:where(.w-variant-da5de2ad-8379-2d0e-f128-fcd0dbde9ccd) {
transform: rotate(-180deg);
}
.svg:where(.w-variant-4a094eb7-c9a7-7407-d976-4a1c02e5fbff) {
transform: rotate(180deg);
}
.tabs_button_content_wrap {
padding: 0;
}
.tabs_button_content_mask {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 0fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.tabs_button_content_clip {
padding: 0;
overflow: hidden;
}
.video_container {
aspect-ratio: 16 / 9;
}
.tab_content_slot {
flex-flow: column;
}
.tag_wrap {
color: #ebebeb;
text-align: center;
background-color: #1f1d1e;
border-radius: .5rem;
min-width: 4rem;
padding: .5rem .75rem;
line-height: 1;
display: inline-block;
}
.tag_wrap.grid-autofit {
--_column-count---value: 1;
}
.styleguide_scroll-2 {
grid-column-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
grid-row-gap: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
scrollbar-color: var(--_theme---text) transparent;
margin-left: calc(-1 * clamp(1rem, .428571rem + 2.85714vw, 3rem));
margin-right: calc(var(--site--margin) * -1);
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr);
grid-auto-columns: minmax(16rem, 1fr);
grid-auto-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: clamp(1rem, .428571rem + 2.85714vw, 3rem);
padding-right: clamp(1rem, .428571rem + 2.85714vw, 3rem);
display: grid;
overflow: auto clip;
-webkit-mask-image: linear-gradient(to right, #0000, #000 3% 97%, #0000);
mask-image: linear-gradient(to right, #0000, #000 3% 97%, #0000);
}
.justify-content-center {
justify-content: center;
}
.justify-content-inherit {
justify-content: inherit;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-around {
justify-content: space-around;
}
.marquee-1_track {
will-change: transform;
flex-flow: row-reverse;
flex: none;
animation-name: marquee-1-timeline;
animation-duration: 40s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
display: flex;
}
.marquee-1_track.is-reversed {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
animation-name: marquee-2-timeline;
animation-duration: 80s;
}
.marquee-1_track.is-reversed.is-slower {
animation-duration: 60s;
}
.marquee-1_logo {
object-fit: contain;
max-width: 100%;
max-height: 100%;
display: block;
}
.marquee-1_logo.is-badge {
max-height: 100%;
}
.marquee-1_panel {
flex: none;
}
.marquee-1_layout {
flex-flow: row-reverse;
flex: none;
justify-content: flex-start;
align-items: stretch;
display: flex;
overflow: clip visible;
container-type: inline-size;
}
.marquee-1_layout.is-reversed {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
}
.marquee-1_layout.is-reversed.is-padding {
padding-top: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--24px);
}
.marquee-1_list {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.marquee-1_item {
aspect-ratio: 263 / 110;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 16.44rem;
display: flex;
}
.marquee-1_item.is-resources {
aspect-ratio: auto;
width: auto;
padding-right: 1rem;
}
.marquee-1_item.is-badge {
aspect-ratio: 263 / 110;
}
.marquee-1_component {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.marquee-1_embed {
display: none;
}
.marquee-1_logo_wrap {
flex: none;
justify-content: center;
align-items: center;
max-width: 11rem;
max-height: 5rem;
padding-left: .4rem;
padding-right: .4rem;
display: flex;
}
.form_label_wrap {
text-align: left;
width: 100%;
text-transform: var(--_text-style---text-transform, none);
flex-flow: column;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.form_field {
background-color: var(--swatch--light\);
width: 100%;
height: 2.75rem;
color: var(--swatch--dark-100);
appearance: none;
margin-bottom: 0;
padding: 0 1rem;
outline: none !important;
}
.form_field.is-textarea {
min-width: 100%;
max-width: 100%;
height: 100%;
min-height: 5rem;
color: var(--swatch--dark-100);
}
.form_label_text {
margin-bottom: var(--_spacing---space--2px);
padding-bottom: 0;
padding-right: 0;
}
.form_option_wrap {
background-color: var(--swatch--light\);
width: 100%;
height: 44px;
}
.form_select_icon {
pointer-events: none;
width: .8rem;
color: var(--swatch--dark-100);
margin-right: .9rem;
display: block;
position: absolute;
overflow: visible !important;
}
.form_select_wrap {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.form_ui_label {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-weight: inherit;
text-transform: var(--_text-style---text-transform, none);
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.form_ui_input {
z-index: 2;
cursor: pointer;
appearance: none;
outline-style: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.form_ui_visual_wrap {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_theme---border);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--_theme---border);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--_theme---border);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--_theme---border);
border-top-left-radius: var(--radius--main);
border-top-right-radius: var(--radius--main);
border-bottom-left-radius: var(--radius--main);
border-bottom-right-radius: var(--radius--main);
width: 1.6rem;
height: 1.6rem;
color: var(--_theme---background);
background-color: color-mix(in srgb, var(--swatch--transparent\) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.form_ui_visual_wrap:where(.w-variant-9fc24ace-5d5c-4d65-a438-7af771308f06) {
background-color: #0000;
}
.form_ui_visual_inner {
width: 63%;
height: 63%;
color: var(--_theme---background);
justify-content: center;
align-items: center;
display: flex;
}
.form_ui_visual_inner:where(.w-variant-9fc24ace-5d5c-4d65-a438-7af771308f06) {
background-color: var(--_theme---text);
width: 70%;
height: 70%;
opacity: var(--_state---false);
border-radius: inherit;
}
.form_ui_visual_icon {
width: 100%;
opacity: var(--_state---false);
display: block;
overflow: visible !important;
}
.form_ui_visual_icon:where(.w-variant-9fc24ace-5d5c-4d65-a438-7af771308f06) {
display: none;
}
.icon_wrap.icon-1x1-xsmall {
justify-content: center;
align-items: center;
}
.content_wrapper {
text-align: inherit;
justify-content: start;
align-items: start;
}
.content_wrapper:where(.w-variant-d8340dc9-4260-c57e-0e76-99ef8f2387b4) {
text-align: center;
justify-content: center;
align-items: center;
}
.content_wrapper:where(.w-variant-193ecd79-81f4-eabe-ea59-f41c971eba1c) {
text-align: end;
justify-content: end;
align-items: end;
}
.content_wrapper:where(.w-variant-fb71a62a-953a-adf4-6474-f0238b959a27) {
align-items: var(--center-medium, start);
justify-content: var(--center-medium, start);
text-align: var(--center-medium, start);
}
.background-slot {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider_wrap {
grid-column-gap: 0px;
grid-row-gap: var(--_spacing---space--12px);
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.slider_offset {
margin-left: calc(var(--_gap---size) * -.5);
flex: 1;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.slider_offset:where(.w-variant-cdcfaa2a-9daa-f0d0-f237-19a94f4d853b) {
margin-left: 0;
}
.slider_element.swiper {
width: 100%;
max-width: 100%;
}
.slider_element.swiper:where(.w-variant-f3182b89-5e9b-603a-d37d-37415a138570) {
overflow: hidden;
}
.slider_element.swiper:where(.w-variant-cdcfaa2a-9daa-f0d0-f237-19a94f4d853b) {
clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%);
margin-left: 0;
margin-right: 0;
}
.slider_list.swiper-wrapper {
display: flex;
}
.slider_controls {
grid-column-gap: var(--_spacing---space--8px);
grid-row-gap: var(--_spacing---space--8px);
flex-flow: wrap;
place-content: center space-between;
display: flex;
}
.slider_bullet_list {
grid-column-gap: var(--_spacing---space--2px);
grid-row-gap: var(--_spacing---space--2px);
align-items: center;
display: flex;
width: auto !important;
}
.slider_bullet_item {
border: .09rem solid var(--_theme---border);
border-radius: 100vw;
width: 1rem;
min-width: 0;
height: 1rem;
padding: 0;
}
.slider_bullet_item.is-active {
border-color: var(--_theme---text);
background-color: var(--_theme---text);
}
.slider_button_layout {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
flex-flow: wrap;
align-items: center;
display: flex;
}
.button_arrow_wrap {
border-radius: var(--radius--round);
position: relative;
}
.button_arrow_element {
width: var(--_icon-sizes---size);
height: var(--_icon-sizes---size);
aspect-ratio: 1;
--_icon-sizes---size: var(--_spacing---space--20px);
background-color: color-mix(in srgb, var(--_theme---button-blue--background) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-blue--text) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--text-hover) calc(100% * var(--_trigger---off)));
border-radius: inherit;
border-style: solid;
border-width: 1px;
border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---button-blue--icon-box-hover) calc(100% * var(--_trigger---off)));
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.button_arrow_icon {
width: 36%;
display: flex;
}
.svg-path {
stroke-width: .094rem;
stroke: currentColor;
vector-effect: non-scaling-stroke;
}
.accordion_component {
border-bottom: .094rem solid #1f1d1e33;
}
.accordion_wrap {
width: 100%;
padding-top: 1px;
}
.accordion_toggle_button {
width: 100%;
padding-top: var(--_spacing---space--8px);
padding-right: 1rem;
padding-bottom: var(--_spacing---space--8px);
grid-column-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem);
grid-row-gap: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem);
outline-offset: calc(.125rem * -1);
justify-content: space-between;
align-items: center;
display: flex;
}
.accordion_toggle_icon {
aspect-ratio: 1;
width: 1rem;
height: 1rem;
transform: rotate(calc(-180deg * var(--_state---false)));
flex: none;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
}
.accordion_content_padding {
padding-top: var(--_spacing---space--4px);
padding-bottom: var(--_spacing---space--4px);
}
.accordion_content_wrap {
width: 100%;
display: none;
position: relative;
overflow: visible clip;
}
.accordion_toggle_heading {
margin-top: 0;
margin-bottom: 0;
}
.accordion_timeline {
width: 100%;
height: calc(0px * var(--_state---true) + 2px * var(--_state---false));
color: color-mix(in srgb, var(--_theme---text) calc(100% * var(--_trigger---on)), var(--swatch--light\) calc(100% * var(--_trigger---off)));
background-color: #35373f;
position: relative;
}
.accordion_timeline_progress {
height: 2px;
color: color-mix(in srgb, var(--_theme---text) calc(100% * var(--_trigger---on)), var(--swatch--light\) calc(100% * var(--_trigger---off)));
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0%;
}
.mega-nav__card {
background-color: #fff;
border-radius: .5em;
flex-flow: column;
width: 100%;
display: flex;
overflow: hidden;
}
.mega-nav_dropdown-wrapper {
z-index: 2;
width: 100%;
max-width: var(--container--main);
pointer-events: none;
margin-left: auto;
margin-right: auto;
position: absolute;
top: calc(100% - .25em);
left: 0;
right: 0;
}
.mega-nav_panel-label {
text-transform: uppercase;
padding-left: 1em;
font-size: .75em;
line-height: 1;
}
.mega-nav__bar-inner {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.mega-nav_dropdown-container {
position: relative;
overflow: hidden;
}
.mega-nav__bar-cta {
color: #f2f2f2;
background-color: #6840ff;
border-radius: .25em;
justify-content: center;
align-items: center;
padding: .375em .625em;
text-decoration: none;
display: flex;
}
.mega-nav__bar-cta.is--secondary {
color: #6840ff;
background-color: #0000;
border: 1px solid #6840ff;
}
.mega-nav_bar {
z-index: 3;
background-color: #fff;
border-bottom: 1px solid #0000001a;
border-radius: .25em;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.mega-nav__bar-action {
align-items: center;
display: flex;
}
.mega-nav__card-cta {
color: #f2f2f2;
background-color: #6840ff;
border-radius: .25em;
justify-content: center;
align-items: center;
padding: .375em .625em;
text-decoration: none;
display: flex;
}
.mega-nav__bar-start {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.mega-nav__bar-logo {
flex: none;
width: 8em;
margin-right: 3em;
display: flex;
position: absolute;
left: 0;
}
.mega-nav_panel-link-desc {
opacity: .6;
font-size: .875em;
font-weight: 400;
}
.mega-nav_burger {
grid-column-gap: .2em;
grid-row-gap: .2em;
background-color: #e4e0f5;
border-radius: .25em;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
padding: 0;
display: flex;
}
.mega-nav__card-visual {
width: 100%;
height: 16.25em;
position: relative;
}
.mega-nav__back {
z-index: 2;
opacity: 0;
visibility: hidden;
position: absolute;
left: -.625em;
}
.mega-nav_dropdown-inner {
display: flex;
}
.announcement_content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-align: center;
flex: 1;
justify-content: center;
display: flex;
}
.announcement_text {
margin: 0;
font-size: .875rem;
line-height: 1.4;
}
.mega-nav_link_list {
display: flex;
position: relative;
}
.announcement_container {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: center;
align-items: center;
max-width: 100%;
margin: 0 auto;
padding: .625em 1.5em;
display: flex;
}
.mega-nav__bar-link {
color: #201d1d;
background-color: #0000;
border-radius: .25em;
justify-content: flex-start;
align-items: center;
padding: .375em .625em;
text-decoration: none;
display: flex;
}
.mega-nav__card-content {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5em;
display: flex;
}
.mega-nav_panel-link-text {
font-weight: 500;
}
.mega-nav_dropdown-bg {
will-change: transform;
background-color: #fff;
border-bottom-right-radius: .25em;
border-bottom-left-radius: .25em;
position: absolute;
inset: 0;
}
.mega-nav_bar-end {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: flex-end;
align-items: center;
display: none;
}
.mega-nav__card-cta-icon {
width: 1.25em;
}
.mega-nav_panel-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-bottom: 0;
padding: 0;
list-style: none;
display: flex;
}
.mega-nav_panel-col {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
border-right: 1px solid #0000001a;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 2.5em 1.5em;
display: flex;
}
.mega-nav_panel-col.is--colored {
background-color: #f7f5ff;
}
.mega-nav_panel-col.is--colored.has--card {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.mega-nav_dropdown-panel {
opacity: 0;
pointer-events: none;
visibility: hidden;
position: absolute;
inset: 0 0 auto;
overflow: hidden;
}
.announcement_close {
opacity: .6;
width: 1.5em;
height: 1.5em;
color: inherit;
cursor: pointer;
flex-shrink: 0;
justify-content: center;
align-items: center;
transition: opacity .2s;
display: flex;
}
.mega-nav_panel-link {
color: #201d1d;
border-radius: .25em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: .625em .75em;
text-decoration: none;
display: flex;
}
.mega-nav {
z-index: 999;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.announcement_banner {
color: #fff;
background-color: #1a1a1a;
width: 100%;
overflow: hidden;
}
.mega-nav__bar-link-icon {
width: 1.25em;
}
.mega-nav__card-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.mega-nav__bar-list {
grid-column-gap: .75em;
grid-row-gap: .75em;
height: 100%;
padding-left: 0;
padding: unset;
justify-content: center;
align-items: stretch;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
list-style: none;
display: flex;
}
.mega-nav__bar-list.is--actions {
margin-left: auto;
margin-right: 0;
position: absolute;
right: 0;
}
.mega-nav__backdrop {
z-index: 1;
opacity: 0;
pointer-events: none;
visibility: hidden;
background-color: #00000040;
position: fixed;
inset: 0%;
}
.mega-nav__container {
max-width: var(--container--main);
height: var(--nav-height);
width: calc(100% - var(--site--margin) * 2);
justify-content: space-between;
align-items: stretch;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.mega-nav_burger-line {
z-index: 1;
background-color: #6840ff;
border-radius: .125em;
flex: none;
width: 1.25em;
height: .125em;
padding: 0;
display: block;
position: relative;
}
.mega-nav__card-cta-label, .mega-nav__bar-link-label {
font-size: .9375em;
font-weight: 500;
line-height: 1.2;
}
.mega-nav__card-text {
grid-column-gap: .125em;
grid-row-gap: .125em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
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;
}
.text-label {
font-family: var(--_typography---font--mono-family);
font-size: var(--_typography---font-size--label);
line-height: var(--_typography---line-height--1-16);
font-weight: var(--_typography---primary-medium);
letter-spacing: var(--_typography---letter-spacing--2);
text-transform: uppercase;
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.text-label-small {
font-family: var(--_typography---font--mono-family);
font-size: var(--_typography---font-size--label-small);
line-height: var(--_typography---line-height--1-14);
font-weight: var(--_typography---primary-medium);
letter-spacing: var(--_typography---letter-spacing--1);
text-transform: uppercase;
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.text-label-tiny {
font-family: var(--_typography---font--mono-family);
font-size: var(--_typography---font-size--label-tiny);
line-height: var(--_typography---line-height--1-14);
font-weight: var(--_typography---primary-medium);
letter-spacing: var(--_typography---letter-spacing--1);
text-transform: uppercase;
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.text-eyebrow {
font-family: var(--_typography---font--mono-family);
font-size: var(--_typography---font-size--eyebrow);
line-height: var(--_typography---line-height--1-4);
font-weight: var(--_typography---primary-regular);
letter-spacing: var(--_typography---letter-spacing--4);
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.button-043__icon-wrap {
width: 3rem;
height: 3rem;
color: var(--button-043-icon-color);
border-radius: var(--button-043-icon-border-radius);
flex: none;
margin-left: .25rem;
display: grid;
position: relative;
}
.button-043__icon-wrap.is-icon {
width: 2.5rem;
height: 2.5rem;
margin-left: 0;
}
.button-043__icon-wrap.is-nav {
border-radius: inherit;
width: 4rem;
height: 4rem;
margin-left: 0;
}
.button-043 {
-webkit-user-select: none;
user-select: none;
min-height: 3.5rem;
color: var(--button-043-color);
border-radius: var(--button-043-border-radius);
background-color: #0000;
outline-style: none;
padding: 0;
line-height: 1;
text-decoration: none;
display: inline-grid;
position: relative;
}
.button-043.is-icon {
border-radius: var(--radius--small);
min-height: auto;
}
.button-043.is-icon:where(.w-variant-b6f37423-61c3-44e9-e879-be4c0cbf76f2) {
border-radius: var(--button-043-border-radius);
}
.button-043__inner {
width: 100%;
height: 100%;
padding: var(--button-043-padding);
grid-area: 1 / 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.button-043__inner.is-icon {
border-radius: inherit;
padding: 0;
}
.button-043__icon-bg {
background-color: var(--button-043-icon-color-background);
border-radius: inherit;
grid-area: 1 / 1;
width: 100%;
height: 100%;
padding: 0;
}
.button-043__icon-mask {
width: 100%;
height: 100%;
color: inherit;
grid-area: 1 / 1;
justify-content: flex-end;
display: flex;
position: relative;
overflow: clip;
}
.button-043__icon {
flex: none;
width: 2rem;
height: 2rem;
}
.button-043__icon.is-invisible {
opacity: 0;
}
.button-043__icon-list {
width: 100%;
height: 100%;
color: var(--button-043-icon-color);
flex-flow: row;
flex: none;
grid-area: 1 / 1;
justify-content: flex-end;
align-items: center;
padding: .63rem;
display: flex;
position: absolute;
}
.button-043__icon-list.is-icon {
transform: rotate(-45deg);
}
.button-043__icon-list.is-prev {
padding: .94rem;
transform: rotate(180deg);
}
.button-043__icon-list.is-next {
padding: .94rem;
}
.button-043__bg {
background-color: var(--button-043-color-background);
border-radius: var(--button-043-border-radius);
grid-area: 1 / 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: clip;
}
.button-043__bg.is-icon {
display: none;
}
.button-043__bg-hover {
background-color: var(--button-043-hover-color-background);
width: 140%;
height: 100%;
padding: 0;
position: absolute;
bottom: 0%;
left: -32%;
}
.button-043__mask {
clip-path: inset(-10% 0);
flex: none;
justify-content: center;
align-items: center;
margin-right: .75rem;
display: flex;
}
.button-043__mask.is-icon {
display: none;
}
.button-043__text {
font-family: var(--_typography---font--mono-family);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-medium);
letter-spacing: 0;
text-transform: uppercase;
}
.rsc-hero_bottom {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
}
.rsc-hero_bottom.is-grid {
grid-column-gap: var(--_spacing---space--8px);
grid-row-gap: var(--_spacing---space--8px);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rsc-hero_bottom.grid-custom {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rsc-hero_bottom.grid-custom.gap-3 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rsc-hero_left {
--_column-count---value: 3;
width: 75%;
}
.rsc-hero_right {
width: 25%;
}
.rsc-hero_right.column-1 {
width: auto;
}
.rsc-hero_link_list {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-template-rows: subgrid;
grid-row: span 8;
display: grid;
}
.rsc-hero_link_list.max-width-full {
grid-row: span 10;
}
.rsc-hero_link {
padding: var(--_spacing---space--24px);
border: 1px solid var(--_theme---border-2);
border-radius: var(--radius--main);
background-color: var(--_theme---background);
position: relative;
}
.min-width-auto {
min-width: auto;
}
.rsc-hero_card {
height: 100%;
padding: var(--_spacing---space--24px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
transition: background-color .4s;
position: relative;
}
.rsc-hero_card.hflex-left-stretch.gap-6 {
grid-column-gap: var(--_spacing---space--40px);
grid-row-gap: var(--_spacing---space--40px);
}
.rsc-hero_card.is-small {
grid-area: span 3 / span 1;
}
.rsc-hero_card.is-small.hflex-left-stretch.gap-6.max-width-full {
grid-row: span 4;
}
.rsc-hero_card.is-small.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_spacing---space--40px);
grid-row-gap: var(--_spacing---space--40px);
}
.rsc-hero_card.is-small.vflex-stretch-top.gap-6.is-lab {
border-radius: var(--size--0rem);
background-color: var(--swatch--transparent);
}
.rsc-hero_card.is-small.vflex-stretch-top.gap-4.is-lab {
border-radius: var(--size--0rem);
background-color: var(--swatch--transparent);
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.rsc-hero_card.is-small.is-no-thumbnail {
min-height: 20rem;
}
.rsc-hero_card.is-large {
grid-area: span 3 / span 2;
}
.rsc-hero_card.is-large.hflex-left-stretch.gap-6.overflow-clip.max-width-full {
grid-row: span 4;
}
.rsc-hero_card.is-empty {
min-height: 25rem;
padding: var(--_spacing---space--80px);
}
.rsc-hero_card.is-empty.vflex-center-center.is-lab {
border-radius: var(--size--0rem);
}
.rsc-hero_card.is-empty.vflex-center-center.is-integrations {
min-height: 22.5rem;
}
.rsc-hero_card_image {
aspect-ratio: 16 / 9;
border-radius: var(--radius--small);
background-color: #ffffff1a;
overflow: clip;
}
.rsc-hero_card_image.is-cs {
width: 39.7331%;
max-width: 100%;
position: relative;
}
.rsc-hero_card_image.is-ebook {
flex: none;
width: 40.5rem;
max-width: 60%;
}
.rsc-hero_card_image.is-logo {
border-radius: var(--radius--xsmall);
background-color: #fff;
justify-content: center;
align-items: center;
height: 100%;
padding: .1rem .25rem;
display: flex;
}
.rsc-hero_card_image.is-press {
border-radius: var(--radius--small);
background-color: #ffffff1a;
}
.rsc-hero_card_image.is-webinars {
width: 50%;
}
.rsc-hero_card_image.is-webinars.vflex-center-center.is-squared {
aspect-ratio: 1;
}
.rsc-hero_card_image.is-no-ratio {
aspect-ratio: auto;
}
.rsc-hero_card_image.is-podcast-squared {
flex: none;
width: 40.5rem;
max-width: 60%;
}
.rsc-hero_card_image.is-podcast-squared.relative.vflex-center-center {
aspect-ratio: 1;
width: auto;
height: 20rem;
}
.rsc-hero_card_content.flex-grow.vflex-left-top.gap-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.rsc-hero_card_content.vflex-center-center.gap-4 {
text-align: center;
}
.text-tag {
padding: var(--_spacing---space--4px) var(--_spacing---space--8px);
border-radius: var(--radius--small);
background-color: var(--_theme---eyebrow-background);
font-family: var(--_typography---font--mono-family);
color: var(--_theme---eyebrow-text);
font-size: var(--_typography---font-size--eyebrow);
line-height: var(--_typography---line-height--1-4);
font-weight: var(--_typography---primary-regular);
letter-spacing: var(--_typography---letter-spacing--4);
display: inline-block;
}
.rsc-hero_card_text.is-margin-auto {
margin-top: auto;
}
.rsc-hero_card_text.is-margin-right-auto {
margin-right: auto;
}
.text-color-1 {
color: var(--_theme---text);
}
.text-color-2 {
color: var(--_theme---text-2);
}
.text-color-3 {
color: var(--_theme---text-3);
}
.rsc-hero_card_details.hflex-left-center.gap-4 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.rsc-hero_card_details.hflex-left-center.gap-4.hflex-wrap {
flex-flow: wrap;
}
.rsc-hero_card_details.hflex-left-center.gap-4.is-lab {
margin-top: auto;
}
.rsc-hero_card_tag.text-tag.is-duration {
padding-left: 2.5rem;
}
.rsc-hero_card_tag.text-tag.absolute {
z-index: 1;
}
.rsc-hero_card_tag.text-tag.is-gated, .rsc-hero_card_tag.text-tag.is-calendar, .rsc-hero_card_tag.text-tag.is-location {
padding-left: 2.5rem;
}
.rsc-hero_card_tag.text-tag.is-dark {
margin-right: auto;
}
.rsc-hero_card_tag.text-tag.is-code {
font-family: var(--_typography---font--primary-family);
padding-left: 2.5rem;
}
.rsc-hero_card_tag.text-tag.is-lab {
background-color: var(--_theme---eyebrow-text);
color: var(--_theme---eyebrow-background);
}
.rsc-hero_card_date.text-label-small.text-color-3.is-lab {
font-family: var(--_typography---font--primary-family);
text-transform: none;
}
.rsc-hero_card_location.text-label-small.text-color-3.is-cyan {
color: var(--_theme---icon);
}
.rsc-hero_card_button {
margin-top: auto;
}
.swiper-wrapper.rsc-callout_swiper_wrapper {
align-items: stretch;
}
.swiper-wrapper.oc-hero_slider_list {
width: 100%;
height: 100%;
}
.swiper.rsc-hero_slider {
width: 100%;
}
.swiper.rsc-callout_swiper {
overflow: visible;
}
.swiper.rsc-callout_swiper.is-lab {
margin-left: calc(var(--site--padding) * -1);
margin-right: calc(var(--site--padding) * -1 - 1px);
}
.swiper.testi_cms {
margin-right: calc(var(--_spacing---space--24px) * -1);
overflow: visible;
}
.swiper.oc-hero_slider_cms {
width: 100%;
height: 100%;
}
.swiper-slide.rsc-callout_swiper_slide {
width: 35%;
height: auto;
padding-right: var(--_spacing---space--24px);
}
.swiper-slide.rsc-callout_swiper_slide.is-cs {
width: 71%;
}
.swiper-slide.rsc-callout_swiper_slide.is-ebook {
width: 100%;
}
.swiper-slide.rsc-callout_swiper_slide.is-lab {
width: 33.34%;
padding-right: var(--size--0rem);
}
.swiper-slide.testi_item {
padding-right: var(--_spacing---space--24px);
}
.swiper-slide.oc-hero_slider_item {
width: 100%;
height: 100%;
}
.swiper-slide.timeline_item {
width: 29.19rem;
}
.swiper-slide.timeline_item.relative {
flex: none;
width: 30.3rem;
padding-right: 1.5rem;
}
.rsc-hero_pagination {
padding: 0;
}
.rsc-hero_swiper {
grid-area: span 5 / span 3;
position: relative;
}
.rsc-hero_secondary_small {
width: 33.3333%;
}
.rsc-hero_secondary_small.column-1 {
width: auto;
}
.rsc-hero_secondary_large {
width: 66.6667%;
}
.text-h7 {
font-family: var(--_text-style---font-family);
font-size: var(--_typography---font-size--text-small);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-bottom: .5rem;
display: flow-root;
}
.text-h7.mb-0 {
margin-bottom: var(--size--0rem);
}
.rsc-hero_banner {
padding-top: var(--_spacing---space--12px);
padding-right: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--12px);
padding-left: var(--_spacing---space--24px);
border-top-left-radius: var(--radius--main);
border-top-right-radius: var(--radius--main);
border-bottom-left-radius: var(--radius--main);
border-bottom-right-radius: var(--radius--main);
background-color: var(--_theme---background);
color: var(--_theme---text);
grid-column: span 3;
}
.rsc-hero_banner_icon_wrap {
border-radius: var(--radius--xsmall);
background-color: var(--_theme---icon-bg);
width: 4rem;
height: 4rem;
color: var(--_theme---icon);
}
.rsc-hero_banner_text.text-h7 {
margin-bottom: var(--_spacing---space--4px);
}
.rsc-hero_banner_text.text-h5.mb-0 {
margin-bottom: var(--size--0rem);
}
.rsc-hero_banner_button {
margin-left: auto;
}
.rsc-callout_container {
overflow: clip;
}
.rsc-callout_layout.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_spacing---space--40px);
grid-row-gap: var(--_spacing---space--40px);
}
.rsc-callout_top.hflex-between-top.gap-6, .rsc-callout_top.hflex-between-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.rsc-callout_swiper_nav {
margin-top: var(--_spacing---space--40px);
}
.rsc-callout_swiper_nav.hflex-left-stretch.gap-1.mt-0 {
margin-top: var(--size--0rem);
}
.rsc-hero_card_play {
z-index: 2;
width: 2.5rem;
height: 2.5rem;
position: absolute;
}
.rsc-hero_card_cover_wrap {
width: 100%;
margin-top: auto;
}
.rsc-hero_card_cover {
min-height: 10.75rem;
padding: var(--_spacing---space--24px);
border-radius: var(--radius--small);
background-color: var(--_theme---background-3);
}
.rsc-hero_card_cover_text {
margin-top: auto;
}
.cta_layout {
width: 100%;
min-height: 31.63rem;
padding: var(--_spacing---space--80px);
position: relative;
}
.cta_layout.hflex-between-center.gap-8.is-min-height {
min-height: 40.75rem;
}
.cta_layout.hflex-between-center.gap-8.is-min-height:where(.w-variant-5d0dfc8d-8998-24c2-e1b9-9c674c89ae29), .cta_layout.hflex-between-center.gap-8.is-min-height:where(.w-variant-9f7878e2-c1dd-f28a-2e4c-3e3189b96445) {
min-height: 25rem;
}
.cta_layout.vflex-center-center {
min-height: 43.75rem;
}
.cta_layout.vflex-center-center.is-leadership {
min-height: 31.63rem;
}
.cta_left {
width: 28.69rem;
max-width: 100%;
}
.cta_left.is-wider.zindex-2 {
width: 42rem;
}
.cta_right {
max-width: 100%;
}
.cta_background {
width: auto;
min-width: 100%;
max-width: none;
min-height: 100%;
color: var(--_theme---border);
justify-content: center;
align-items: stretch;
display: flex;
}
.cta_background.cover-absolute {
z-index: 1;
}
.cta_background.cover-absolute.pointer-off {
inset: 0% auto 0% 0%;
}
.cta_background.cover-absolute.width-full {
width: 100%;
}
.cta_form {
width: 38.81rem;
max-width: 100%;
padding: var(--_spacing---space--4px);
background-color: var(--_theme---background-3);
border-radius: .75rem;
}
.cta_form.hflex-between-stretch.relative.width-full {
width: 100%;
}
.g_gradient_wrap {
pointer-events: none;
width: 134.56rem;
height: 70.44rem;
bottom: auto;
left: 50%;
right: 0;
top: calc(var(--nav--height-total) * -1);
position: absolute;
transform: translate(-50%);
}
.g_gradient_wrap:where(.w-variant-d8f64210-bdf9-4b6a-ac99-ec8cc4f18d04) {
top: auto;
bottom: 0;
transform: translate(-50%, 20%);
}
.g_gradient_wrap:where(.w-variant-ec58d9c5-f343-c7dc-6183-bcc47a508915) {
top: auto;
bottom: 0;
transform: translate(-50%);
}
.g_gradient_wrap.is-testi {
width: 100%;
height: 100%;
inset: 0%;
transform: none;
}
.cta_gradient.cover-absolute {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(180deg);
}
.cta_gradient.cover-absolute.pointer-off.is-blue {
transform-style: preserve-3d;
}
.cta_gradient.cover-absolute.pointer-off.is-blue:where(.w-variant-5d0dfc8d-8998-24c2-e1b9-9c674c89ae29), .cta_gradient.cover-absolute.pointer-off.is-blue:where(.w-variant-9f7878e2-c1dd-f28a-2e4c-3e3189b96445) {
transform: rotateX(180deg)rotateY(180deg)rotateZ(180deg);
}
.cta_gradient.cover-absolute.pointer-off.is-not-reversed {
transform: none;
}
.footer_form_placeholder {
padding: var(--_spacing---space--8px);
border: 1px solid var(--swatch--dark-700);
border-radius: var(--radius--small);
background-color: var(--swatch--dark-400);
}
.ptem_wrap {
background-color: var(--_theme---background);
}
.ptem_wrap.is-overlapping {
z-index: 10;
background-color: var(--_theme---background);
pointer-events: auto;
}
.ptem_track {
width: 100%;
height: 1200vh;
}
.ptem_screen {
width: 100%;
height: 100svh;
position: sticky;
top: 0;
}
.todelete-spacer {
border: 1px solid red;
width: 100%;
height: 100svh;
}
.ptem_layer-1_wrap {
z-index: 1;
width: 100%;
height: 100%;
padding-top: calc(var(--nav--height) * .75);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.ptem_layer-2_wrap {
z-index: 2;
width: 100%;
height: 100%;
padding-top: calc(var(--nav--height) * .75);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.ptem_layer-3_wrap {
z-index: 3;
width: 100%;
height: 100%;
padding-top: calc(var(--nav--height) * .75);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.ptem_layer-1_circle-1 {
aspect-ratio: 1;
border-radius: var(--radius--round);
background-image: linear-gradient(180deg, #00cadc66, var(--swatch--transparent));
opacity: .3;
width: 60%;
position: absolute;
}
.ptem_layer-1_circle-2 {
aspect-ratio: 1;
border-radius: var(--radius--round);
background-image: linear-gradient(180deg, #00cadc66, var(--swatch--transparent));
opacity: .3;
width: 85%;
position: absolute;
}
.ptem_layer-1_circle-3 {
aspect-ratio: 1;
border-radius: var(--radius--round);
background-image: linear-gradient(180deg, #00cadc66, var(--swatch--transparent));
opacity: .3;
width: 110%;
position: absolute;
}
.ptem_layer-2_title {
text-align: center;
max-width: 16%;
position: absolute;
}
.ptem_diag-1_wrap {
aspect-ratio: 1;
border: 1px solid var(--_theme---icon);
border-radius: var(--radius--round);
justify-content: center;
align-items: center;
width: 22%;
display: flex;
position: absolute;
}
.ptem_diag_node {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.ptem_diag_node.is-01 {
top: 0%;
transform: translate(0, -50%);
}
.ptem_diag_node.is-01.is-diag-2 {
top: 10%;
}
.ptem_diag_node.is-02 {
top: 28%;
right: 9%;
}
.ptem_diag_node.is-02.is-to-the-right {
justify-content: flex-start;
align-items: center;
}
.ptem_diag_node.is-02.is-to-the-right.is-diag-2 {
top: 41%;
right: 11%;
}
.ptem_diag_node.is-03 {
bottom: 13%;
right: 20%;
}
.ptem_diag_node.is-03.is-to-the-right {
justify-content: flex-start;
align-items: center;
}
.ptem_diag_node.is-03.is-to-the-right.is-diag-2 {
bottom: 3%;
}
.ptem_diag_node.is-04 {
bottom: 13%;
left: 20%;
}
.ptem_diag_node.is-04.is-to-the-left {
justify-content: flex-end;
align-items: center;
}
.ptem_diag_node.is-04.is-to-the-left.is-diag-2 {
bottom: 3%;
}
.ptem_diag_node.is-05 {
top: 28%;
left: 9%;
}
.ptem_diag_node.is-05.is-to-the-left {
justify-content: flex-end;
align-items: center;
}
.ptem_diag_node.is-05.is-to-the-left.is-diag-2 {
top: 41%;
left: 11%;
}
.ptem_diag_node_content {
justify-content: center;
align-items: stretch;
width: 30rem;
display: flex;
position: absolute;
}
.ptem_diag_node_content.is-to-the-right {
justify-content: flex-start;
align-items: stretch;
}
.ptem_diag_node_content.is-to-the-left {
justify-content: flex-end;
align-items: stretch;
}
.ptem_diag_node_number_wrap {
aspect-ratio: 1;
border: 1px solid var(--_theme---icon);
border-radius: var(--radius--small);
background-color: var(--_theme---icon-bg);
width: 2.8rem;
color: var(--_theme---icon);
justify-content: center;
align-items: center;
display: flex;
}
.ptem_diag_node_text_wrap {
margin-left: var(--_spacing---space--8px);
padding: var(--_spacing---space--12px);
border: 1px solid var(--_theme---icon);
border-radius: var(--radius--small);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
justify-content: center;
align-items: center;
display: flex;
}
.ptem_diag_node_text_wrap.is-02 {
margin-left: var(--size--0rem);
background-color: var(--swatch--transparent);
color: var(--_theme---icon-bg);
border-style: none;
border-radius: 0;
}
.ptem_diag_node_text_wrap.is-reverse {
margin-right: var(--_spacing---space--8px);
margin-left: var(--size--0rem);
}
.ptem_diag_node_text.text-label-tiny {
line-height: var(--_typography---line-height--1);
}
.ptem_diag_node_text.text-label-tiny.is-02 {
color: var(--_theme---icon);
}
.ptem_diag-1_content_wrap {
justify-content: center;
align-items: center;
width: 30rem;
display: flex;
}
.ptem_diag-2_wrap {
aspect-ratio: 1;
border: 1px solid var(--_theme---icon);
border-radius: var(--radius--round);
justify-content: center;
align-items: center;
width: 33%;
display: flex;
position: absolute;
}
.ptem_diag_card {
width: 20rem;
min-height: 15.63rem;
padding: var(--_spacing---space--20px);
border: 1px solid var(--_theme---icon);
border-radius: var(--radius--main);
-webkit-backdrop-filter: blur(1.5rem);
backdrop-filter: blur(1.5rem);
background-image: none;
flex-flow: column;
display: flex;
position: relative;
}
.ptem_diag_card_top {
padding: var(--_spacing---space--4px);
border: 1px solid var(--_theme---icon);
background-color: var(--swatch--cyan-darkestest);
border-radius: .75rem;
display: flex;
}
.ptem_diag_card_top.is-reverse {
justify-content: flex-end;
align-items: stretch;
}
.ptem_diag_card_bottom {
margin-top: auto;
}
.ptem_diag_card_paragraph.text-tiny {
font-size: 1.13rem;
}
.ptem_diag-2_deco {
aspect-ratio: 1;
border: 1px solid var(--_theme---icon);
border-radius: var(--radius--round);
justify-content: center;
align-items: center;
width: 107%;
display: flex;
position: absolute;
}
.ptem_diag-2_loader {
width: 99%;
color: var(--_theme---icon);
position: absolute;
}
.ptem_diag-1_deco {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
}
.ptem_diag-1_oval {
height: 93.7%;
color: var(--_theme---icon);
position: absolute;
}
.ptem_diag-1_oval.is-01 {
transform: rotate(45deg);
}
.ptem_diag-1_oval.is-02 {
transform: rotate(-45deg);
}
.ptem_layer-3_last-card {
position: absolute;
}
.ptem_skip_wrap {
z-index: 10;
pointer-events: none;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 1.5rem;
display: flex;
position: sticky;
}
.ptem_skip {
pointer-events: auto;
}
.ptem_layer-1_gradient {
opacity: .3;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: translate(-40%);
}
.ptem_layer-1_gradient.is-02 {
transform: rotate(180deg);
}
.ptem_skip_anchor {
pointer-events: none;
padding: 0;
transform: translate(0, -100svh);
}
.ptem_diag_node_text_wrap_wrap {
justify-content: center;
align-self: stretch;
align-items: stretch;
display: flex;
overflow: hidden;
}
.ptem_layer-2_title_text.text-h3 {
font-size: 2.5vw;
}
.ctem_wrap.is-overlapping {
z-index: 3;
background-color: var(--_theme---background);
margin-top: -100svh;
}
.ctem_container.container-large.is-min-height {
flex-flow: column;
justify-content: center;
align-items: stretch;
min-height: 29.38rem;
display: flex;
}
.ctem_container.container-large.relative.vflex-center-center:where(.w-variant-e802f46b-f0bf-0f9c-3bbb-c8681438c625) {
min-height: 23.13rem;
}
.problem_container {
min-height: 100svh;
}
.problem_list {
width: 100%;
position: relative;
}
.problem_item {
position: relative;
}
.problem_icon {
width: 6.25rem;
height: 6.25rem;
position: relative;
}
.problem_icon.vflex-center-center {
color: #f55e49;
}
.problem_icon_background {
border-radius: var(--radius--small);
background-color: #240a06;
border: 1px solid #f55e49;
width: 4.38rem;
height: 4.38rem;
position: absolute;
transform: rotate(45deg);
}
.problem_icon_container {
width: 3rem;
height: 3rem;
}
.problem_text_wrap {
width: 40rem;
padding-left: var(--_spacing---space--20px);
position: absolute;
inset: auto auto auto 100%;
}
.problem_text_wrap.is-reverse {
padding-right: var(--_spacing---space--20px);
padding-left: var(--size--0rem);
text-align: right;
left: auto;
right: 100%;
}
.problem_text {
color: #f55e49;
}
.problem_deco {
z-index: 1;
color: #ff3725;
position: absolute;
inset: 0% -1.5rem;
}
.problem_marquee {
width: 100%;
height: 100%;
}
.problem_line {
width: 125rem;
height: 28.75rem;
animation-name: problem_marquee;
animation-duration: var(--duration);
will-change: transform;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.outcome_item {
width: 32.5714%;
padding: var(--_spacing---space--32px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
}
.outcome_card_bottom {
margin-top: auto;
}
.outcome_fact {
padding: var(--_spacing---space--16px);
border-radius: var(--radius--small);
background-color: var(--_theme---background);
}
.outcome_fact_icon {
width: 3rem;
height: 3rem;
padding: var(--_spacing---space--8px);
border-radius: var(--radius--xsmall);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
flex: none;
}
.outcome_fact_header {
color: var(--_theme---text-4);
}
.cta_center {
width: 24rem;
max-width: 100%;
}
.cta_center.vflex-center-center.gap-4.zindex-2.text-center.is-leadership {
width: 25rem;
}
.cta_center.vflex-center-center.gap-4.zindex-2.text-center.width-full {
width: 100%;
}
.home-hero_container.container-large {
margin-top: var(--_spacing---section-space--nav-gap);
padding-top: var(--_spacing---space--240px);
}
.home-hero_col1 {
width: 38.4078%;
}
.home-hero_text {
width: 28.13rem;
max-width: 100%;
}
.home-hero_buttom {
margin-top: auto;
}
.blog-hero_wrap {
position: relative;
}
.blog-hero_container.container-large.zindex-1.is-custom-height {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
min-height: calc(27.5rem + 1px);
display: flex;
}
.blog-hero_layout {
padding-top: var(--_spacing---space--120px);
}
.blog-hero_layout.is-taller-padding {
padding-top: 23.13rem;
}
.blog-hero_layout.is-custom-height {
height: 15.05rem;
}
.blog-feed_top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.blog-feed_cms_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-feed_cms_list.is-lab {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.blog-feed_cms_list.is-lab.is-bottom-margin {
margin-bottom: -1px;
}
.blog-feed_form_wrap {
margin-bottom: 0;
}
.blog-feed_form.hflex-right-stretch.gap-1.is-lab {
--_gap---size: var(--_spacing---space--24px);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.blog-feed_form.hflex-right-stretch.gap-1.is-learning {
justify-content: center;
align-items: stretch;
}
.blog-feed_search_input {
height: 100%;
padding: var(--_spacing---space--16px);
border: 1px solid var(--swatch--transparent);
background-color: var(--_theme---background);
font-family: var(--_typography---font--mono-family);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-medium);
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 0;
}
.blog-feed_search_input:focus-visible, .blog-feed_search_input[data-wf-focus-visible] {
border-color: var(--swatch--transparent);
}
.blog-feed_search_input::placeholder {
color: var(--swatch--blue-darkest);
}
.blog-feed_search_input.radius-inherit.is-lab {
background-color: var(--swatch--cyan-lighter);
}
.blog-feed_search {
border-radius: var(--radius--small);
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: 3.75rem;
display: flex;
}
.blog-feed_search.theme-light {
background-color: var(--_theme---background);
min-width: 19.31rem;
max-width: 100%;
color: var(--swatch--blue-darkest);
}
.blog-feed_search.theme-light.is-lab {
background-color: var(--swatch--cyan-lighter);
height: 2.5rem;
}
.blog-feed_search.theme-light.is-learning {
min-width: 42.25rem;
}
.blog-feed_icon_wrap {
padding-left: var(--_spacing---space--24px);
}
.blog-feed_dropdown_top {
min-width: 15rem;
height: 100%;
padding-top: 20px;
padding-right: var(--_spacing---space--24px);
padding-left: var(--_spacing---space--24px);
border-radius: var(--radius--small);
background-color: var(--swatch--cyan);
color: var(--swatch--blue-darkest);
}
.blog-feed_dropdown_top.hflex-between-center.gap-3 {
padding-top: var(--_spacing---space--16px);
padding-bottom: var(--_spacing---space--16px);
}
.blog-feed_dropdown_bottom {
background-color: var(--swatch--transparent);
pointer-events: none;
display: block;
}
.blog-feed_dropdown_bottom.w--open {
z-index: 10;
pointer-events: auto;
}
.blog-feed_dropdown_text {
font-family: var(--_typography---font--mono-family);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-medium);
letter-spacing: 0;
text-transform: uppercase;
}
.blog-feed_dropdown_icon {
transition: transform .2s, opacity .2s;
}
.blog-feed_dropdown_content {
margin-top: var(--_spacing---space--4px);
padding: var(--_spacing---space--12px) var(--_spacing---space--24px);
border: 1px solid var(--swatch--light-700);
border-radius: var(--radius--xsmall);
background-color: var(--swatch--light-500);
}
.blog-feed_dropdown_content.theme-light {
color: var(--_theme---text);
}
.blog-feed_dropdown_check {
padding-top: var(--_spacing---space--4px);
padding-bottom: var(--_spacing---space--4px);
cursor: pointer;
margin-bottom: 0;
padding-left: 0;
}
.blog-feed_dropdown_checkbox {
width: 1rem;
height: 1rem;
margin: .13rem var(--_spacing---space--16px) 0px 0px;
border: 1px solid var(--swatch--light-900);
border-radius: var(--radius--xsmall);
flex: none;
}
.blog-feed_dropdown_checkbox.w--redirected-checked {
border-color: var(--swatch--light-900);
background-color: var(--swatch--transparent);
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--swatch--cyan) 40%, var(--swatch--transparent) 41%);
}
.blog-feed_dropdown_checkbox.w--redirected-focus, .blog-feed_dropdown_checkbox.w--redirected-focus-visible {
border-color: var(--swatch--light-900);
box-shadow: 0 0 0 0 var(--swatch--transparent);
}
.blog-feed_dropdown_check_text {
font-family: var(--_typography---font--mono-family);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-medium);
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 0;
}
.blog-feed_dropdown_number {
border: 1px solid var(--swatch--cyan-darker);
border-radius: var(--radius--small);
height: 1.81rem;
font-family: var(--_typography---font--mono-family);
color: var(--swatch--dark-800);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-regular);
justify-content: center;
align-items: center;
padding-left: .5rem;
padding-right: .5rem;
transition: transform .2s, opacity .2s;
display: flex;
}
.blog-feed_dropdown_number.is-hidden {
opacity: 0;
transform: scale(0);
}
.blog-feed_dropdown_close {
cursor: pointer;
margin-left: auto;
transition: transform .2s, opacity .2s;
display: none;
}
.overview_wrap.overflow-clip.zindex-3.is-overlapping {
margin-top: -100svh;
}
.overview_eyebrow.text-tag {
font-family: var(--_typography---font--mono-family);
font-size: var(--_typography---font-size--eyebrow);
line-height: var(--_typography---line-height--1-4);
font-weight: var(--_typography---primary-regular);
}
.overview_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.overview_list.gap-1 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.overview_card {
padding: var(--_spacing---space--32px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
}
.overview_card.vflex-left-top.gap-5.relative:where(.w-variant-73233f68-d29a-d952-0128-c9686b51f98d) {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.overview_card_button {
padding-top: var(--_spacing---space--24px);
margin-top: auto;
}
.faq_list_cms_wrap {
width: 100%;
max-width: 45rem;
}
.faq_list_cms_wrap.max-width-full {
max-width: 100%;
}
.faq_list_content_text {
max-width: 90ch;
}
.faq_list_toggle_svg {
display: block;
overflow: visible !important;
}
.faq_list_toggle_icon {
aspect-ratio: 1;
flex: none;
width: 1.4rem;
}
.faq_list_toggle_icon.flex-noshrink.is-process {
width: var(--_icon-sizes---size);
margin-left: auto;
}
.faq_list_toggle_button {
width: 100%;
padding-top: var(--_spacing---space--32px);
padding-right: var(--_spacing---space--32px);
padding-bottom: var(--_spacing---space--32px);
padding-left: var(--_spacing---space--32px);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: inherit;
background-color: #0000;
justify-content: space-between;
align-items: center;
display: flex;
}
.faq_list_toggle_heading {
margin-top: 0;
margin-bottom: 0;
}
.faq_list_content_padding {
padding-right: var(--_spacing---space--32px);
padding-bottom: var(--_spacing---space--32px);
padding-left: var(--_spacing---space--32px);
}
.faq_list_js {
display: none;
}
.faq_list_cms_item {
text-align: left;
}
.faq_list_component {
border: 1px solid var(--_theme---border);
border-radius: var(--radius--main);
}
.faq_list_toggle_text {
font-size: 1.2rem;
}
.faq_list_content_wrap {
width: 100%;
display: none;
position: relative;
overflow: hidden;
}
.faq_layout.hflex-center-stretch {
grid-column-gap: var(--_spacing---space--120px);
grid-row-gap: var(--_spacing---space--120px);
}
.faq_layout.hflex-center-stretch:where(.w-variant-cd9371eb-890d-c8e4-9b2a-509d0ff6f227) {
grid-column-gap: var(--_spacing---space--80px);
grid-row-gap: var(--_spacing---space--80px);
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.faq_layout.hflex-center-stretch:where(.w-variant-2b93d108-58ea-d760-385e-685eb7e52cb8) {
grid-column-gap: var(--_spacing---space--80px);
grid-row-gap: var(--_spacing---space--80px);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.faq_left {
width: 40.0714%;
}
.faq_right {
width: 51.3571%;
}
.faq_sticky {
position: sticky;
top: 8rem;
}
.faq_sticky.vflex-left-top.gap-4:where(.w-variant-cd9371eb-890d-c8e4-9b2a-509d0ff6f227) {
text-align: center;
justify-content: flex-start;
align-items: center;
position: static;
}
.faq_sticky.vflex-left-top.gap-4:where(.w-variant-2b93d108-58ea-d760-385e-685eb7e52cb8) {
justify-content: flex-start;
align-items: center;
}
.overlapped_wrap {
height: 200svh;
}
.overlapped_section {
position: sticky;
top: 0;
}
.filter-btn {
appearance: none;
background-color: #efeeec;
border-radius: 10em;
padding: .65em 1.25em;
font-size: 1.5em;
}
.demo-card__tags-list {
display: flex;
}
.demo-card__visual-before {
padding-top: 66%;
}
.filter-group {
min-height: 100vh;
padding-bottom: 10em;
}
.demo-card__top {
position: relative;
}
.demo-card__bottom {
justify-content: flex-start;
align-items: center;
padding-bottom: .25em;
padding-left: .5em;
padding-right: .5em;
display: flex;
}
.demo-card__tags-item-p {
margin-bottom: 0;
font-size: .875em;
}
.demo-card__tags-collection {
width: 100%;
padding: 1em;
position: absolute;
top: 0;
left: 0;
}
.demo-card__emoji {
font-size: 4em;
}
.demo-card__h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.25em;
font-weight: 500;
line-height: 1;
}
.filter-list__item {
width: 25%;
padding: .75em;
}
.filter-list {
flex-flow: wrap;
width: 100%;
display: flex;
}
.reset-btn {
outline-offset: -2px;
color: #c90f0f;
appearance: none;
background-color: #c90f0f0d;
border-radius: 10em;
outline: 2px solid #c90f0f;
padding: .65em 1.25em;
font-size: 1.5em;
}
.demo-card__visual {
background-color: #e2e1df;
border-radius: .5em;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.filter-buttons {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-flow: wrap;
justify-content: flex-start;
padding: 1em 1em 3em;
display: flex;
}
.demo-card__tags-item {
background-color: #efeeec;
border-radius: 3em;
padding: .25em .75em;
}
.demo-card {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: #efeeec;
border-radius: 1.5em;
flex-flow: column;
width: 100%;
padding: 1em;
display: flex;
}
.blog-feed_pagination {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: center;
align-items: center;
}
.blog-feed_pagination_button {
margin: var(--_spacing---space--40px) 0px;
border-radius: var(--radius--small);
background-color: var(--swatch--transparent);
border-style: none;
padding: 0;
}
.blog-feed_pagination_element {
background-color: var(--_theme---background-2);
width: 3.5rem;
height: 3.5rem;
color: var(--_theme---text);
justify-content: center;
align-items: center;
display: flex;
}
.blog-feed_pagination_text {
font-family: var(--_typography---font--mono-family);
font-size: 1rem;
line-height: var(--_typography---line-height--1-2);
font-weight: var(--_typography---primary-medium);
letter-spacing: 0;
text-transform: uppercase;
}
.blog-feed_pagination_list {
margin-top: var(--_spacing---space--40px);
margin-bottom: var(--_spacing---space--40px);
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.rsc-hero_card_logo {
object-fit: contain;
width: auto;
max-width: none;
height: 100%;
}
.rsc-hero_card_logo_wrap {
border-radius: var(--radius--xsmall);
justify-content: center;
align-self: flex-start;
align-items: center;
min-width: 4rem;
height: 2rem;
display: flex;
}
.event-list_layout.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.event-list_cms_card {
padding: var(--_spacing---space--40px) var(--_spacing---space--24px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
transition: background-color .4s;
}
.event-list_cms_card.hflex-between-center.gap-5, .webinar-list_layout.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.webinar-list_cms_list {
grid-column-gap: var(--_spacing---space--16px);
grid-row-gap: var(--_spacing---space--16px);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.webinar-list_cms_card {
padding: var(--_spacing---space--24px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
transition: background-color .4s;
}
.webinar-list_cms_card_text {
width: 50%;
}
.webinar-list_cms_card_text.vflex-stretch-center.gap-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.tp-hero_container {
padding-top: var(--_spacing---section-space--nav-gap);
}
.tp-hero_container.container-large.hflex-left-stretch.mt-0 {
margin-top: var(--size--0rem);
}
.tp-hero_container.container-large.hflex-left-stretch.mt-0.pt-0 {
padding-top: var(--size--0rem);
}
.tp-hero_left {
flex: 1;
}
.tp-hero_left.vflex-left-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.tp-hero_right {
width: 30%;
}
.tp-hero_right.vflex-stretch-bottom.is-wider {
width: 40%;
}
.tp-hero_right.hflex-center-stretch.is-lab {
justify-content: flex-end;
align-items: stretch;
}
.tp-hero_left_content.vflex-left-top.gap-6, .tp-hero_right_content.vflex-stretch-bottom.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.tp-hero_half {
width: 50%;
padding-top: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--24px);
}
.tp-hero_half.vflex-center-center.width-full {
width: 100%;
}
.tp-hero_half.vflex-center-center.is-small-padding {
width: auto;
padding-right: var(--_spacing---space--16px);
padding-left: var(--_spacing---space--16px);
}
.tp-hero_detail.text-h6.mb-0 {
margin-bottom: var(--size--0rem);
}
.tp-body_left {
width: 31.7568%;
min-width: 29.38rem;
}
.tp-body_left.is-hero {
padding-top: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--24px);
}
.tp-body_right {
min-width: 0;
margin-bottom: -1px;
}
.tp-body_content.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.tp-body_left_social_wrap {
padding: var(--_spacing---space--16px);
background-color: var(--_theme---background-2);
border: 1px solid #000;
}
.tp-body_left_social_wrap.radius-small {
border-color: var(--swatch--dark-700);
}
.tp-body_left_social_text {
color: var(--_theme---eyebrow-text);
}
.tp-body_left_social_link {
color: var(--_theme---text-2);
transition: transform .2s, color .2s;
}
.tp-body_left_social_link:hover {
color: var(--_theme---icon);
transform: translate(0, -.1rem);
}
.tp-body_sticky {
top: var(--_spacing---section-space--nav-gap);
margin-top: -1px;
margin-bottom: -1px;
position: sticky;
}
.tp-body_sticky.is-not-sticky {
position: static;
}
.tp-visual_visual {
width: 100%;
max-width: var(--container--main);
aspect-ratio: 1920 / 840;
background-color: #ffffff1a;
margin-left: auto;
margin-right: auto;
}
.tp-visual_visual.relative.is-no-ratio {
aspect-ratio: auto;
}
.tp-body_block {
padding: var(--_spacing---space--80px);
}
.tp-body_block.is-no-padding {
padding: var(--size--0rem);
}
.tp-body_block.is-small-padding {
padding: var(--_spacing---space--80px);
}
.tp-body_author_wrap {
width: 100%;
padding: var(--_spacing---space--24px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-3);
}
.tp-body_author_wrap.hflex-left-center.gap-4.is-small-padding {
padding: var(--_spacing---space--16px);
}
.tp-body_author_button {
flex: none;
margin-top: auto;
margin-left: auto;
}
.tp-body_author_avatar {
width: var(--_spacing---space--140px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.tp-body_switch_wrap {
padding: var(--_spacing---space--4px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
}
.tp-body_switch_wrap.hflex-left-stretch {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
}
.tp-body_switch {
display: flex;
}
.tp-visual_brighttalk-embed {
width: 100%;
min-height: 100%;
padding: var(--_spacing---space--80px) var(--site--padding);
background-color: #fff;
}
.tp-body_speaker {
width: 100%;
padding: var(--_spacing---space--40px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-3);
}
.tp-body_speaker_image {
width: var(--_spacing---space--120px);
aspect-ratio: 1;
border-radius: var(--radius--small);
}
.tp-hero_left_card {
padding: var(--_spacing---space--40px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-3);
}
.tp-hero_left_card_image {
aspect-ratio: 1;
width: 16.25rem;
max-width: 100%;
}
.tp-player_layout {
padding-right: var(--_spacing---space--200px);
padding-left: var(--_spacing---space--200px);
}
.tp-hero_left_player {
width: 20rem;
min-width: 250px;
max-width: 290px;
margin-left: auto;
}
.tp-hero_left_player.flex-noshrink.is-larger {
width: 100%;
min-width: 100%;
max-width: 100%;
margin-left: 0;
}
.tp-body_more_card {
width: 100%;
padding: var(--_spacing---space--16px);
border: 1px solid var(--swatch--dark-700);
border-radius: var(--radius--small);
background-color: var(--_theme---background-3);
}
.tp-body_more_number {
border-radius: var(--radius--xsmall);
background-color: var(--_theme---background);
flex: none;
width: 3.31rem;
height: 3.31rem;
}
.tp-body_more_text {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tp-body_more_button {
flex: none;
margin-left: auto;
}
.tp-body_more_rich-text h3 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
font-weight: 400;
display: flow-root;
}
.tp-body_more_rich-text h4 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_typography---blog--h4);
line-height: var(--_text-style---line-height);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--1-04);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
font-weight: 400;
display: flow-root;
}
.tp-body_more_rich-text h1 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.tp-body_more_rich-text h2 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--1-08);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--40px);
--_text-style---margin-bottom: var(--_spacing---space--40px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
display: flow-root;
}
.tp-body_more_rich-text p {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
color: var(--_theme---text-2);
line-height: 1.5;
}
.tp-body_more_rich-text h5 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-size: var(--_typography---blog--h5);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.tp-body_more_rich-text h6 {
margin-top: var(--_spacing---space--24px);
margin-bottom: var(--_spacing---space--24px);
font-size: var(--_typography---blog--h6);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--1-2);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
}
.tp-body_more_rich-text blockquote {
margin-right: var(--_spacing---space--80px);
margin-left: var(--_spacing---space--80px);
padding-top: var(--_spacing---space--20px);
padding-right: var(--_spacing---space--20px);
padding-bottom: var(--_spacing---space--20px);
padding-left: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--max) - var(--site--min)) * var(--site--min))) * 1rem + ((1.25 - 1) / (var(--site--max) - var(--site--min))) * 100vw), 1.25 * 1rem) !important;
}
.tp-body_more_rich-text ol {
margin: var(--size--0rem) var(--_spacing---space--80px);
padding: var(--size--0rem) var(--size--0rem) var(--size--0rem) var(--_spacing---space--32px);
}
.tp-body_more_rich-text li {
color: var(--_theme---text-2);
margin-bottom: .25rem;
line-height: 1.5;
}
.tp-body_more_rich-text ul {
margin: var(--size--0rem) var(--_spacing---space--80px);
padding: var(--size--0rem) var(--size--0rem) var(--size--0rem) var(--_spacing---space--32px);
}
.tp-body_more_rich-text a {
text-decoration: underline;
transition: color .2s;
}
.tp-body_more_rich-text a:hover {
color: var(--_theme---icon);
}
.tp-body_more_rich-text figcaption {
margin-top: var(--size--0rem);
padding-top: var(--_spacing---space--12px);
padding-bottom: var(--_spacing---space--24px);
font-family: var(--_text-style---font-family);
color: var(--_theme---text-2);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--1-24);
--_text-style---font-weight: var(--_typography---primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--16px);
--_text-style---margin-bottom: var(--_spacing---space--16px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: pretty;
}
.tp-body_more_rich-text.is-padding {
padding-top: var(--_spacing---space--120px);
padding-bottom: var(--_spacing---space--120px);
}
.tp-body_sticky_anchor {
position: absolute;
inset: -6.5rem 0% auto;
}
.rsc-hero_card_speakers_cms.width-full {
align-self: stretch;
}
.rsc-hero_card_speakers_card {
aspect-ratio: 1;
border-radius: var(--radius--small);
background-color: var(--_theme---background-3);
width: 8rem;
}
.oc-hero_layout.vflex-center-center {
width: 100%;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
}
.oc-hero_layout.vflex-center-center.align-center.gap-6, .oc-hero_layout.vflex-left-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.oc-hero_layout.vflex-left-center.gap-6.is-left {
width: 50%;
}
.oc-hero_layout.vflex-left-center.gap-6.is-left.is-larger {
width: 60%;
}
.oc-hero_layout.vflex-left-center.gap-6.is-left.is-sticky {
top: var(--_spacing---section-space--nav-gap);
position: sticky;
}
.g_background_side {
aspect-ratio: 456 / 912;
width: auto;
position: absolute;
inset: -2px auto -2px calc(100% - 1px);
}
.g_background_side.is-left {
inset: 0% calc(100% - 1px) 0% auto;
}
.g_background_side.is-left.ratio-1-1.is-taller, .g_background_side.is-left.ratio-1-1.is-leadership, .g_background_side.is-left.ratio-1-1.is-ctem {
left: auto;
right: 100%;
}
.g_background_side.is-left.ratio-1-1.is-6cards {
left: auto;
right: calc(100% - .5px);
}
.g_background_side.is-left.ratio-1-1.is-api {
inset: -.5px 100% -1.5px auto;
}
.g_background_side.is-left.ratio-1-1.is-steps {
left: auto;
right: 100%;
}
.g_background_side.is-left.is-testi {
inset: -1px 100% -1px auto;
}
.g_background_side.is-left.is-platform {
inset: -2px 100% -1px auto;
}
.g_background_side.is-left.is-outcome {
left: auto;
right: 100%;
}
.g_background_side.is-left.is-product {
inset: -2px 100% -2px auto;
}
.g_background_side.is-left.is-programs, .g_background_side.is-left.is-benefits {
left: auto;
right: 100%;
}
.g_background_side.ratio-1-1 {
aspect-ratio: 1;
}
.g_background_side.ratio-1-1.is-taller {
height: 130%;
top: auto;
bottom: -1px;
left: 100%;
}
.g_background_side.ratio-1-1.is-leadership, .g_background_side.ratio-1-1.is-ctem, .g_background_side.ratio-1-1.is-6cards {
top: -1px;
bottom: -1px;
left: 100%;
}
.g_background_side.ratio-1-1.is-blog {
top: -1px;
bottom: 0;
}
.g_background_side.ratio-1-1.is-api {
top: -.5px;
bottom: -1.5px;
left: 100%;
}
.g_background_side.ratio-1-1.is-steps {
aspect-ratio: 416 / 1041;
top: -1px;
bottom: -1px;
left: 100%;
}
.g_background_side.is-testi {
aspect-ratio: 314 / 787;
bottom: -1px;
left: 100%;
}
.g_background_side.is-platform {
left: 100%;
}
.g_background_side.is-outcome {
top: -2px;
bottom: -1px;
left: 100%;
}
.g_background_side.is-product {
left: 100%;
}
.g_background_side.is-programs {
aspect-ratio: 536 / 1340;
top: -2px;
bottom: -1px;
left: 100%;
}
.g_background_side.is-benefits {
aspect-ratio: 364 / 912;
top: -2px;
bottom: -1px;
left: 100%;
}
.g_background_side_svg {
width: auto;
height: 100%;
color: var(--_theme---border);
}
.g_background_side_svg.is-taller-height {
height: 130%;
}
.tp-hero_right_gated {
width: 100%;
max-width: 19.06rem;
margin-left: auto;
margin-right: auto;
}
.tp-hero_right_gated_card {
padding: var(--_spacing---space--16px);
border: 1px solid var(--swatch--dark-700);
background-color: var(--_theme---background-3);
}
.tp-hero_right_gated_card.radius-small.vflex-stretch-top {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
}
.tp-hero_right_gated_title {
color: var(--_theme---eyebrow-text);
}
.oc-2col_container.container-large {
width: calc(100% - var(--site--margin) * 2);
}
.oc-2col_side.is-50--width {
max-width: 50%;
}
.oc-2col_side.is-50--width:where(.w-variant-8f21b9b0-cfe7-d9f3-3a87-8ff6839df671) {
max-width: 65%;
}
.oc-2col_right {
width: 34.38rem;
max-width: 100%;
}
.oc-2col_right.vflex-stretch-top.gap-1.is-leadership {
justify-content: flex-end;
align-items: flex-end;
width: 43.88rem;
margin-left: auto;
}
.oc-2col_right.vflex-stretch-top.gap-1.is-career {
padding-top: 3.5rem;
}
.oc-z-pattern_layout {
padding-right: var(--_spacing---space--96px);
padding-left: var(--_spacing---space--96px);
}
.oc-z-pattern_layout.hflex-between-center.gap-8.hflex-wrap:where(.w-variant-f06b3769-8965-0d55-7c49-2cd82b098f80), .oc-z-pattern_layout.hflex-between-center.gap-8.hflex-wrap:where(.w-variant-bd399388-a174-6b35-54d2-928d5190009c), .oc-z-pattern_layout.hflex-between-center.gap-8.hflex-wrap:where(.w-variant-376237df-844d-cdac-7b5f-64f372cf4c52) {
flex-flow: row-reverse wrap;
}
.oc-z-pattern_layout.hflex-between-center.gap-8.hflex-wrap.is-other-half {
padding-right: var(--size--0rem);
--_gap---size: var(--_spacing---space--24px);
}
.oc-z-pattern_side {
width: 42%;
max-width: 100%;
}
.oc-z-pattern_side.vflex-left-center.gap-4.is-wider, .oc-z-pattern_side.is-first.is-wider {
width: 49%;
}
.oc-z-pattern_side.is-first.is-wider.is-other-half {
flex: 1;
}
.oc-3cards_card {
flex: 1;
width: 100%;
}
.oc-3cards_bottom {
padding: var(--_spacing---space--32px) var(--_spacing---space--40px) var(--_spacing---space--40px);
margin-top: auto;
}
.oc-3cards_bottom.vflex-stretch-top.gap-3.is-align-top {
padding-top: var(--size--0rem);
margin-top: 0;
}
.oc-3cards_icon_wrap {
padding-top: var(--_spacing---space--40px);
padding-bottom: var(--_spacing---space--40px);
padding-left: var(--_spacing---space--40px);
}
.oc-3cards_image_wrap {
margin-left: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.oc-3cards_image_wrap.flex-grow {
aspect-ratio: 356 / 287;
}
.oc-3cards_image_wrap.flex-grow.relative {
border-bottom-left-radius: var(--_spacing---space--32px);
}
.oc-3cards_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: #0000;
}
.oc-3cards_icon.radius-xsmall {
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.oc-3cards_icon.radius-xsmall.vflex-center-center.is-color-reversed {
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.oc-3cards_svg {
width: var(--_spacing---space--32px);
aspect-ratio: 1;
}
.testi_container.container-large {
padding-right: var(--_spacing---space--40px);
padding-left: var(--_spacing---space--40px);
}
.testi_container.container-large.relative:where(.w-variant-0051c000-96f1-a726-2f50-f47637474a12), .testi_container.container-large.relative:where(.w-variant-415a1a80-f3a3-ad24-da36-084b9af27904) {
padding-top: var(--_spacing---section-space--large);
padding-bottom: var(--_spacing---section-space--large);
}
.testi_bottom {
margin-top: auto;
}
.testi_bottom.hflex-center-bottom.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.testi_bottom.align-self-end {
width: auto;
max-width: 50%;
}
.testi_bottom.align-self-end.vflex-left-center.gap-1.is-center {
align-self: auto;
width: auto;
margin-top: 0;
}
.testi_bottom.hflex-right-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.testi_bottom.hflex-right-center.gap-6.is-grid {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--16px);
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: grid;
}
.testi_left {
padding: var(--_spacing---space--32px);
}
.testi_right {
aspect-ratio: 1078 / 546;
width: 72.8378%;
}
.testi_right.relative.is-taller {
aspect-ratio: 1078 / 685;
}
.testi_right.relative.is-thinner {
width: 55.44rem;
max-width: 100%;
}
.testi_right.relative.is-grid {
aspect-ratio: auto;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 34.13rem;
}
.testi_counter {
font-family: var(--_typography---font--mono-family);
color: var(--_theme---icon);
font-size: var(--_spacing---space--96px);
line-height: var(--_typography---line-height--0-92);
letter-spacing: var(--_text-style---letter-spacing);
}
.testi_counter.is-bigger {
font-size: var(--_spacing---space--120px);
}
.testi_card {
padding: var(--_spacing---space--32px);
background-color: var(--_theme---background-2);
}
.testi_card.radius-main.width-full.height-full.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.testi_nav {
padding-bottom: var(--_spacing---space--32px);
padding-left: var(--_spacing---space--32px);
position: absolute;
inset: auto auto 0% 0%;
}
.testi_nav.hflex-left-stretch.gap-1.zindex-3.is-right {
padding-right: var(--_spacing---space--32px);
padding-bottom: var(--_spacing---space--32px);
inset: auto 0% 0% auto;
}
.testi_icon {
width: var(--_spacing---space--32px);
color: var(--_theme---icon);
}
.testi_middle.flex-grow.vflex-left-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.marquee-1_resource_wrap {
min-height: 5rem;
padding: var(--_spacing---space--20px);
background-color: var(--_theme---icon);
color: var(--_theme---background);
}
.marquee-1_resource_button {
border-radius: var(--button-043-border-radius);
}
.pf-4cards_layout.hflex-center-stretch {
margin-right: -.5px;
}
.pf-4cards_card {
width: 100%;
min-height: 25rem;
padding-top: var(--_spacing---space--40px);
}
.pf-4cards_card.flex-grow {
padding: var(--_spacing---space--40px);
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
align-items: flex-start;
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5.is-about {
min-height: 19rem;
}
.pf-4cards_heading {
color: var(--_theme---eyebrow-text);
}
.team_container.container-large {
padding: var(--_spacing---space--24px);
}
.team_cms_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team_cms_list.gap-1 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.team_cms_card {
padding: var(--_spacing---space--24px);
aspect-ratio: 461 / 616;
background-color: var(--_theme---background-3);
}
.team_cms_card_lkd {
width: var(--_spacing---space--72px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
transition: color .8s, background-color .8s;
}
.team_cms_card_top {
left: auto;
top: var(--_spacing---space--32px);
right: var(--_spacing---space--32px);
position: absolute;
bottom: auto;
}
.team_cms_card_bottom {
margin-top: auto;
}
.team_cms_accordion_wrap {
background-color: var(--_theme---background-2);
}
.team_cms_accordion_top {
padding: var(--_spacing---space--16px);
}
.team_cms_accordion_bottom {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 0fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team_cms_accordion_padding {
padding: var(--_spacing---space--2px) var(--_spacing---space--16px) var(--_spacing---space--16px);
}
._6cards_layout {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: -1px;
display: grid;
}
._6cards_card {
padding: var(--_spacing---space--40px);
}
._6cards_card_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
._6cards_card_text {
margin-top: auto;
}
.testi_avatar {
width: 14.38rem;
height: 14.38rem;
}
.testi_avatar.radius-main {
aspect-ratio: 1;
object-fit: cover;
}
.testi_cta {
min-height: 3.5rem;
}
.diagram_image {
aspect-ratio: 2.39;
object-fit: cover;
width: 180%;
max-width: none;
}
.sticky-cards_layout {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sticky-cards_left {
margin-top: -1px;
margin-bottom: -1px;
}
.sticky-cards_list {
min-height: 100%;
margin-bottom: -.5px;
}
.sticky-cards_item {
min-height: 14rem;
padding: var(--_spacing---space--24px) var(--_spacing---space--40px);
}
.sticky-cards_item.hflex-left-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.sticky-cards_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.sticky-cards_content.hflex-left-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.sticky-cards_sticky {
top: var(--_spacing---section-space--nav-gap);
min-height: calc(28rem + 1px);
position: sticky;
}
.sticky-cards_sticky.hflex-left-center.is-integrations {
min-height: 24.25rem;
}
.sticky-cards_header {
width: 100%;
padding: var(--_spacing---space--24px) var(--_spacing---space--40px);
}
.jobs_layout {
padding-top: var(--_spacing---space--40px);
padding-bottom: var(--_spacing---space--40px);
}
.jobs_layout.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.jobs_item {
padding: var(--_spacing---space--32px);
background-color: var(--_theme---background-2);
}
.jobs_button {
min-width: 12rem;
}
.process_layout.hflex-center-center {
grid-column-gap: var(--_spacing---space--160px);
grid-row-gap: var(--_spacing---space--160px);
}
.process_right {
width: 45.81rem;
max-width: 100%;
}
.process_card {
background-color: var(--_theme---background-2);
}
.process_top {
padding: var(--_spacing---space--8px) var(--_spacing---space--20px) var(--_spacing---space--8px) var(--_spacing---space--8px);
}
.process_top.hflex-left-center.gap-3 {
width: 100%;
}
.process_bottom {
grid-template-rows: 0fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.process_padding {
padding: var(--_spacing---space--16px) var(--_spacing---space--8px) var(--_spacing---space--8px);
}
.process_content {
padding: var(--_spacing---space--16px);
background-color: var(--_theme---background-3);
}
.process_number {
width: var(--_spacing---space--56px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.process_icon_wrap {
margin-left: auto;
}
.jobs_button_mobile {
min-width: auto;
display: none;
}
.cta_input {
min-height: 3.5rem;
padding: var(--_spacing---space--8px) var(--_spacing---space--16px);
border: 1px solid var(--swatch--transparent);
background-color: var(--swatch--transparent);
}
.cta_input:focus, .cta_input:focus-visible, .cta_input[data-wf-focus-visible] {
border: 1px solid var(--swatch--transparent);
outline-color: var(--swatch--transparent);
outline-offset: 0px;
outline-width: 1px;
outline-style: none;
}
.cta_input_help-text {
text-align: left;
padding-top: .5rem;
transition: opacity .4s;
position: absolute;
inset: 100% 0% auto;
}
.cta_button {
padding-right: .5rem;
}
.brief_left {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 46.56rem;
max-width: 100%;
display: grid;
}
.brief_left.gap-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.brief_right {
padding: var(--_spacing---space--32px);
}
.brief_card {
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.brief_card.is-large {
grid-column: span 2;
}
.brief_card_big {
color: var(--_theme---eyebrow-text);
}
.steps_layout.hflex-center-stretch.gap-custom {
grid-column-gap: var(--_spacing---space--120px);
grid-row-gap: var(--_spacing---space--120px);
}
.steps_right {
width: 44rem;
max-width: 100%;
padding-right: var(--site--padding);
}
.steps_right.vflex-stretch-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.steps_left.flex-grow.is-negative-margin {
margin-top: -1px;
margin-bottom: -1px;
}
.steps_sticky {
padding-left: var(--site--padding);
top: calc(var(--_spacing---section-space--page-top) + 3rem);
position: sticky;
}
.steps_deco_wrap {
padding-right: var(--_spacing---space--80px);
}
.steps_deco_dot {
border-radius: var(--radius--round);
background-color: var(--_theme---icon);
width: .75rem;
height: .75rem;
}
.steps_deco_line {
background-color: var(--_theme---text-3);
width: 1px;
height: 30rem;
position: absolute;
inset: 50% auto 0% .38rem;
transform: translate(-50%);
}
.steps_card {
padding: var(--_spacing---space--24px);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
}
.steps_card.flex-grow.vflex-left-center.gap-5:where(.w-variant-070613fb-c633-7248-d8a1-b764bc7605a7) {
background-color: var(--_theme---background-2);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.steps_card.flex-grow.vflex-left-center.gap-5.theme-light {
background-color: var(--_theme---background-2);
color: var(--_theme---text);
}
.steps_card_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.steps_card_icon.vflex-center-center.radius-small.flex-noshrink:where(.w-variant-070613fb-c633-7248-d8a1-b764bc7605a7) {
background-color: var(--_theme---icon-bg);
color: var(--_theme---eyebrow-text);
}
.steps_deco_mask {
z-index: 3;
background-color: var(--_theme---background);
width: 100%;
height: 30rem;
display: none;
position: absolute;
inset: 100% 0% auto;
}
.partner-callout_container.container-large {
padding: var(--_spacing---space--40px);
}
.partner-callout_card {
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.tabs-autoplay_button_item {
width: 100%;
padding: var(--_spacing---space--8px);
background-color: var(--_theme---background-2);
cursor: pointer;
border-radius: 1.25rem;
transition: background-color .8s;
position: relative;
overflow: clip;
}
.tabs-autoplay_button_item.is-active {
background-color: var(--swatch--transparent);
position: relative;
}
.tabs-autoplay_button_list {
flex-flow: column;
display: flex;
}
.tabs-autoplay_header.text-h6 {
margin-bottom: 0;
}
.tabs-autoplay_content_img {
border-radius: var(--radius--main);
object-fit: cover;
height: 100%;
position: absolute;
inset: 0%;
}
.tabs-autoplay_content_item {
overflow: hidden;
}
.tabs-autoplay_content_wrap {
width: 50%;
}
.tabs-autoplay_progress {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
overflow: clip;
}
.tabs-autoplay_progress.is-active {
background-color: var(--_theme---icon);
height: 0%;
inset: auto 0% 0%;
}
.tabs-autoplay_menu_content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 0fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tabs-autoplay_button_wrap {
width: 50%;
max-width: 100%;
}
.tabs-autoplay_menu_clip {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.tabs-autoplay_wrap {
justify-content: space-between;
display: flex;
}
.tabs-autoplay_js {
display: none;
}
.tabs-autoplay_btn {
border: 1px solid #000;
padding: 1rem;
display: inline-block;
}
.tabs-autoplay_content_visual {
aspect-ratio: 1;
margin: -1px;
position: relative;
}
.tabs-autoplay_btn_wrap {
margin-top: 2rem;
}
.tabs-autoplay_css {
display: none;
}
.tabs_container.container-large.is-full-height {
flex-flow: column;
justify-content: center;
align-items: stretch;
min-height: 90svh;
display: flex;
}
.tabs-autoplay_number {
width: var(--_spacing---space--72px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---background);
}
.tabs-autoplay_menu_text {
padding-top: var(--_spacing---space--24px);
}
.oc-hero_left-right {
padding-left: var(--site--padding);
}
.oc-hero_left-right.hflex-left-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.oc-hero_left-right.hflex-left-center.gap-6:where(.w-variant-2f71c6a1-d29b-55b9-bdbf-b86dd2964703) {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
--_gap---size: var(--_spacing---space--24px);
}
.oc-hero_left-right.hflex-left-center.gap-6.is-to-top {
justify-content: flex-start;
align-items: flex-start;
}
.oc-hero_visual {
aspect-ratio: 700 / 550;
border-top-left-radius: var(--radius--main);
width: 50%;
}
.oc-hero_visual.overflow-hidden.relative:where(.w-variant-2f71c6a1-d29b-55b9-bdbf-b86dd2964703) {
aspect-ratio: 1;
border-radius: var(--radius--main);
}
.oc-hero_visual.overflow-hidden.relative.is-form {
width: 40%;
padding-right: var(--site--padding);
aspect-ratio: auto;
background-color: var(--swatch--transparent);
border-radius: 0;
margin-left: auto;
}
.oc-hero_overlay {
background-image: linear-gradient(0deg, var(--_theme---background) 5%, var(--swatch--transparent) 80%);
}
.oc-hero_overlay.cover-absolute.zindex-2:where(.w-variant-2f71c6a1-d29b-55b9-bdbf-b86dd2964703) {
display: none;
}
.oc-z-pattern_badge {
padding: var(--_spacing---space--16px);
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.oc-z-pattern_badge_icon {
width: var(--_spacing---space--80px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.oc-z-pattern_badge_image {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
}
.oc-z-pattern_text.vflex-left-center {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
}
.testi_left_subtext.text-h4.display-inline {
display: inline;
}
.testi_left_badge {
padding: var(--_spacing---space--8px);
background-color: var(--_theme---background-2);
}
.testi_left_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.testi_left_badge_text {
color: var(--_theme---eyebrow-text);
}
.cta_background_wrap.cover-absolute.overflow-hidden {
z-index: 1;
}
.pf-4cards_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.pf-4cards_image {
width: var(--_spacing---space--32px);
aspect-ratio: 1;
}
.background-transparent {
background-color: #0000;
}
.oc-z-pattern_image {
width: 100%;
}
.text-mono {
font-family: var(--_typography---font--mono-family);
letter-spacing: var(--_typography---letter-spacing--4);
}
.theme-lab {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: #011214;
--_theme---text: var(--swatch--cyan);
--_theme---border: var(--swatch--cyan);
--_theme---button-cyan--icon-box: #011214;
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--cyan-darkestest);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--dark-100);
--_theme---button-cyan--text: #011214;
--_theme---button-cyan--text-hover: var(--swatch--dark-100);
--_theme---button-blue--background: var(--swatch--cyan-darkest);
--_theme---button-blue--background-hover: var(--swatch--cyan-darkestest);
--_theme---button-blue--text: var(--swatch--cyan);
--_theme---button-blue--text-hover: var(--swatch--cyan);
--_theme---button-blue--icon-box: var(--swatch--cyan);
--_theme---button-blue--icon-box-hover: var(--swatch--cyan);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--cyan-darkestest);
--_theme---text-2: var(--swatch--cyan-darker);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--light-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--cyan);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-900);
--_theme---button-light--icon-hover: var(--swatch--cyan);
--_theme---button-cyan--icon: var(--swatch--cyan);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan);
--_theme---button-blue--icon: var(--swatch--cyan-darkest);
--_theme---button-blue--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-light--background: var(--swatch--cyan);
--_theme---button-light--text: #011214;
--_theme---button-light--icon: var(--swatch--cyan);
--_theme---button-light--icon-box: #011214;
--_theme---button-light--background-hover: var(--swatch--cyan-lighter);
--_theme---button-light--text-hover: var(--swatch--dark-100);
--_theme---button-light--icon-box-hover: var(--swatch--dark-100);
--_theme---button-dark--background: var(--swatch--cyan-darkest);
--_theme---button-dark--text: var(--swatch--cyan);
--_theme---button-dark--icon: var(--swatch--cyan-darkest);
--_theme---button-dark--icon-box: var(--swatch--cyan);
--_theme---button-dark--background-hover: var(--swatch--cyan-darkestest);
--_theme---button-dark--text-hover: var(--swatch--cyan);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.main_pattern_side {
background-image: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a5a3042bb5cf3b156c9dbb1_49d6b3769101f8b43483eb3c7e7559c2_lab_pattern.avif");
background-position: 0 0;
background-size: 13.75rem 13.75rem;
width: 100vw;
position: absolute;
inset: 0% auto 0% 100%;
}
.main_pattern_side.is-right {
background-position: 100% 0;
inset: 0% 100% 0% auto;
}
.main_pattern_side.is-left {
left: calc(100% - 1px);
}
.lab-intro_container.container-large.is-custom-height {
flex-flow: column;
justify-content: center;
align-items: stretch;
min-height: 34.375rem;
display: flex;
}
.lab-intro_layout {
max-width: 67.5rem;
padding: var(--_spacing---space--40px);
}
.tech-blog_container.container-large.overflow-hidden.is-custom-height {
min-height: 37.8125rem;
}
.blog-feed_pattern.cover-absolute {
background-image: url("https://cdn.prod.website-files.com/6a2184b69833d9fd0aa95783/6a5a6d381aa9e35a7a2257f4_lab_pattern_dot.png");
background-position: 50%;
background-size: 1.5rem 1.5rem;
}
.rs-team_grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: -1px;
display: grid;
}
.rs-team_card {
padding: var(--_spacing---space--40px);
}
.blog-feed_left {
width: 60%;
}
.blog-feed_left.relative.width-full {
width: 100%;
}
.blog-feed_sticky {
top: var(--_spacing---section-space--nav-gap);
padding-top: var(--_spacing---space--20px);
padding-bottom: var(--_spacing---space--20px);
margin-top: -1px;
margin-bottom: -1px;
position: sticky;
}
.blog-feed_sticky.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.blog-feed_filters_reset {
color: var(--_theme---text-3);
cursor: pointer;
transition: color .4s;
}
.blog-feed_filters_reset:hover, .blog-feed_filters_reset:focus-visible, .blog-feed_filters_reset[data-wf-focus-visible] {
color: var(--_theme---text);
}
.rsc-hero_card_fill.cover-absolute {
background-color: var(--_theme---eyebrow-text);
height: 0%;
inset: auto 0% 0%;
}
.story_track {
height: 1000svh;
}
.story_sticky {
width: 100%;
height: 100svh;
position: sticky;
top: 0;
}
.story_ui {
width: 100%;
height: 100%;
}
.story_heading {
position: absolute;
inset: 0% 0% auto;
}
.story_header {
text-align: center;
max-width: 46.56rem;
margin-left: auto;
margin-right: auto;
}
.story_action_list.vflex-stretch-top.gap-1 {
width: 100%;
max-width: 30rem;
}
.story_action {
padding: var(--_spacing---space--8px);
background-color: var(--_theme---background-2);
}
.story_action.radius-small.hflex-left-center {
justify-content: flex-start;
align-items: center;
display: flex;
}
.story_action_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
transition: box-shadow .3s, color .4s, background-color .4s;
}
.story_action_icon.vflex-center-center.radius-xsmall.is-color-reverse {
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.story_label_list.cover-absolute {
z-index: 1;
}
.story_label_list.cover-absolute.vflex-center-bottom {
padding: 199px;
}
.story_label_glow {
z-index: 2;
background-color: var(--swatch--cyan);
opacity: 1;
filter: blur(3rem);
mix-blend-mode: plus-lighter;
border-radius: 100%;
width: 14rem;
height: 7rem;
position: absolute;
}
.story_card_list {
left: var(--_spacing---space--40px);
top: var(--_spacing---space--40px);
right: var(--_spacing---space--40px);
bottom: var(--_spacing---space--40px);
margin-top: var(--_spacing---section-space--nav-gap);
position: absolute;
}
.story_card_group {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--8px);
flex-flow: row;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.story_card {
width: 13.2rem;
padding: var(--_spacing---space--16px);
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
aspect-ratio: 1;
border: 1px solid var(--swatch--dark-700);
border-radius: var(--radius--small);
background-color: var(--_theme---background-2);
--_gap---size: var(--_spacing---space--16px);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.story_card_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.story_accordion_list {
left: var(--_spacing---space--40px);
right: var(--_spacing---space--40px);
position: absolute;
}
.story_accordion {
width: 21rem;
max-width: 100%;
margin-bottom: var(--_spacing---space--8px);
}
.story_accordion_top {
grid-column-gap: var(--_icon-sizes---size);
grid-row-gap: var(--_icon-sizes---size);
justify-content: flex-start;
align-items: center;
display: flex;
}
.story_accordion_bottom {
grid-template-rows: 0fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.story_accordion_number_wrap {
aspect-ratio: 1;
border-radius: var(--radius--small);
background-color: var(--_theme---background-2);
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.story_accordion_title {
color: var(--_theme---eyebrow-text);
}
.story_accordion_padding {
padding-top: var(--_icon-sizes---size);
padding-bottom: var(--_spacing---space--8px);
}
.story_accordion_fill_wrap.cover-absolute {
background-color: var(--_theme---icon-bg);
}
.story_accordion_fill {
background-color: var(--_theme---icon);
width: 100%;
height: 0%;
position: absolute;
inset: auto 0% 0%;
}
.story_accordion_number {
color: var(--_theme---text-3);
}
.story_label_inner {
padding: var(--_spacing---space--4px) var(--_spacing---space--8px);
border-radius: var(--radius--xsmall);
background-color: var(--swatch--dark-600);
color: var(--swatch--light-950);
position: relative;
}
.story_final {
position: absolute;
inset: 0%;
}
.story_final_text {
text-align: center;
width: 29.69rem;
max-width: 100%;
}
.story_label_text {
font-family: var(--_typography---font--mono-family);
font-size: .88rem;
line-height: var(--_typography---line-height--1-4);
letter-spacing: var(--_typography---letter-spacing--4);
}
.challenge_header {
text-align: center;
}
.challenge_card_list {
width: 63.63rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.challenge_card_list.hflex-center-stretch.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.challenge_card {
width: 50%;
padding: var(--_spacing---space--40px) var(--_spacing---space--24px) var(--_spacing---space--24px);
border: 1px solid var(--_theme---border);
}
.challenge_card.vflex-stretch-top.gap-3.radius-main.relative {
justify-content: flex-start;
align-items: center;
}
.challenge_card_item {
padding: var(--_spacing---space--16px);
background-color: var(--_theme---background-2);
}
.challenge_card_item.radius-small.hflex-left-top.gap-3 {
width: 100%;
}
.challenge_card_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
}
.challenge_card_svg {
width: var(--_spacing---space--32px);
}
.challenge_card_text.flex-grow.vflex-left-top {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
}
.challenge_card_label {
text-align: center;
position: absolute;
inset: 0% auto auto;
transform: translate(0, -50%);
}
.challenge_background.cover-absolute {
inset: auto 0% 0%;
}
.oc-z-pattern_svg {
justify-content: center;
align-items: center;
width: 100%;
max-width: 42.5rem;
display: flex;
}
.g_hubspot_form {
width: 100%;
height: 100%;
}
.ctem_background_inner {
width: auto;
min-width: 100%;
max-width: none;
min-height: 100%;
color: var(--_theme---border);
justify-content: center;
align-items: stretch;
display: flex;
}
.ctem_background_inner.cover-absolute {
z-index: 1;
}
.ctem_background_inner.cover-absolute.pointer-off {
inset: 0% auto 0% 0%;
}
.ctem_background_inner.cover-absolute.pointer-off:where(.w-variant-e802f46b-f0bf-0f9c-3bbb-c8681438c625) {
left: auto;
}
.ctem_background_inner.cover-absolute.width-full {
width: 100%;
}
.integrations_header {
text-align: center;
margin-top: auto;
}
.integrations_filter_wrap.vflex-center-center {
margin: 0;
}
.integrations_form {
padding: var(--_spacing---space--4px);
background-color: var(--_theme---background-2);
border-radius: .75rem;
}
.integrations_radio_wrap {
margin: 0;
padding: 0;
}
.integrations_radio {
margin: 0;
}
.integrations_radio.cover-absolute {
z-index: 3;
border: 1px solid var(--swatch--transparent);
}
.integrations_cms_list {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.integrations_card {
min-height: 22.5rem;
padding: var(--_spacing---space--24px);
background-color: var(--_theme---background-2);
}
.integrations_logo {
object-fit: contain;
width: auto;
max-width: 20rem;
height: auto;
max-height: 4rem;
}
.sticky-cards_int {
min-height: 23.75rem;
padding: var(--_spacing---space--40px);
}
.sticky-cards_int.vflex-left-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.sticky-cards_int_number {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.sticky-cards_int_list.hflex-left-top.gap-1.hflex-wrap {
flex-flow: wrap;
}
.sticky-cards_int_tag.text-tag {
background-color: var(--swatch--blue-darkest);
color: var(--swatch--blue-lighter);
}
.api_header.vflex-center-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
text-align: center;
}
.api_card {
min-height: 16.75rem;
padding: var(--_spacing---space--24px);
background-color: var(--_theme---background-2);
}
.api_card.radius-main.flex-grow.vflex-left-between.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.api_button {
width: var(--_spacing---space--64px);
aspect-ratio: 1;
background-color: var(--_theme---background);
}
.api_button_icon {
color: var(--_theme---icon);
}
.api_card_fill {
z-index: 1;
background-color: var(--_theme---icon);
width: 100%;
height: 0%;
position: absolute;
inset: auto 0% 0%;
}
.about_layout.hflex-center-center {
grid-column-gap: var(--_spacing---space--80px);
grid-row-gap: var(--_spacing---space--80px);
}
.about_left, .about_right {
width: 50%;
}
.about_illu_wrap {
aspect-ratio: 666 / 293;
width: 100%;
}
.about_illu_top {
margin-bottom: var(--_spacing---space--40px);
}
.about_illu_bottom {
margin-top: var(--_spacing---space--16px);
}
.about_illu_shield {
color: var(--_theme---icon);
}
.about_badge_list {
transform: perspective(1000px);
}
.about_badge {
width: 17.5rem;
max-width: 100%;
height: 4.5rem;
padding: var(--_spacing---space--16px);
background-color: var(--_theme---text);
color: var(--_theme---background);
}
.about_badge_icon {
width: var(--_spacing---space--40px);
aspect-ratio: 1;
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.team_cta_card {
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.invest_right {
width: 50rem;
max-width: 100%;
}
.invest_card {
width: 100%;
min-height: 18.13rem;
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.invest_card_logo {
object-fit: contain;
width: auto;
max-width: 18rem;
height: auto;
max-height: 5rem;
}
.leading_layout {
min-height: 46.25rem;
}
.g_bganim_wrap {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.g_bganim_gradient {
filter: url("#liquidWarp");
isolation: isolate;
position: absolute;
inset: 0%;
overflow: hidden;
}
.g_bganim_glow {
aspect-ratio: 2;
will-change: transform, opacity;
width: 80vw;
position: absolute;
}
.g_bganim_noise_overlay {
inset: 0%;
}
.testi_star_wrap {
margin-bottom: .2rem;
margin-left: .4rem;
display: inline-block;
}
.testi_star {
background-color: var(--_theme---icon-bg);
width: 1.88rem;
color: var(--_theme---icon);
}
.testi_star.ratio-1-1 {
aspect-ratio: 1;
}
.testi_star_svg {
width: 1.25rem;
height: 1.25rem;
}
.testi_tooltip {
width: 22rem;
max-width: 90vw;
padding: var(--_spacing---space--8px);
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
margin-left: .4rem;
position: absolute;
inset: auto auto auto 100%;
}
.testi_tooltip.vflex-stretch-top.gap-3.radius-small {
z-index: 10;
}
.testi_tooltip_bottom {
padding: var(--_icon-sizes---size);
background-color: var(--_theme---background-3);
}
.testi_tooltip_icon {
width: var(--_spacing---space--48px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.testi_tooltip_icon.ratio-1-1 {
aspect-ratio: 1;
}
.blog-feed_callout {
padding: var(--_spacing---space--40px);
}
.blog-feed_callout_card {
padding: var(--_spacing---space--24px);
background-color: var(--swatch--cyan-darkest);
}
.leading_left {
width: 34.06rem;
max-width: 100%;
}
.leading_right {
width: 45.13rem;
max-width: 100%;
}
.leading_card {
padding: var(--_spacing---space--24px);
background-color: var(--_theme---background-2);
}
.leading_card_number {
width: var(--_spacing---space--48px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.steps_slot.vflex-stretch-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.globe_header {
text-align: center;
}
.globe_stage {
aspect-ratio: 1;
width: 100%;
max-width: 87.5rem;
margin-bottom: -18rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.globe_stage.is-small {
max-width: 50rem;
margin-bottom: -10rem;
}
.globe_glow {
border-radius: var(--radius--round);
pointer-events: none;
width: 140%;
height: 140%;
position: absolute;
bottom: -30%;
left: 50%;
transform: translate(-50%);
}
.globe_pin {
padding-top: var(--_spacing---space--8px);
padding-right: var(--_spacing---space--8px);
padding-bottom: var(--_spacing---space--8px);
padding-left: var(--_spacing---space--8px);
background-color: var(--_theme---background);
opacity: 0;
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
will-change: transform, opacity;
transition-property: opacity;
transition-duration: .3s;
transition-timing-function: ease;
position: absolute;
inset: 0% auto auto 0%;
box-shadow: 0 2px 3rem #000c;
}
.globe_pin_icon {
width: var(--_spacing---space--40px);
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.globe_canvas {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.oc-hero_slider_wrap {
aspect-ratio: 492 / 390;
width: 30.75rem;
margin-left: auto;
}
.oc-hero_slider_card {
width: 100%;
height: 100%;
padding: var(--_spacing---space--32px);
background-color: var(--_theme---background-3);
}
.oc-hero_slider_icon {
width: 1.88rem;
color: var(--_theme---icon);
}
.oc-hero_slider_bottom {
margin-top: auto;
}
.overview_card_image {
aspect-ratio: 627 / 432;
}
.overview_card_image.relative {
width: 100%;
}
.overview_card_overlay {
padding: var(--_spacing---space--12px);
position: absolute;
inset: auto 0% 0%;
}
.overview_overlay_card {
width: 50%;
padding: var(--_icon-sizes---size);
background-color: var(--_theme---background);
}
.overview_overlay_icon {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.overview_overlay_text {
color: var(--_theme---eyebrow-text);
}
.overview_header_card {
width: 39.69rem;
max-width: 100%;
padding: var(--_icon-sizes---size);
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.overview_header_card_icon {
width: var(--_spacing---space--80px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.overview_header_card_image {
width: var(--_spacing---space--48px);
}
.overview_header_card_text.flex-grow.vflex-left-center {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
}
.overview_header_card_title {
color: var(--_theme---icon-bg);
}
.overview_header_card_title.text-h6.mb-0 {
margin-bottom: 0;
}
.programs_layout {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.programs_left {
padding-right: var(--_spacing---space--24px);
padding-left: var(--_spacing---space--24px);
}
.programs_right {
padding: var(--_spacing---space--24px);
}
.programs_card {
min-height: 26.25rem;
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.programs_card.radius-main.vflex-left-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.programs_card.radius-main.vflex-left-center.gap-6.relative:where(.w-variant-bd8e12a5-b446-8f26-d789-a6243dfa1a4c) {
min-height: 22rem;
}
.programs_card_header {
color: var(--_theme---eyebrow-text);
}
.programs_sticky {
top: var(--_spacing---section-space--nav-gap);
position: sticky;
}
.testi_zone {
width: 5rem;
height: 5rem;
position: absolute;
}
.testi_case {
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.testi_case.radius-main.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.testi_case_bottom {
margin-top: auto;
}
.testi_case_cms {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.testi_case_list {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--16px);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.become_container {
padding-right: var(--_spacing---space--80px);
padding-left: var(--_spacing---space--80px);
}
.become_container.container-large.relative {
padding-bottom: 1px;
}
.become_left {
width: 32.06rem;
max-width: 100%;
}
.become_right {
width: 37.31rem;
max-width: 100%;
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background);
}
.become_placeholder {
min-height: 23rem;
margin-top: 4rem;
}
.oc-hero_callout_wrap {
margin-top: var(--_spacing---space--16px);
padding: var(--_spacing---space--8px);
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.oc-hero_callout_icon {
width: var(--_spacing---space--64px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.oc-hero_callout_image {
width: var(--_spacing---space--40px);
}
.benefits_layout {
min-height: 57rem;
}
.benefits_top.vflex-center-center.gap-4 {
text-align: center;
}
.benefits_card {
max-width: 50%;
min-height: 19.5rem;
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.benefits_card_icon {
width: var(--_spacing---space--48px);
background-color: var(--_theme---icon);
color: var(--_theme---icon-bg);
}
.benefits_card_text {
margin-top: auto;
}
.benefits_callout_wrap {
padding: var(--_spacing---space--40px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.benefits_callout_text.text-h6.mb-0 {
margin-bottom: 0;
}
.sticky-cards_callout {
padding: var(--_spacing---space--24px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.sticky-cards_label {
color: var(--swatch--cyan-lightest);
}
.nav_dropdown_column {
width: 21.75rem;
max-width: 100%;
}
.nav_item_wrap {
width: 100%;
min-height: 5.5rem;
padding: var(--_spacing---space--8px) var(--_spacing---space--24px);
background-color: var(--_theme---background);
}
.nav_item_wrap.radius-small.hflex-between-center.gap-4.relative:where(.w-variant-cd0b5ace-6f8c-2d37-3d32-aa8554451e62) {
background-color: var(--swatch--cyan-lighter);
color: var(--_theme---button-light--icon-hover);
}
.nav_item_text {
color: var(--_theme---text);
}
.nav_item_text.text-h7.mb-0.display-inline {
display: inline;
}
.nav_item_text.text-h7.mb-0.display-inline:where(.w-variant-cd0b5ace-6f8c-2d37-3d32-aa8554451e62) {
color: var(--_theme---eyebrow-background);
}
.nav_item_number {
background-color: var(--_theme---icon-bg);
min-width: 1.25rem;
height: 1.25rem;
color: var(--_theme---icon);
text-align: center;
padding-left: .3rem;
padding-right: .3rem;
}
.nav_item_number.text-label-tiny.vflex-center-center.radius-round.display-inline-block {
margin-bottom: .5rem;
margin-left: .3rem;
display: inline-block;
}
.nav_dropdown_callout_second {
padding: var(--_spacing---space--16px);
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_dropdown_callout_card {
padding: var(--_spacing---space--24px);
background-color: var(--swatch--cyan-lighter);
}
.nav_dropdown_callout_text {
margin-top: auto;
}
.nav_dropdown_callout_icon {
color: var(--_theme---icon-bg);
}
.nav_dropdown_callout_title {
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_dropdown_callout_title.text-h7.mb-0 {
margin-bottom: var(--size--0rem);
}
.hflex-left-center {
justify-content: flex-start;
align-items: center;
display: flex;
}
.timeline_header {
width: 44.56rem;
max-width: 100%;
}
.timeline_card {
min-height: 21.5rem;
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.timeline_icon {
width: var(--_spacing---space--48px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.timeline_button {
margin-top: auto;
}
.timeline_deco {
padding-top: var(--_spacing---space--80px);
justify-content: center;
align-items: center;
display: flex;
}
.timeline_deco_line {
background-color: var(--_theme---text-3);
width: 100%;
height: 1px;
margin-left: -.75rem;
position: absolute;
left: 50%;
}
.first_header {
text-align: center;
}
.first_header.vflex-center-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.first_tab_wrap {
width: 62.25rem;
max-width: 100%;
margin: var(--_spacing---space--40px) auto;
aspect-ratio: 996 / 507;
}
.first_link_list {
position: absolute;
inset: auto auto 0% 0%;
}
.first_link_list.zindex-3 {
left: var(--_spacing---space--16px);
bottom: var(--_spacing---space--16px);
}
.first_tab_image {
mix-blend-mode: screen;
}
.first_link {
border-radius: var(--radius--small);
width: 3rem;
height: 3rem;
transition: all .5s;
}
.first_link.radius-main.overflow-hidden.vflex-center-center.is-active {
width: 18rem;
}
.first_link_icon {
background-color: var(--_theme---text);
width: 3rem;
height: 3rem;
color: var(--_theme---background-3);
}
.first_link_icon.ratio-1-1.radius-small.vflex-center-center.relative.overflow-hidden {
flex: none;
}
.first_link_fill_wrap {
background-color: var(--_theme---text);
}
.first_link_fill_wrap.cover-absolute {
z-index: 2;
}
.first_link_fill {
background-color: var(--_theme---icon);
height: 0%;
}
.first_link_card {
background-color: var(--swatch--transparent);
width: 100%;
max-width: 100%;
height: 100%;
color: var(--_theme---text);
--_theme---background: var(--swatch--light-100);
--_theme---text: var(--swatch--dark-100);
--_theme---border: var(--swatch--dark-100);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--light-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--light-500);
--_theme---text-2: var(--swatch--dark-800);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-500);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--light-300);
--_theme---eyebrow-background: var(--swatch--cyan-lightest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--dark-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--dark-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: var(--swatch--cyan);
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: var(--swatch--cyan-darkest);
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.first_link_card_title {
opacity: 0;
}
.first_link_card_padding {
width: 100%;
height: 100%;
padding: var(--_spacing---space--16px) var(--_spacing---space--8px) var(--_spacing---space--8px);
}
.first_link_card_content {
opacity: 0;
}
.tabs-autoplay_content_img-2 {
height: 100%;
position: absolute;
inset: 0%;
}
.accordion-cms_toggle_icon-2 {
aspect-ratio: 1;
flex: none;
width: 1.4rem;
}
.tabs-autoplay_content_wrap-2 {
flex: none;
width: 50%;
}
.tabs-autoplay_progress-2 {
z-index: 2;
background-color: #dbdbdb;
width: 3px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
overflow: clip;
}
.tabs-autoplay_progress-2.is-active {
background-color: #000;
height: 0%;
left: 0;
}
.tabs-autoplay_button_wrap-2 {
width: 50%;
max-width: 44rem;
}
.tabs-autoplay_button_item-2 {
cursor: pointer;
align-items: flex-start;
width: 100%;
padding: .8rem .5rem .8rem 2rem;
display: flex;
position: relative;
overflow: clip;
}
.tabs-autoplay_button_item-2.is-active {
background-color: #f5f5f5;
outline-color: #000;
position: relative;
}
.first_link_card_bg {
background-color: var(--_theme---background);
opacity: 0;
}
.first_tab_cta {
top: auto;
left: auto;
right: var(--_spacing---space--16px);
bottom: var(--_spacing---space--16px);
z-index: 3;
position: absolute;
}
.story_label_highlight {
width: var(--_spacing---space--48px);
background-color: var(--_theme---icon);
opacity: 0;
pointer-events: none;
color: var(--_theme---icon-bg);
margin-right: 1rem;
position: absolute;
inset: auto 100% auto auto;
transform: scale(0);
}
.animation-cover {
z-index: 2;
aspect-ratio: 2.39;
width: 100%;
}
.footer_content_top.hflex-between-center {
grid-column-gap: var(--_spacing---space--120px);
grid-row-gap: var(--_spacing---space--120px);
}
.footer_social_link {
width: var(--_spacing---space--48px);
aspect-ratio: 1;
background-color: var(--swatch--dark-600);
color: var(--swatch--light-950);
transition: background-color .2s, color .2s;
}
.footer_social_link:hover {
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.footer_bottom_legal {
display: inline;
}
.footer_bottom_link {
transition: opacity .2s;
}
.footer_bottom_link:hover {
opacity: .6;
}
.footer_bottom_link_list {
margin-top: -.7rem;
}
.labs-callout_layout {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.labs-callout_left {
padding-top: var(--_spacing---space--40px);
padding-bottom: var(--_spacing---space--40px);
}
.labs-callout_svg {
width: 25rem;
}
.first_search_wrap {
margin-top: var(--_spacing---space--64px);
margin-bottom: 0;
}
.topic_layout.vflex-left-top.gap-6, .topic_layout.hflex-left-center.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.topic_cms.is-explore-more {
flex: 1;
max-width: 66%;
margin-left: auto;
}
.topic_list {
grid-column-gap: var(--_spacing---space--40px);
grid-row-gap: var(--_spacing---space--40px);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.topic_list.is-explore-more {
grid-template-columns: 1fr 1fr;
}
.topic_card {
width: 100%;
height: 100%;
min-height: 21.5rem;
padding: var(--_spacing---space--40px);
background-color: var(--_theme---background-2);
}
.topic_card_icon {
width: var(--_spacing---space--48px);
background-color: var(--_theme---icon-bg);
color: var(--_theme---icon);
}
.text-h5 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--1-14);
--_text-style---font-weight: var(--_typography---primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--4);
--_text-style---margin-top: var(--_spacing---space--24px);
--_text-style---margin-bottom: var(--_spacing---space--24px);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-warp: balanced;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
padding-bottom: .05em;
display: flow-root;
}
.topic_card_count_wrap.text-color-2.text-label-small.hflex-left-center.gap-1 {
display: flex;
}
.topic_card_button {
margin-top: auto;
}
.start-here_layout.vflex-left-top.gap-6, .updated_layout.hflex-center-stretch.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.updated_side {
width: 50%;
}
.updated_sticky {
top: var(--_spacing---section-space--nav-gap);
position: sticky;
}
.updated_list.vflex-stretch-top.gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
}
.tp-body_author_link {
position: absolute;
inset: 0% 0% auto auto;
}
.tp-body_author_anchor {
width: 1px;
height: 1px;
margin-top: calc(var(--_spacing---section-space--nav-gap) * -1);
position: absolute;
}
.tp-body_pdf-embed {
background-color: var(--_theme---background-2);
width: 100%;
height: 800px;
}
.oc-hero_svg {
aspect-ratio: 467 / 421;
width: 29.19rem;
color: var(--_theme---background);
mix-blend-mode: soft-light;
margin-left: auto;
margin-right: auto;
}
.story_skip {
top: auto;
left: auto;
right: var(--_spacing---space--40px);
bottom: var(--_spacing---space--40px);
position: absolute;
}
.story_anchor {
width: 100%;
height: 0;
}
.markitecture_component {
position: relative;
}
.markitecture_group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: var(--radius--small);
background-color: var(--swatch--dark-300);
flex-flow: column;
align-items: center;
padding: .5rem;
display: flex;
position: relative;
}
.markitecture_group.is-blue {
background-color: var(--swatch--cyan-darkestest);
}
.markitecture_group.is-outline {
border: 1px solid var(--swatch--light-950);
border-radius: var(--radius--main);
background-color: var(--swatch--transparent);
align-items: stretch;
padding: 2rem 1rem 1rem;
}
.markitecture_group.is-outline.is-center {
width: 100%;
max-width: 65rem;
margin-left: auto;
margin-right: auto;
}
.markitecture-text.text-mono.uppercase.text-tiny.is-blue {
color: var(--swatch--cyan-light);
}
.markitecture-text.text-small.color-white {
color: var(--swatch--light-100);
}
.markitecture_cards_row.grid-autofit {
--_column-count---value: 6;
grid-template-columns: repeat(auto-fit, minmax(min(max(4rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
width: 100%;
height: 100%;
}
.markitecture_cards_row.grid-autofit._6col {
--_column-count---value: 6;
}
.markitecture_cards_row.is-horizontal {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.markitecture_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: var(--radius--small);
background-color: var(--swatch--dark-100);
flex-flow: column;
padding: .25rem;
display: flex;
}
.markitecture_card.is-blue {
width: 100%;
height: 100%;
color: var(--swatch--cyan);
background-color: color-mix(in srgb, var(--swatch--cyan-darkestest) 70%, black);
}
.markitecture_card.is-blue.is-action {
background-color: var(--swatch--cyan-darkest);
justify-content: space-between;
min-height: 10.13rem;
padding: .5rem;
position: relative;
}
.markitecture_card.is-gradient {
cursor: pointer;
justify-content: center;
width: 100%;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.markitecture_card.is-gradient.reversed {
align-items: stretch;
}
.markitecture_logo {
max-width: 20rem;
margin-left: auto;
margin-right: auto;
}
.markitecture_logo.is-platform {
justify-content: center;
align-items: center;
width: 100%;
max-width: 6rem;
display: flex;
}
.markitecture_icon {
border-radius: var(--radius--xsmall);
background-color: var(--swatch--dark-300);
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
padding: .5rem;
display: flex;
}
.markitecture_icon.is-blue {
background-color: var(--swatch--blue-darkest);
}
.markitecture_icon.is-plus {
background-color: var(--swatch--transparent);
flex: none;
width: 1.54rem;
height: 1.54rem;
padding: 0;
}
.markitecture_connectors {
width: 70%;
margin-left: auto;
margin-right: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.markitecture_connectors.is-bottom {
width: 65%;
}
.markitecture_label {
border-radius: var(--radius--small);
background-color: var(--swatch--light-100);
max-width: 14rem;
height: 2.25rem;
color: var(--swatch--dark-100);
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: .25rem .5rem;
display: flex;
position: absolute;
top: -1.125rem;
left: 0;
right: 0;
}
.markitecture_btn {
justify-content: space-between;
align-items: center;
display: flex;
}
.mk-pop_close {
border-radius: var(--radius--small);
background-color: var(--_theme---button-cyan--icon);
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
padding: .5rem;
display: flex;
}
.gradient_blur.cover-absolute {
-webkit-backdrop-filter: blur(.5rem);
backdrop-filter: blur(.5rem);
}
@media screen and (max-width: 991px) {
.styleguide_contain.container-large.padding-section-medium.grid-custom {
--_column-count---value: 1;
}
.grid-desktop {
flex-flow: column;
display: flex;
}
.max-width-full-tablet {
width: 100%;
max-width: 100%;
}
.grid-column-4 {
grid-template-columns: var(--grid-2);
}
.styleguide_layout {
justify-content: flex-start;
align-items: stretch;
}
.styleguide_layout.column-9 {
grid-column: 1 / span 1;
}
.order-last-desktop {
order: 0;
}
.styleguide_scroll {
margin-right: calc(var(--site--margin) * -1);
padding-right: 0;
}
.order-first-desktop {
order: 0;
}
.components_layout.grid-autofit {
--_column-count---value: 1;
}
.nav_links_component {
color: inherit;
}
.nav_contain {
background-color: var(--nav--nav-bg);
position: relative;
}
.nav_contain:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0) {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
border-radius: 0;
}
.nav_contain:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1) {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
}
.nav_contain.is-desktop.dark-40, .nav_contain.dark-29 {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-100);
--_theme---text: var(--swatch--light-100);
--_theme---border: var(--swatch--dark-900);
--_theme---button-cyan--icon-box: var(--swatch--cyan-lightest);
--_theme---button-cyan--background: var(--swatch--cyan);
--_theme---background-2: var(--swatch--dark-300);
--_theme---button-cyan--background-hover: var(--swatch--cyan-lighter);
--_theme---button-cyan--icon-box-hover: var(--swatch--light-100);
--_theme---button-cyan--text: var(--swatch--cyan-darkest);
--_theme---button-cyan--text-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--background: var(--swatch--blue);
--_theme---button-blue--background-hover: var(--swatch--blue-lighter);
--_theme---button-blue--text: var(--swatch--blue-darkest);
--_theme---button-blue--text-hover: var(--swatch--blue-darkest);
--_theme---button-blue--icon-box: var(--swatch--cyan-lightest);
--_theme---button-blue--icon-box-hover: var(--swatch--light-100);
--_theme---eyebrow-text: var(--swatch--cyan);
--_theme---background-3: var(--swatch--dark-500);
--_theme---text-2: var(--swatch--light-950);
--_theme---icon: var(--swatch--cyan);
--_theme---text-3: var(--swatch--dark-900);
--_theme---button-link--color\: #010101;
--_theme---button-link--color-hover\: #1531bc;
--_theme---border-2: var(--swatch--dark-300);
--_theme---eyebrow-background: var(--swatch--cyan-darkestest);
--_theme---icon-bg: var(--swatch--cyan-darkest);
--_theme---text-4: var(--swatch--light-400);
--_theme---button-light--icon-hover: var(--swatch--blue-darkest);
--_theme---button-cyan--icon: var(--swatch--cyan-darkest);
--_theme---selection--background: var(--swatch--cyan);
--_theme---selection--text: var(--swatch--light-100);
--_theme---button-cyan--icon-hover: var(--swatch--cyan-darkest);
--_theme---button-blue--icon: var(--swatch--blue-darkest);
--_theme---button-blue--icon-hover: var(--swatch--blue-darkest);
--_theme---button-light--background: var(--swatch--light-400);
--_theme---button-light--text: var(--swatch--blue-darkest);
--_theme---button-light--icon: var(--swatch--blue-darkest);
--_theme---button-light--icon-box: var(--swatch--light-600);
--_theme---button-light--background-hover: var(--swatch--light-600);
--_theme---button-light--text-hover: var(--swatch--blue-darkest);
--_theme---button-light--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--background: var(--swatch--dark-200);
--_theme---button-dark--text: var(--swatch--light-300);
--_theme---button-dark--icon: var(--swatch--light-800);
--_theme---button-dark--icon-box: #ffffff1a;
--_theme---button-dark--background-hover: var(--swatch--dark-400);
--_theme---button-dark--text-hover: var(--swatch--light-300);
--_theme---button-dark--icon-box-hover: var(--swatch--cyan);
--_theme---button-dark--icon-hover: var(--swatch--dark-200);
--_theme---button-arrow--background: var(--swatch--dark-200);
--_theme---button-arrow--icon: white;
--_theme---button-arrow--background-hover: var(--swatch--cyan);
--_theme---button-arrow--icon-hover: var(--swatch--cyan-darkestest);
--_theme---button-arrow-small--background: var(--swatch--cyan);
--_theme---button-arrow-small--icon: white;
--_theme---button-arrow-small--background-hover: var(--swatch--cyan-lightest);
--_theme---button-arrow-small--icon-hover: var(--swatch--cyan-darkest);
border-radius: 0;
}
.nav_dropdown_mega_wrap.is-desktop {
position: relative;
}
.nav_dropdown_mega_scroll:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_dropdown_mega_scroll.desktop-42, .nav_dropdown_mega_scroll.desktop-74 {
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
border-radius: var(--nav--radius);
padding-left: var(--nav--spacing-inner-horizontal);
padding-right: var(--nav--spacing-inner-horizontal);
overflow: hidden;
margin-top: var(--nav--height) !important;
overflow-y: auto !important;
}
.nav_links_text {
font-size: 1.5rem;
}
.nav_links_text:where(.w-variant-feaca499-f549-4a5d-8393-8c3f4fa32b38), .nav_links_text.desktop-38, .nav_links_text.desktop-46, .nav_links_text.desktop-54, .nav_links_text.desktop-62, .nav_links_text.desktop-70, .nav_links_text.desktop-78, .nav_links_text.desktop-86, .nav_links_text.desktop-94 {
font-size: 2rem;
}
.nav_wrap.is-desktop {
z-index: 99;
display: none;
}
.nav_wrap.is-mobile {
display: block;
}
.nav_dropdown_text.text-color-faded.text-size-tiny {
color: color-mix(in srgb, var(--_nav---nav-text) 60%, transparent);
}
.nav_btn_wrap.w--open {
color: inherit;
background-color: #c8c8c800;
}
.nav_dropdown_mega_contain.is-desktop {
padding-top: var(--space--1);
padding-bottom: var(--space--);
}
.nav_full:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0), .nav_full.dark-28, .nav_full.dark-39 {
max-width: 100%;
}
.nav_menu_wrap {
background-color: var(--nav--nav-bg);
min-height: 100svh;
color: var(--nav--text-color);
max-width: var(--nav--container);
}
.nav_menu_wrap:where(.w-variant-1e696a1b-1225-97dd-bb18-f5d86363a7f0), .nav_menu_wrap:where(.w-variant-f0b0f421-1614-3bf7-9c09-49cf751476a1), .nav_menu_wrap.dark-31 {
background-color: var(--_theme---background);
color: var(--swatch--light\);
}
.nav_links_link {
padding-top: var(--_spacing---space--32px);
padding-bottom: var(--_spacing---space--16px);
}
.blog_layout.grid-custom {
--_column-count---value: 1;
}
.blog_content.column-6, .blog_content.column-5 {
grid-column-end: span 1;
}
.blog_toc.position-sticky {
width: 100%;
display: contents;
position: static;
}
.blog_toc_track.column-2 {
grid-column: 1 / span 1;
display: contents;
}
.blog_toc_layout {
display: contents;
}
.styleguide_menu.column-2 {
grid-column-end: span 1;
}
.card-contain.height-full.grid-autofit {
--_column-count---value: 1;
}
.filter_layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
}
.filter_search-input {
max-width: 15rem;
}
.footer_content {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.footer_content.gap-6 {
grid-template-columns: 1fr;
}
.footer_nav {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}
.footer_col {
border-bottom: 1px solid var(--_theme---border);
margin-bottom: -1px;
}
.grid-wrapper:where(.w-variant-431f3b83-eb2b-24f4-ca8c-e44e6feb672f) {
justify-content: center;
align-items: center;
container-type: inline-size;
}
.tabs_button_list {
flex-flow: column;
}
.modal-new_content {
max-width: 100svw;
}
.tabs_button_content_top:where(.w-variant-ed067e4a-6784-1be7-33d3-ab1b3d9297a3) {
width: 100%;
}
.mega-nav_dropdown-wrapper {
z-index: 4;
bottom: 0;
top: var(--nav-height);
position: fixed;
}
.mega-nav_panel-label {
width: 100%;
}
.mega-nav__bar-inner {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
opacity: 0;
bottom: 0%;
left: 0%;
right: 0%;
top: var(--nav-height);
visibility: hidden;
background-color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 2em 1.5em;
position: fixed;
overflow: auto;
}
.mega-nav_dropdown-container {
height: 100%;
overflow: auto;
}
.mega-nav__bar-cta {
padding: 1em .75em 1em 1em;
}
.mega-nav__bar-action {
flex: 0 auto;
}
.mega-nav__bar-start {
justify-content: space-between;
align-items: center;
}
.mega-nav__bar-logo {
position: relative;
}
.mega-nav_dropdown-inner {
flex-flow: column;
}
.mega-nav__bar-link {
border-bottom: 1px solid #0000001a;
border-radius: 0;
width: 100%;
padding: .75em 0;
font-size: 1.25em;
}
.mega-nav__bar-link.is--dropdown {
justify-content: space-between;
align-items: center;
}
.mega-nav__bar-link.is--back {
border-bottom-style: none;
font-size: 1em;
}
.mega-nav_dropdown-bg {
display: none;
}
.mega-nav_bar-end {
display: flex;
}
.mega-nav_panel-col {
border-bottom: 1px solid #0000001a;
border-right-style: none;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.mega-nav_dropdown-panel {
background-color: #fff;
bottom: 0;
overflow: auto;
}
.mega-nav {
top: 0;
left: 0;
right: 0;
}
.mega-nav__bar-link-icon {
width: 1.5em;
}
.mega-nav__bar-link-icon.is--dropdown {
transform: rotate(-90deg);
}
.mega-nav__bar-list {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.mega-nav__bar-list.is--actions {
grid-column-gap: 1rem;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-top: 3rem;
position: relative;
}
.mega-nav__bar-list.is-nav {
height: auto;
}
.mega-nav__backdrop {
display: none;
}
.mega-nav_burger-line {
background-color: #18181b;
}
.mega-nav__bar-link-label {
font-size: 1.25em;
}
.rsc-hero_bottom.grid-custom.gap-3 {
--_column-count---value: 2;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.rsc-hero_link_list {
--_column-count---value: 1;
}
.rsc-hero_link_list.max-width-full {
order: 9999;
}
.rsc-hero_card.hflex-left-stretch.gap-6 {
flex-flow: column;
}
.rsc-hero_card.is-small.hflex-left-stretch.gap-6 {
grid-area: span 1 / span 1;
}
.rsc-hero_card.is-small.hflex-left-stretch.gap-4 {
flex-flow: column;
}
.rsc-hero_card.is-small.vflex-stretch-top.gap-4.is-lab {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.rsc-hero_card.is-large.hflex-left-stretch.gap-6.overflow-clip {
grid-area: span 1 / span 1;
}
.rsc-hero_card_image.is-cs, .rsc-hero_card_image.is-cs.vflex-center-center, .rsc-hero_card_image.is-ebook, .rsc-hero_card_image.is-webinars.vflex-center-center {
width: 100%;
}
.rsc-hero_card_image.relative.vflex-center-center.ratio-1-1 {
aspect-ratio: 1;
width: 100%;
}
.rsc-hero_card_image.is-podcast-squared {
width: 100%;
}
.rsc-hero_card_image.is-podcast-squared.relative.vflex-center-center {
width: 20rem;
max-width: 100%;
height: auto;
}
.swiper-wrapper.rsc-hero_slider_list {
height: 100%;
}
.swiper-wrapper.testi_list.height-full {
align-items: stretch;
}
.swiper-slide.rsc-hero_slider_card {
width: 100%;
height: auto;
}
.swiper-slide.rsc-callout_swiper_slide, .swiper-slide.rsc-callout_swiper_slide.is-cs {
width: 48%;
}
.swiper-slide.rsc-callout_swiper_slide.is-lab {
width: 50%;
}
.swiper-slide.testi_item {
height: auto;
}
.rsc-hero_swiper.height-full {
grid-column: span 1;
}
.rsc-hero_banner.theme-light.hflex-left-center.gap-3 {
flex-flow: column;
grid-area: span 1 / span 1;
justify-content: flex-start;
align-items: flex-start;
}
.rsc-hero_banner_button {
margin-top: auto;
}
.cta_layout.hflex-between-center.gap-8 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
}
.cta_left.is-wider.zindex-2 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.footer_form_wrap.flex-grow {
order: -9999;
width: 100%;
}
.blog-hero_container.container-large.zindex-1.is-custom-height {
min-height: calc(20.625rem + 1px);
}
.blog-hero_layout.is-taller-padding {
padding-top: 16rem;
}
.blog-feed_top.hflex-between-top, .blog-feed_top.hflex-between-center {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.blog-feed_cms_list {
grid-template-columns: 1fr 1fr;
}
.blog-feed_form {
flex-flow: column;
width: 100%;
display: flex;
}
.blog-feed_dropdown {
width: 100%;
}
.overview_list.gap-1 {
grid-template-columns: 1fr;
}
.faq_list_cms_wrap {
max-width: 100%;
}
.faq_layout.hflex-center-stretch {
grid-column-gap: var(--_spacing---space--32px);
grid-row-gap: var(--_spacing---space--32px);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.faq_left, .faq_right {
width: 100%;
}
.filter-list__item {
width: 50%;
}
.webinar-list_cms_card.hflex-left-center.gap-4.relative.height-full {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.webinar-list_cms_card_text.vflex-stretch-center.gap-3.align-self-stretch {
width: 100%;
}
.tp-hero_container.container-large.hflex-left-stretch {
flex-flow: column;
}
.tp-hero_container.container-large.hflex-left-stretch.mt-0 {
flex-flow: row;
justify-content: center;
align-items: stretch;
}
.tp-hero_left.hflex-left-stretch {
flex: 0 auto;
width: 50%;
}
.tp-hero_right.vflex-stretch-bottom, .tp-hero_right.vflex-stretch-bottom.is-wider {
width: 100%;
}
.tp-hero_right.hflex-center-stretch {
width: 50%;
}
.tp-hero_right_content.vflex-stretch-bottom.gap-6 {
justify-content: flex-end;
align-items: flex-end;
}
.tp-body_wrap.is-pdf-embed {
display: none;
}
.tp-body_left {
width: 100%;
min-width: auto;
margin-left: auto;
margin-right: auto;
}
.tp-body_left.is-hero.hflex-between-center {
width: 100%;
min-width: auto;
}
.tp-body_layout.hflex-center-stretch {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.tp-body_content.vflex-stretch-top.gap-6 {
width: 27rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.tp-body_sticky {
position: static;
}
.oc-hero_layout.vflex-left-center.gap-6.is-left, .oc-hero_layout.vflex-left-center.gap-6.is-left.is-larger {
width: 100%;
}
.oc-hero_layout.vflex-left-center.gap-6.is-left.is-sticky {
position: static;
}
.oc-2col_row.hflex-between-top.gap-8.hflex-wrap {
--_gap---size: var(--_spacing---space--24px);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.oc-2col_side, .oc-2col_side.is-50--width {
max-width: 100%;
}
.oc-2col_left.vflex-left-center.gap-4, .oc-2col_right.vflex-stretch-top.gap-1, .oc-2col_right.vflex-stretch-top.gap-1.is-leadership {
width: 100%;
}
.oc-2col_right.vflex-stretch-top.gap-1.is-career {
padding-top: 0;
}
.oc-z-pattern_side, .oc-z-pattern_side.vflex-left-center.gap-4.is-wider {
width: 100%;
}
.oc-z-pattern_side.is-first {
order: -9999;
}
.testi_bottom.hflex-center-bottom.gap-6, .testi_bottom.hflex-right-center.gap-6 {
grid-column-gap: var(--size--0rem);
grid-row-gap: var(--size--0rem);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.testi_bottom.hflex-right-center.gap-6.is-grid {
grid-template-columns: 2fr;
}
.testi_left.flex-grow.vflex-left-bottom.gap-5 {
padding-right: var(--size--0rem);
padding-left: var(--size--0rem);
}
.testi_right.relative {
aspect-ratio: auto;
width: 95%;
}
.pf-4cards_layout.hflex-center-stretch {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5 {
min-height: 20rem;
}
.team_cms_list.gap-1 {
grid-template-columns: 1fr 1fr;
}
.team_cms_accordion_bottom {
display: none;
}
._6cards_layout {
grid-template-columns: 1fr 1fr;
}
.process_layout.hflex-center-center {
grid-column-gap: var(--_spacing---space--32px);
grid-row-gap: var(--_spacing---space--32px);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.process_right {
width: 100%;
}
.brief_layout.hflex-center-top.gap-8.zindex-2 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.brief_left.gap-3 {
width: 100%;
}
.steps_layout.hflex-center-stretch.gap-8 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.steps_layout.hflex-center-stretch.gap-custom.overflow-clip {
grid-column-gap: var(--size--0rem);
grid-row-gap: var(--size--0rem);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.steps_right {
width: 100%;
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.steps_right.vflex-stretch-center.gap-3 {
margin-left: auto;
margin-right: auto;
}
.steps_right.vflex-stretch-center.gap-3.overflow-clip {
width: 100%;
padding-left: var(--_spacing---space--80px);
}
.steps_sticky {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
position: static;
}
.tabs-autoplay_button_list {
flex-flow: column;
}
.oc-hero_left-right.hflex-left-center.gap-6 {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.oc-hero_visual.overflow-hidden.relative {
width: calc(100% + var(--site--padding));
}
.oc-hero_visual.overflow-hidden.relative:where(.w-variant-2f71c6a1-d29b-55b9-bdbf-b86dd2964703) {
width: 100%;
}
.oc-hero_visual.overflow-hidden.relative.is-form {
width: 30rem;
max-width: 100%;
padding-right: var(--size--0rem);
margin-left: auto;
margin-right: auto;
}
.oc-z-pattern_badge_wrap.mt-8.width-full {
margin-top: var(--size--0rem);
}
.tp-hero_layout.hflex-left-stretch.width-full {
flex-flow: column;
}
.rs-team_card.hflex-between-center.gap-4 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.rs-team_card_button.flex-noshrink {
margin-top: auto;
}
.blog-feed_layout.hflex-center-stretch.zindex-3 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.blog-feed_left.relative {
width: 100%;
}
.integrations_filter_wrap.vflex-center-center {
margin-bottom: var(--_spacing---section-space--xsmall);
padding-right: var(--site--padding);
padding-left: var(--site--padding);
margin-left: calc(var(--site--padding) * -1);
width: calc(100% + var(--site--padding) * 2);
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
overflow: scroll;
}
.integrations_form.hflex-center-stretch.gap-1, .integrations_filter_list.hflex-center-stretch.gap-1 {
justify-content: flex-start;
align-items: stretch;
}
.integrations_cms_list.gap-3 {
grid-template-columns: 1fr 1fr;
}
.api_list.hflex-center-stretch.gap-1 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.api_card.radius-main.flex-grow.vflex-left-between.gap-6.relative {
min-height: 14rem;
}
.api_card.radius-main.flex-grow.vflex-left-between.gap-6.relative.overflow-clip {
flex: 0 auto;
}
.about_layout.hflex-center-center {
flex-flow: column;
justify-content: center;
align-items: center;
}
.about_left.vflex-left-center.gap-4.flex-grow, .about_right.flex-grow {
width: 100%;
}
.invest_layout.hflex-center-center.gap-8 {
flex-flow: column;
justify-content: center;
align-items: stretch;
}
.globe_stage {
margin-bottom: -12rem;
}
.oc-hero_slider_wrap.hide-if-empty-cms {
margin-top: 3rem;
margin-left: auto;
margin-right: auto;
}
.overview_header.hflex-between-center.gap-4 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.overview_header.hflex-between-bottom.gap-4 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.overview_header_card.radius-small.hflex-left-top.gap-4 {
width: 100%;
}
.programs_layout {
grid-template-columns: 1fr 1.5fr;
}
.programs_card.radius-main.vflex-left-center.gap-6.relative {
min-height: auto;
}
.become_layout.hflex-between-stretch.zindex-2 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.become_left, .become_right.radius-main.vflex-left-top.gap-4 {
width: 100%;
}
.benefits_list.hflex-center-stretch.gap-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefits_card.flex-grow.radius-main.vflex-left-top.gap-4 {
max-width: 100%;
}
.benefits_callout_wrap.radius-small.hflex-center-center.gap-3.hflex-wrap {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
}
.nav_dropdown_column {
width: 100%;
}
.nav_dropdown_layout.hflex-center-stretch.gap-1 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.first_tab_cta {
display: none;
}
.footer_content_top.hflex-between-center {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer_location_list.hflex-left-top.gap-4 {
flex-flow: wrap;
}
.footer_location_item.flex-grow.vflex-left-top.gap-3 {
min-width: 40%;
}
.labs-callout_layout {
grid-template-columns: 1fr;
}
.labs-callout_left.vflex-left-center.gap-4.relative {
border-right: 1px solid var(--swatch--transparent);
border-bottom: 1px solid var(--_theme---border);
}
.topic_list {
grid-template-columns: 1fr;
}
.topic_card.radius-main.vflex-left-top.gap-4.relative {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.topic_card_button {
margin-top: 0;
margin-left: auto;
}
.updated_layout.hflex-center-stretch.gap-6 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.updated_side {
width: 100%;
}
.updated_sticky.vflex-left-top.gap-4 {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
}
.hide-on-tablet {
display: none;
}
.markitecture_cards_row.grid-autofit._6col {
--_column-count---value: 3;
}
.markitecture_card.is-blue {
justify-content: center;
}
.markitecture_logo {
max-width: 80%;
}
}
@media screen and (max-width: 767px) {
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.order-first-tablet {
order: 0;
}
.grid-tablet {
flex-flow: column;
display: flex;
}
.styleguide_font_item {
grid-template-columns: 100%;
}
.grid-column-2, .grid-column-4 {
grid-template-columns: var(--grid-1);
}
.order-last-tablet {
order: 0;
}
.grid-column-3 {
grid-template-columns: var(--grid-1);
}
.nav_contain {
max-width: none;
padding-top: .5rem;
padding-bottom: .25rem;
}
.nav_menu_wrap {
max-width: none;
}
.nav_banner_text.line-clamp-1.text-size-small {
font-size: clamp(.6rem, .686rem + .07vw, .875rem);
}
.footer_content.hflex-between-center {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.footer_nav {
grid-template-columns: 1fr 1fr;
}
.footer_bottom_text {
margin-top: -.2rem;
}
.tabs_content_layout {
padding-left: 0;
padding-right: 0;
}
.tabs_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
--_column-count---value: 1;
grid-template-columns: repeat(1, minmax(0, 1fr));
display: flex;
}
.accordion-cms_toggle_icon.is-accordion, .accordion-cms_toggle_icon.is-accordion:where(.w-variant-ed067e4a-6784-1be7-33d3-ab1b3d9297a3) {
display: flex;
}
.tabs_button_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
width: 100%;
}
.tabs_button_wrap:where(.w-variant-ed067e4a-6784-1be7-33d3-ab1b3d9297a3) {
align-items: stretch;
}
.tabs_content_wrap:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
grid-column-start: 1;
}
.marquee-1_list.is-resources {
justify-content: center;
align-items: stretch;
}
.marquee-1_item.is-resources {
justify-content: flex-start;
align-self: stretch;
align-items: center;
max-width: 90vw;
height: 100%;
}
.marquee-1_item.is-badge {
width: 12rem;
}
.marquee-1_logo_wrap.is-badge {
max-width: 8rem;
max-height: 3.5rem;
}
.tabs_button_content_top {
justify-content: space-between;
align-items: center;
display: flex;
}
.tabs_button_content_top:where(.w-variant-ed067e4a-6784-1be7-33d3-ab1b3d9297a3) {
justify-content: space-between;
width: 100%;
display: flex;
}
.announcement_text {
font-size: .8125rem;
}
.announcement_container {
padding: .5em 1em;
}
.button-043__icon-wrap {
width: 2.5rem;
height: 2.5rem;
}
.button-043 {
min-height: 3rem;
}
.button-043__text {
font-size: .9rem;
}
.rsc-hero_card {
height: auto;
min-height: auto;
padding: var(--_spacing---space--20px);
}
.rsc-hero_card.is-small.vflex-stretch-top.gap-6.is-lab {
height: 100%;
}
.rsc-hero_card_image.is-ebook {
max-width: 100%;
}
.rsc-hero_card_button {
width: 100%;
}
.swiper.testi_cms.height-full {
margin-right: 0;
}
.swiper-slide.rsc-callout_swiper_slide {
width: 72%;
}
.swiper-slide.rsc-callout_swiper_slide.is-lab {
width: 90%;
}
.swiper-slide.timeline_item.relative {
width: 80vw;
}
.rsc-callout_swiper_nav.hflex-left-stretch.gap-1 {
display: none;
}
.cta_layout.hflex-between-center.gap-8 {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.cta_right.zindex-2.hflex-center-center.gap-1 {
flex-flow: column;
justify-content: center;
align-items: stretch;
}
.cta_background.cover-absolute.pointer-off {
display: none;
}
.cta_form {
width: 25rem;
}
.cta_form.hflex-between-stretch.relative {
flex-flow: column;
}
.cta_form.hflex-between-stretch.relative.width-full.is-h-on-mobile {
flex-flow: row;
}
.blog-hero_layout.is-taller-padding {
padding-top: 12rem;
}
.blog-cat_list {
width: 100vw;
padding-right: var(--site--padding);
padding-left: var(--site--padding);
margin-left: calc(var(--site--padding) * -1);
overflow: scroll;
}
.blog-feed_cms_list {
grid-template-columns: 1fr;
}
.blog-feed_dropdown_top {
min-height: 3.75rem;
}
.overview_list.gap-1 {
grid-template-columns: 1fr;
}
.filter-list__item {
width: 100%;
}
.webinar-list_cms_list {
grid-template-columns: 1fr;
}
.tp-hero_container.container-large.hflex-left-stretch.mt-0 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.tp-hero_left.hflex-left-stretch {
width: 100%;
}
.tp-hero_right.hflex-center-stretch {
justify-content: space-between;
align-items: stretch;
width: 100%;
}
.tp-hero_half.vflex-center-center {
width: auto;
}
.tp-hero_half.vflex-center-center.width-full {
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.tp-body_content.vflex-stretch-top.gap-6 {
width: 100%;
max-width: 27rem;
}
.tp-body_block.is-small-padding {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.tp-body_author_button {
margin-left: 0;
}
.tp-body_author_avatar.radius-main.overflow-clip.flex-noshrink {
width: var(--_spacing---space--200px);
}
.tp-hero_left_card.hflex-left-center.gap-4.width-full {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.tp-hero_left_card_image.radius-small.flex-noshrink {
width: 100%;
}
.tp-hero_left_player.flex-noshrink {
width: 100%;
margin-left: 0;
}
.tp-body_more_number {
display: none;
}
.tp-body_author_top.hflex-left-center.gap-4 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.oc-hero_layout.vflex-left-center.gap-6.is-left {
padding-right: var(--site--padding);
}
.oc-hero_layout.vflex-left-center.gap-6.is-left:where(.w-variant-2f71c6a1-d29b-55b9-bdbf-b86dd2964703) {
padding-right: var(--size--0rem);
}
.oc-2col_row.hflex-between-bottom.gap-8.hflex-wrap {
grid-column-gap: var(--_spacing---space--24px);
grid-row-gap: var(--_spacing---space--24px);
}
.oc-z-pattern_layout.hflex-between-center.gap-8.hflex-wrap {
padding-right: var(--size--0rem);
padding-left: var(--size--0rem);
grid-column-gap: var(--_spacing---space--24px);
grid-row-gap: var(--_spacing---space--24px);
}
.oc-3cards_layout.hflex-center-stretch {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.testi_bottom.align-self-end.vflex-left-bottom.gap-1 {
width: 100%;
}
.testi_bottom.align-self-end.vflex-left-center.gap-1.is-center {
max-width: 100%;
margin-top: auto;
}
.testi_right.relative.is-taller {
aspect-ratio: auto;
}
.testi_nav.hflex-left-stretch.gap-1.zindex-3, .testi_hide-mobile, .oc-hero_hide-mobile {
display: none;
}
.marquee-1_resource_wrap.radius-main.hflex-left-center.gap-4.relative.is-resources {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5 {
min-height: auto;
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5.is-about {
min-height: 15rem;
}
.team_cms_list.gap-1 {
grid-template-columns: 1fr;
}
.team_cms_card_lkd.radius-main {
border-radius: var(--radius--small);
}
.team_cms_accordion_button.flex-noshrink.pointer-off {
display: none;
}
._6cards_layout {
grid-template-columns: 1fr;
}
.testi_avatar.radius-main {
width: 10rem;
height: 10rem;
}
.sticky-cards_layout {
grid-template-columns: 1fr;
}
.sticky-cards_item.hflex-left-center {
min-height: auto;
padding-top: var(--_spacing---space--40px);
padding-bottom: var(--_spacing---space--40px);
}
.sticky-cards_sticky.hflex-left-center {
min-height: auto;
}
.sticky-cards_header.vflex-left-center.gap-4 {
padding-top: var(--_spacing---space--40px);
padding-bottom: var(--_spacing---space--40px);
}
.jobs_button {
display: none;
}
.jobs_button_mobile {
display: block;
}
.steps_right.vflex-stretch-center.gap-3.overflow-clip {
padding-left: var(--_spacing---space--16px);
}
.steps_deco_wrap.flex-noshrink {
padding-right: var(--_spacing---space--16px);
}
.steps_card_top.hflex-left-center.gap-3.width-full {
justify-content: flex-start;
align-items: flex-start;
}
.steps_card_icon.vflex-center-center.radius-small.flex-noshrink {
margin-top: -.19rem;
}
.partner-callout_container.container-large {
padding: var(--site--padding);
}
.partner-callout_card.radius-main.hflex-between-center.gap-5.hflex-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.tabs-autoplay_button_item {
border-radius: .75rem;
}
.tabs-autoplay_button_list.vflex-stretch-top.gap-3 {
--_gap---size: var(--_spacing---space--8px);
}
.tabs-autoplay_content_wrap {
order: -9999;
width: 100%;
}
.tabs-autoplay_button_wrap {
flex-flow: column;
width: 100%;
max-width: none;
display: contents;
}
.tabs-autoplay_wrap {
flex-flow: column;
}
.tabs-autoplay_wrap.gap-8 {
--_gap---size: var(--_spacing---space--8px);
}
.tabs-autoplay_btn_wrap {
order: 2;
}
.tabs-autoplay_top.hflex-left-center.gap-4 {
--_gap---size: var(--_spacing---space--8px);
}
.tabs-autoplay_number.radius-main.vflex-center-center.relative.overflow-clip.flex-noshrink {
border-radius: var(--radius--small);
}
.oc-hero_visual.overflow-hidden.relative.is-form {
width: 100%;
}
.lab-intro_container.container-large.is-custom-height {
min-height: auto;
}
.lab-intro_layout.vflex-left-top.gap-4 {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.tech-blog_container.container-large.overflow-hidden.is-custom-height {
min-height: auto;
}
.rs-team_grid {
grid-template-columns: 1fr;
}
.blog-feed_sticky_buttons.hflex-left-center.gap-3 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.story_track {
height: auto;
}
.story_sticky.relative.overflow-hidden {
height: auto;
position: static;
}
.story_ui.zindex-3 {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
grid-column-gap: var(--_spacing---space--32px);
grid-row-gap: var(--_spacing---space--32px);
flex-flow: column;
display: flex;
position: static;
}
.story_heading {
margin-bottom: var(--_spacing---section-space--large);
order: 1;
position: static;
}
.story_action_list.vflex-stretch-top.gap-1 {
max-width: 100%;
}
.story_card_list {
left: var(--size--0rem);
top: var(--size--0rem);
right: var(--size--0rem);
bottom: var(--size--0rem);
order: 3;
position: relative;
}
.story_card_group {
flex-flow: column;
}
.story_card_group.is-active {
position: static;
}
.story_card {
aspect-ratio: auto;
width: 100%;
}
.story_accordion_list {
order: 2;
position: static;
}
.story_accordion {
width: 100vw;
max-width: 100vw;
margin-left: calc(var(--site--margin) * -1 + var(--site--padding) * -1);
}
.story_accordion_top {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.story_final.vflex-center-top {
width: 100%;
margin-top: var(--_spacing---section-space--large);
margin-bottom: var(--_spacing---section-space--large);
order: 4;
position: static;
}
.story_final_text.vflex-center-center.gap-4 {
width: 100%;
}
.challenge_card_list.hflex-center-stretch.gap-6 {
flex-flow: column;
width: 100%;
}
.challenge_card.vflex-stretch-top.gap-3.radius-main.relative {
width: 100%;
}
.ctem_background_inner.cover-absolute.pointer-off {
display: none;
}
.integrations_cms_list.gap-3 {
grid-template-columns: 1fr;
}
.integrations_card.radius-main.vflex-left-top.gap-4 {
min-height: 18rem;
}
.api_card.radius-main.flex-grow.vflex-left-between.gap-6.relative {
min-height: 12rem;
}
.about_illu_wrap.relative.vflex-center-center {
padding-top: var(--_spacing---space--24px);
padding-bottom: var(--_spacing---space--24px);
aspect-ratio: auto;
}
.about_illu_top.zindex-2 {
margin-bottom: var(--_spacing---space--80px);
}
.about_illu_bottom.hflex-center-center.zindex-2.gap-1 {
margin-top: var(--_spacing---space--48px);
}
.team_cta_card.radius-main.hflex-between-center.gap-5 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.invest_card.radius-main.hflex-between-center.gap-8 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
min-height: 15rem;
}
.invest_card_logo {
order: -9999;
max-width: 15rem;
}
.leading_layout.hflex-between-center.gap-8.zindex-2 {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.leading_left.vflex-left-center.gap-4 {
width: 100%;
}
.leading_card.radius-small.hflex-between-center.gap-8 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.globe_stage, .globe_stage.is-small {
margin-bottom: -7rem;
}
.oc-hero_slider_wrap.hide-if-empty-cms {
width: 80%;
}
.become_container.container-large.relative {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.benefits_list.hflex-center-stretch.gap-3 {
grid-template-columns: 1fr;
}
.benefits_card.flex-grow.radius-main.vflex-left-top.gap-4 {
min-height: auto;
}
.nav_dropdown_layout.hflex-center-stretch.gap-1 {
grid-template-columns: 1fr;
}
.nav_item_wrap.radius-small.hflex-between-center.gap-4.relative {
min-height: auto;
padding: var(--_spacing---space--12px);
}
.nav_item_text_wrap {
margin-top: -.25rem;
}
.timeline_top.hflex-between-bottom.gap-8 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.timeline_card.radius-main.vflex-left-top.gap-4 {
min-height: 16rem;
}
.first_container.container-large {
width: calc(100% - var(--site--margin) * 2);
}
.first_tab_wrap.radius-main.overflow-hidden.relative {
grid-column-gap: var(--_spacing---space--16px);
grid-row-gap: var(--_spacing---space--16px);
aspect-ratio: auto;
border-top-left-radius: var(--size--0rem);
border-top-right-radius: var(--size--0rem);
border-bottom-left-radius: var(--size--0rem);
border-bottom-right-radius: var(--size--0rem);
width: 100vw;
max-width: 100vw;
margin-left: calc(var(--site--padding) * -1 + var(--site--margin) * -1);
flex-flow: column;
display: flex;
}
.first_tab_list.width-full.height-full.zindex-2 {
aspect-ratio: 996 / 507;
border-radius: var(--radius--small);
overflow: hidden;
}
.first_link_list.zindex-3.hflex-left-bottom.gap-1 {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
.first_tab_image.width-full.height-full {
transform: scale(1.2);
}
.first_link.radius-main.overflow-hidden.vflex-center-center {
flex: none;
}
.tabs-autoplay_content_wrap-2 {
width: 100%;
}
.tabs-autoplay_button_wrap-2 {
flex-flow: column;
width: 100%;
max-width: none;
display: contents;
}
.footer_bottom_link_list.hflex-center-top.gap-4 {
margin-top: -.2rem;
}
.topic_card.radius-main.vflex-left-top.gap-4.relative {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.topic_card_button {
margin-top: auto;
margin-left: 0;
}
.story_skip {
display: none;
}
.markitecture_cards_row.grid-autofit {
--_gap---size: var(--_spacing---space--12px);
}
.story_accordion_text.vflex-stretch-top.gap-3 {
padding-right: var(--site--padding);
padding-left: var(--site--padding);
}
}
@media screen and (max-width: 479px) {
.grid-breakout {
grid-template-columns: var(--grid-breakout-single);
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.grid-landscape {
flex-flow: column;
display: flex;
}
.nav_banner_link {
grid-column-gap: var(--space--1);
}
.nav_buttons_item {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.nav_banner_close_wrap {
justify-content: center;
align-items: center;
}
.nav_banner_text.line-clamp-1.text-size-small {
font-size: clamp(.6rem, .686rem + .07vw, .875rem);
}
.g_btn_group {
flex-flow: column;
align-self: stretch;
align-items: stretch;
width: 100%;
}
.filter_tags_wrap {
flex-flow: column;
align-items: flex-start;
}
.footer_content.hflex-between-center {
flex-flow: column-reverse;
justify-content: flex-end;
align-items: stretch;
}
.footer_content.gap-6 {
--_gap---size: var(--_spacing---space--64px);
}
.footer_logo_wrap, .footer_logo_wrap.order-last-tablet.w--current {
width: 100%;
}
.footer_col {
border-right: 1px solid var(--_theme---border);
}
.footer_bottom_layout {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
}
.mega-nav__card {
border-bottom: 1px solid #0000001a;
border-radius: 0;
}
.mega-nav__card-content {
padding: 1em 1em 1.5em;
}
.mega-nav__card-cta-icon {
width: 1.375em;
}
.mega-nav_panel-col.is--colored.has--card {
padding: 0;
}
.mega-nav__bar-link-icon {
width: 1.375em;
}
.mega-nav__card-cta-label, .mega-nav__bar-link-label {
font-size: 1em;
}
.button-043__text {
letter-spacing: var(--_typography---letter-spacing--2);
}
.rsc-hero_bottom.grid-custom.gap-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.rsc-hero_link_list.max-width-full {
width: 100vw;
padding-right: var(--site--padding);
padding-left: var(--site--padding);
margin-left: calc(var(--site--padding) * -1);
flex-flow: row;
grid-row: span 1;
display: flex;
overflow: scroll;
}
.rsc-hero_link.hflex-between-center.gap-3 {
flex: none;
max-width: 95vw;
}
.rsc-hero_card.is-small.vflex-stretch-top.gap-6 {
height: 100%;
}
.rsc-hero_card.is-empty.vflex-center-center {
padding: var(--_spacing---space--24px);
}
.rsc-hero_card_image.is-logo {
width: 100%;
display: block;
}
.rsc-hero_card_image.relative.vflex-center-center.ratio-1-1 {
aspect-ratio: 1;
width: 100%;
}
.rsc-hero_card_image.is-podcast-squared.relative.vflex-center-center {
width: 100%;
}
.rsc-hero_card_text.is-margin-auto.width-full.hflex-between-top.gap-3 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.rsc-hero_card_details.hflex-left-center.gap-4.hflex-wrap {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.rsc-hero_card_details.hflex-left-center.gap-4.hflex-wrap.mobile-not-vertical {
grid-column-gap: var(--_spacing---space--8px);
grid-row-gap: var(--_spacing---space--8px);
flex-flow: wrap;
}
.rsc-hero_card_button {
flex-flow: column;
width: 100%;
display: flex;
}
.swiper-wrapper.rsc-hero_slider_list, .swiper.rsc-hero_slider.height-full {
width: 100%;
max-width: 100%;
}
.swiper-slide.rsc-hero_slider_card {
max-width: 100%;
}
.swiper-slide.rsc-callout_swiper_slide, .swiper-slide.rsc-callout_swiper_slide.is-cs {
width: 98%;
}
.swiper-slide.rsc-callout_swiper_slide.is-lab {
border-right: 1px solid var(--_theme---border);
}
.swiper-slide.testi_item.height-full.is-no-padding {
padding-right: var(--size--0rem);
}
.swiper-slide.timeline_item.relative {
width: 90vw;
padding-right: 1rem;
}
.rsc-hero_swiper.height-full {
grid-row: span 1;
width: 100%;
max-width: 100%;
}
.rsc-hero_banner_button {
flex-flow: column;
width: 100%;
display: flex;
}
.rsc-callout_top.hflex-between-top.gap-6 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.cta_right.zindex-2.hflex-center-center.gap-1 {
align-self: stretch;
}
.cta_background.cover-absolute.width-full {
width: auto;
inset: auto;
}
.blog-hero_container.container-large.zindex-1.is-custom-height {
min-height: auto;
}
.blog-hero_layout.is-taller-padding {
padding-top: 10rem;
}
.overview_list.gap-1, .overview_card.vflex-left-top.gap-5.relative {
width: 100%;
}
.overview_card_button {
flex-flow: column;
display: flex;
}
.rsc-hero_card_logo {
flex: 1;
width: 100%;
}
.rsc-hero_card_logo_wrap {
width: 100%;
max-width: 8rem;
display: block;
}
.event-list_cms_card.hflex-between-center.gap-5.relative {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.tp-hero_right_content.vflex-stretch-bottom.gap-6 {
justify-content: flex-end;
align-items: stretch;
}
.tp-body_author_button {
flex-flow: column;
display: flex;
}
.tp-body_author_position.text-label-small.text-color-2.line-clamp-1.is-hide-mobile {
display: none;
}
.tp-body_author_top.hflex-left-center.gap-4 {
justify-content: flex-start;
align-items: stretch;
}
.testi_bottom.align-self-end.vflex-left-bottom.gap-1 {
max-width: 100%;
}
.testi_left.flex-grow.vflex-left-bottom {
order: 9999;
}
.testi_right.relative.is-grid {
min-height: auto;
}
.testi_middle.flex-grow.vflex-left-center {
justify-content: flex-start;
align-items: flex-start;
}
.marquee-1_resource_wrap.radius-main.hflex-left-center.gap-4.relative.is-resources {
min-height: 10rem;
}
.marquee-1_resource_button {
top: var(--_spacing---space--20px);
right: var(--_spacing---space--20px);
align-self: flex-end;
position: absolute;
}
.pf-4cards_layout.hflex-center-stretch {
grid-template-columns: 1fr;
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5 {
align-items: stretch;
}
.pf-4cards_card.flex-grow.vflex-stretch-between.gap-5.is-about {
min-height: 12rem;
}
.testi_avatar.radius-main {
width: 6rem;
height: 6rem;
}
.oc-z-pattern_button {
flex-flow: column;
width: 100%;
display: flex;
}
.sticky-cards_content.hflex-left-top.gap-6 {
flex-flow: column;
}
.brief_left.gap-3 {
grid-template-columns: 1fr;
}
.brief_right.flex-grow.vflex-left-top.gap-4 {
padding: var(--size--0rem);
}
.brief_card.vflex-left-top.gap-4.radius-main.is-large {
grid-column: span 1;
}
.steps_card.flex-grow.vflex-left-center.gap-5 {
--_gap---size: var(--_spacing---space--12px);
}
.steps_card_top.hflex-left-center.gap-3.width-full {
flex-flow: column;
}
.partner-callout_button.flex-noshrink {
flex-flow: column;
display: flex;
}
.testi_button.flex-noshrink, .rsc-hero_button.flex-noshrink {
flex-flow: column;
width: 100%;
display: flex;
}
.tech-blog_button {
flex-flow: column;
display: flex;
}
.blog-feed_sticky_buttons.hflex-left-center.gap-3 {
justify-content: flex-start;
align-items: stretch;
}
.blog-feed_sticky_bottom.hflex-between-center.gap-3.hflex-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.story_action.radius-small.hflex-left-center.gap-3 {
text-align: left;
}
.story_final_text.vflex-center-center.gap-4 {
text-align: left;
justify-content: center;
align-items: stretch;
}
.ctem_background_inner.cover-absolute.width-full {
width: auto;
inset: auto;
}
.api_card.radius-main.flex-grow.vflex-left-between.gap-6.relative {
min-height: 10rem;
}
.about_illu_bottom.hflex-center-center.zindex-2.gap-1 {
grid-column-gap: var(--_spacing---space--4px);
grid-row-gap: var(--_spacing---space--4px);
flex-flow: column;
}
.about_illu_shield.icon-1x1-xlarge {
order: -9999;
}
.team_cta_card.radius-main.hflex-between-center.gap-5 {
justify-content: space-between;
align-items: stretch;
}
.invest_card_logo {
max-width: 10rem;
}
.blog-feed_callout_card.radius-main.hflex-between-center.gap-5.relative {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.leading_card.radius-small.hflex-between-center.gap-8 {
justify-content: space-between;
align-items: stretch;
}
.leading_button.flex-noshrink {
flex-flow: column;
display: flex;
}
.globe_stage, .globe_stage.is-small {
margin-bottom: -2rem;
}
.globe_pin.hflex-center-center.gap-1.radius-small {
padding: var(--_spacing---space--4px);
border-radius: var(--radius--xsmall);
}
.globe_pin_svg.icon-1x1-xlarge {
--_icon-sizes---size: var(--_spacing---space--24px);
}
.oc-hero_slider_wrap.hide-if-empty-cms {
aspect-ratio: auto;
width: 100%;
}
.overview_card_image.relative {
margin-bottom: 9rem;
}
.overview_card_overlay.hflex-center-stretch.gap-1 {
position: static;
}
.overview_card_overlay.hflex-center-stretch.gap-1.zindex-2 {
padding-right: var(--size--0rem);
padding-left: var(--size--0rem);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
position: relative;
top: 100%;
}
.overview_overlay_card.radius-small.hflex-left-center.gap-4 {
width: 100%;
}
.overview_header_card.radius-small.hflex-left-top.gap-4 {
--_gap---size: var(--_spacing---space--16px);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.programs_layout {
grid-template-columns: 1fr;
}
.programs_sticky {
position: static;
}
.benefits_callout_button_list.hflex-center-center.gap-1.hflex-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.timeline_deco_line {
z-index: 2;
margin-left: -.5rem;
}
.tabs-autoplay_menu_button {
flex-flow: column;
width: 100%;
display: flex;
}
.footer_location_list.hflex-left-top.gap-4 {
flex-flow: column;
}
.topic_card_button {
flex-flow: column;
width: 100%;
display: flex;
}
.blog-feed_callout_button {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.markitecture_row.grid-autofit {
--_column-count---value: 1;
}
.markitecture_cards_row.grid-autofit {
--_gap---size: var(--_spacing---space--12px);
}
.markitecture_cards_row.grid-autofit._6col {
--_column-count---value: 2;
}
.markitecture_cards_row.is-horizontal {
flex-flow: column;
}
.markitecture_card.is-gradient {
align-items: center;
}
.markitecture_card.is-gradient.reversed {
justify-content: center;
align-items: center;
}
.markitecture_connectors {
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693d77-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693de7-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dea-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693deb-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dee-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693def-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693df2-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693df3-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693df7-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dfa-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dfb-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dfe-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693dff-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e02-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e07-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e08-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0a-0aa9576b, #w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0c-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0d-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e0f-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e11-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e12-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e14-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e16-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e17-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e19-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e1c-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e1e-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e20-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e21-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e23-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e25-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e26-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e28-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2a-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2b-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2d-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e2f-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e30-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e32-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e34-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e35-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e37-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e39-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e3a-0aa9576b {
justify-self: start;
}
#w-node-fbbc7cbb-eaff-f86b-99ab-2877a2693e3c-0aa9576b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_074782ae-6a72-b4da-00a5-3062b2faad42-b2faad18:where(.w-variant-3f1d271f-9297-c82e-11e6-e73d3e4adba9) {
justify-self: end;
}
@media screen and (max-width: 991px) {
#w-node-_63517d4c-27e0-5517-0a7a-7ac68b71b3c0-8b71b3b9 {
order: 9999;
}
}