html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
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;
}
.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;
}
@font-face {
font-family: "PP Mori 900";
src: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69b299f3345b6df359b5f08e_PPMori-Heavy.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PP Mori 700";
src: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69b299ff5391a1fe238193ba_PPMori-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter Variable Font;
src: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69cabf6525d13dc5a7ef7ddb_Inter-VariableFont_opsz%2Cwght.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
:root {
--_typography---font-family--secondary: "Inter Variable Font", Arial, sans-serif;
--_typography---font-size--body-1: 1rem;
--_typography---font-weight--regular: 400;
--_typography---letter-spacing--none: 0em;
--_typography---font-family--primary: "PP Mori 700", sans-serif;
--_typography---font-size--h1: 3.5rem;
--_typography---line-height--heading: 120%;
--_typography---font-weight--bold: 700;
--_typography---letter-spacing--tight: -.01em;
--_typography---font-size--h2: 2.5rem;
--_typography---font-size--h3: 2rem;
--_typography---font-size--h4: 1.75rem;
--_typography---font-size--h5\: clamp(1.5rem, 2.22vw, 2rem);
--_typography---font-size--h6\: clamp(1.375rem, 1.94vw, 1.75rem);
--_typography---line-height--body: 145%;
--_spacing---p-10: 2.5rem;
--_spacing---p-2-5: .625rem;
--_spacing---p-4: 1rem;
--_spacing---p-2: .5rem;
--_colours-semantics---button--primary: var(--_colours-primitives---stack--600);
--_colours-semantics---surface-light--primary: var(--_colours-primitives---midnight--100);
--_typography---font-size--caption-main: .875rem;
--_typography---font-weight--semibold: 600;
--_spacing---p-6: 1.5rem;
--_typography---font-size--body-sm: clamp(.8125rem, .97vw, .875rem);
--_typography---font-size--body-xs: clamp(.6875rem, .83vw, .75rem);
--_colours-semantics---surface-light--secondary: var(--_colours-primitives---midnight--200);
--_colours-semantics---surface-dark--primary: var(--_colours-primitives---midnight--1100);
--_typography---font-size--body-2: 1.25rem;
--_components---section--max-width: 90rem;
--_colours-primitives---neutral--black: black;
--_components---section--horizontal-padding: 7.5rem;
--_spacing---p-0: 0rem;
--_spacing---p-12: 3rem;
--_typography---font-size--h7\: clamp(1.25rem, 1.67vw, 1.5rem);
--_typography---letter-spacing--caption: -.04em;
--_spacing---p-1: .25rem;
--_colours-semantics---button--transparent: transparent;
--_colours-semantics---button--secondary: var(--_colours-primitives---midnight--1100);
--_colours-semantics---surface-light--tertiary: var(--_colours-primitives---midnight--300);
--_spacing---p-3: .75rem;
--_colours-semantics---content-light--tertiary: var(--_colours-primitives---midnight--700);
--_colours-primitives---neutral--white: white;
--_colours-semantics---brand--dark: var(--_colours-primitives---stack--700);
--_colours-semantics---brand--border: var(--_colours-primitives---stack--400);
--_colours-semantics---button--secondary-hover: var(--_colours-primitives---midnight--900);
--_colours-primitives---midnight--900: #4a5056;
--_colours-semantics---content-light--primary: var(--_colours-primitives---midnight--1000);
--_colours-primitives---midnight--500: #c7cbd1;
--_colours-primitives---stack--600: #0c68eb;
--_typography---line-height--normal: 100%;
--_typography---font-weight--medium: 500;
--_spacing---p-14: 3.5rem;
--_spacing---p-20: 5rem;
--_colours-semantics---content-dark--tertiary: var(--_colours-primitives---midnight--500);
--_spacing---p-24: 6rem;
--_spacing---p-36: 9rem;
--_colours-semantics---content-dark--primary: var(--_colours-primitives---midnight--100);
--_colours-semantics---content-light--quaternary: var(--_colours-primitives---midnight--600);
--_colours-semantics---content-dark--secondary: var(--_colours-primitives---midnight--300);
--_colours-semantics---feedback-success--primary: var(--_colours-primitives---forest-green--600);
--_colours-semantics---feedback-success--light: var(--_colours-primitives---forest-green--100);
--_colours-semantics---feedback-error--primary: var(--_colours-primitives---fire-red--600);
--_colours-semantics---feedback-error--light: var(--_colours-primitives---fire-red--100);
--_spacing---p-5: 1.25rem;
--_colours-semantics---stroke--main: var(--_colours-primitives---midnight--400);
--_spacing---p-9: 2.25rem;
--_colours-semantics---content-light--secondary: var(--_colours-primitives---midnight--800);
--_typography---font-size--body-md: clamp(.875rem, .8393rem + .1786vw, 1rem);
--_colours-semantics---brand--main: var(--_colours-primitives---stack--600);
--_colours-semantics---accent-deep-sky--subtle: var(--_colours-primitives---deep-sky--300);
--_spacing---p-8: 2rem;
--_spacing---p-16: 4rem;
--_colours-semantics---stroke--light: var(--_colours-primitives---midnight--300);
--_colours-primitives---midnight--100: white;
--_colours-primitives---stack--500: #3c87f0;
--_colours-primitives---midnight--1100: #0e141b;
--_spacing---p-30: 7.5rem;
--_colours-semantics---surface-light--beige: #e8e5e0;
--_colours-semantics---accent-burnt-orange--subtle: var(--_colours-primitives---burnt-orange--300);
--_spacing---p-32: 8rem;
--_colours-semantics---surface-dark--secondary: #171e25;
--_colours-semantics---accent-burnt-orange--dark: var(--_colours-primitives---burnt-orange--1000);
--_colours-semantics---accent-lime--dark: var(--_colours-primitives---lime--olive-green);
--_colours-semantics---accent-fuchsia--dark: var(--_colours-primitives---fuchsia--burgundy);
--_colours-semantics---accent-burnt-orange--bg: var(--_colours-primitives---burnt-orange--200);
--_spacing---p-11: 2.75rem;
--_colours-semantics---accent-deep-sky--main: var(--_colours-primitives---deep-sky--600);
--_colours-semantics---surface-dark--tertiary: #2e3944;
--_spacing---p-72: 18rem;
--_spacing---p-3-5: .875rem;
--_colours-semantics---content-dark--quaternary: var(--_colours-primitives---midnight--600);
--_spacing---p-7: 1.75rem;
--_colours-semantics---stroke--dark: var(--_colours-primitives---midnight--500);
--_colours-semantics---button--transparent-blur: #ffffff1a;
--_colours-primitives---midnight--300: #e4e6ec;
--_spacing---p-40: 10rem;
--_colours-primitives---lime--olive-green: #35431e;
--_colours-semantics---accent-deep-sky--dark: var(--_colours-primitives---deep-sky--1000);
--_spacing---p-0-5: .125rem;
--_spacing---p-1-5: .375rem;
--_colours-semantics---accent-lime--subtle: var(--_colours-primitives---lime--300);
--_colours-semantics---accent-deep-sky--bg: var(--_colours-primitives---deep-sky--200);
--_spacing---p-28: 7rem;
--_colours-primitives---deep-sky--1000: #001a2e;
--_colours-primitives---midnight--200: #f3f4f6;
--_spacing---p-px: .0625rem;
--_colours-primitives---midnight--400: #d7dadf;
--_colours-primitives---midnight--600: #8e959c;
--_colours-primitives---midnight--700: #646a71;
--_colours-primitives---midnight--800: #4a5056;
--_colours-primitives---midnight--1000: #242b31;
--_colours-primitives---deep-sky--100: #eaf6ff;
--_colours-primitives---deep-sky--200: #cfedff;
--_colours-primitives---deep-sky--300: #b3e3ff;
--_colours-primitives---deep-sky--400: #78c9ff;
--_colours-primitives---deep-sky--500: #3eb4ff;
--_typography---font-size--caption-md: clamp(.6875rem, .83vw, .75rem);
--_colours-primitives---deep-sky--600: #009eff;
--_colours-primitives---deep-sky--700: #006faf;
--_colours-primitives---deep-sky--800: #004c78;
--_colours-semantics---brand--light: var(--_colours-primitives---stack--200);
--_colours-primitives---deep-sky--900: #00304f;
--_colours-primitives---stack--100: #eef4fe;
--_colours-primitives---stack--200: #d0e1fc;
--_colours-primitives---stack--300: #b1cef9;
--_colours-primitives---stack--400: #73a9f4;
--_colours-semantics---accent-burnt-orange--main: var(--_colours-primitives---burnt-orange--600);
--_colours-primitives---stack--700: #0a53a8;
--_spacing---p-44: 11rem;
--_colours-semantics---accent-burnt-orange--border: var(--_colours-primitives---burnt-orange--400);
--_colours-primitives---stack--800: #083a78;
--_spacing---p-48: 12rem;
--_colours-primitives---stack--900: #06254f;
--_spacing---p-52: 13rem;
--_colours-primitives---stack--1000: #03142f;
--_spacing---p-56: 14rem;
--_colours-primitives---lime--100: #f7fce8;
--_spacing---p-60: 15rem;
--_colours-semantics---accent-fuchsia--main: var(--_colours-primitives---fuchsia--600);
--_colours-primitives---lime--200: #eef8ce;
--_spacing---p-64: 16rem;
--_colours-semantics---accent-fuchsia--border: var(--_colours-primitives---fuchsia--400);
--_colours-primitives---lime--300: #e2f3ae;
--_colours-semantics---accent-fuchsia--subtle: var(--_colours-primitives---fuchsia--300);
--_colours-primitives---lime--400: #cae974;
--_spacing---p-80: 20rem;
--_colours-semantics---accent-fuchsia--bg: var(--_colours-primitives---fuchsia--200);
--_colours-primitives---lime--500: #b3e03d;
--_spacing---p-96: 24rem;
--_colours-semantics---accent-golden-yellow--dark: var(--_colours-primitives---golden-yellow--1000);
--_colours-primitives---lime--600: #9bd60b;
--_colours-semantics---accent-golden-yellow--main: var(--_colours-primitives---golden-yellow--600);
--_colours-primitives---lime--700: #76972a;
--_colours-semantics---accent-golden-yellow--border: var(--_colours-primitives---golden-yellow--400);
--_colours-primitives---lime--800: #5d7827;
--_colours-semantics---accent-golden-yellow--subtle: var(--_colours-primitives---golden-yellow--300);
--_colours-primitives---lime--900: #475c23;
--_colours-semantics---accent-golden-yellow--bg: var(--_colours-primitives---golden-yellow--200);
--_colours-primitives---fuchsia--100: #fef3fa;
--_colours-primitives---fuchsia--200: #fbe3f2;
--_colours-semantics---accent-deep-sky--border: var(--_colours-primitives---deep-sky--400);
--_colours-primitives---fuchsia--300: #f8d0ea;
--_colours-primitives---fuchsia--400: #f2a9d8;
--_colours-primitives---fuchsia--500: #ec85c7;
--_colours-primitives---fuchsia--600: #e661b5;
--_colours-semantics---accent-lime--main: var(--_colours-primitives---lime--600);
--_colours-primitives---fuchsia--700: #b74379;
--_colours-semantics---accent-lime--border: var(--_colours-primitives---lime--400);
--_colours-primitives---fuchsia--800: #8f2b52;
--_colours-primitives---fuchsia--900: #6b1d3a;
--_colours-semantics---accent-lime--bg: var(--_colours-primitives---lime--200);
--_colours-primitives---fuchsia--burgundy: #4e1329;
--_colours-primitives---golden-yellow--100: #fff8e8;
--_colours-primitives---golden-yellow--200: #fff3d3;
--_colours-primitives---golden-yellow--300: #ffe7a4;
--_colours-primitives---golden-yellow--400: #ffe08b;
--_colours-primitives---golden-yellow--500: #ffd459;
--_colours-primitives---golden-yellow--600: #ffc522;
--_colours-primitives---golden-yellow--700: #a66d00;
--_colours-primitives---golden-yellow--800: #704700;
--_colours-primitives---golden-yellow--900: #4a2f00;
--_colours-primitives---golden-yellow--1000: #2a1a00;
--_colours-primitives---burnt-orange--100: #fdf1ea;
--_colours-primitives---burnt-orange--200: #fbddcf;
--_colours-primitives---burnt-orange--300: #f8c9b3;
--_colours-primitives---burnt-orange--400: #f39e79;
--_colours-primitives---burnt-orange--500: #ee7a4b;
--_colours-primitives---burnt-orange--600: #e8571f;
--_colours-primitives---burnt-orange--700: #b8411a;
--_colours-primitives---burnt-orange--800: #872e13;
--_colours-primitives---burnt-orange--900: #5c1e0c;
--_colours-primitives---burnt-orange--1000: #3a1206;
--_colours-primitives---forest-green--100: #eaf9ef;
--_colours-primitives---forest-green--200: #d4f4dd;
--_colours-primitives---forest-green--300: #acebc0;
--_colours-primitives---forest-green--400: #74da93;
--_colours-primitives---forest-green--500: #43c66a;
--_colours-primitives---forest-green--600: #17b04a;
--_colours-primitives---forest-green--700: #10843a;
--_colours-primitives---forest-green--800: #0b5a24;
--_colours-primitives---forest-green--900: #073815;
--_colours-primitives---forest-green--1000: #041f0b;
--_colours-primitives---fire-red--100: #fdeded;
--_colours-primitives---fire-red--200: #f9d0d0;
--_colours-primitives---fire-red--300: #f4b3b3;
--_colours-primitives---fire-red--400: #eb7d7d;
--_colours-primitives---fire-red--500: #e04e4e;
--_colours-primitives---fire-red--600: #ce2121;
--_colours-primitives---fire-red--700: #a01b1b;
--_colours-primitives---fire-red--800: #731414;
--_colours-primitives---fire-red--900: #4a0d0d;
--_colours-primitives---fire-red--1000: #2a0606;
--_colours-semantics---feedback-success--dark: var(--_colours-primitives---forest-green--900);
--_colours-semantics---feedback-error--dark: var(--_colours-primitives---fire-red--900);
}
.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-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
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-pagination-previous-icon {
margin-right: 4px;
}
.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-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
body {
font-family: var(--_typography---font-family--secondary);
color: #333;
font-size: var(--_typography---font-size--body-1);
line-height: 1;
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
}
h1 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h1);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--tight);
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h2);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--none);
margin-top: 0;
margin-bottom: 0;
}
h3 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h3);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--none);
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h4);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--none);
margin-top: 0;
margin-bottom: 0;
}
h5 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h5\);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--none);
margin-top: 0;
margin-bottom: 0;
}
h6 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h6\);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--none);
margin-top: 0;
margin-bottom: 0;
}
p {
font-family: var(--_typography---font-family--secondary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
margin-bottom: 0;
}
a {
text-decoration: underline;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
max-width: 100%;
display: inline-block;
}
figure {
margin-bottom: 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_label {
color: #fff;
background-color: #2d62ff;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: #dd23bb;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #eee;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.fs-styleguide_hero-label {
color: #000;
text-transform: uppercase;
background-color: #eee;
border-radius: .25rem;
padding: .25rem .375rem;
font-size: .75rem;
font-weight: 500;
text-decoration: none;
}
.padding-custom3 {
padding: 3.5rem;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.overflow-hidden {
overflow: hidden;
}
.pointer-events-none {
pointer-events: none;
}
.margin-xsmall {
margin: .5rem;
}
.text-body-1 {
font-family: var(--_typography---font-family--secondary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
text-wrap: pretty;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_heading-header {
font-size: 6rem;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.icon-1x1-small {
flex: none;
width: 1rem;
height: 1rem;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.padding-small {
padding: 1rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.pointer-events-auto {
pointer-events: auto;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.text-style-muted {
opacity: .6;
}
.margin-custom1 {
margin: 1.5rem;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.fs-styleguide_spacing-all {
display: none;
}
.form_component {
margin-bottom: 0;
}
.text-align-left {
text-align: left;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.margin-xxlarge {
margin: 5rem;
}
.margin-small {
margin: 1rem;
}
.text-align-center {
text-align: center;
}
.hide {
display: none;
}
.overflow-scroll {
overflow: scroll;
}
.margin-tiny {
margin: .125rem;
}
.padding-xhuge {
padding: 8rem;
}
.button {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
padding: .75rem 1.5rem;
font-weight: 600;
}
.button.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button.is-form-submit {
min-height: var(--_spacing---p-10);
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--primary);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
}
.button.is-secondary {
color: #000;
background-color: #0000;
border: 1px solid #222;
}
.button.is-large {
padding: 1rem 2rem;
}
.button.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button.is-small {
padding: .5rem 1.25rem;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-large {
padding: 3rem;
}
.aspect-ratio-portrait {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-group.uc-header {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.button-group.company-products_button-group {
margin-top: var(--_spacing---p-6);
}
.z-index-1 {
z-index: 1;
position: relative;
}
.text-align-right {
text-align: right;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.aspect-ratio-landscape {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.text-body-sm {
font-size: var(--_typography---font-size--body-sm);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
text-wrap: pretty;
}
.padding-custom1 {
padding: 1.5rem;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_classes {
grid-column-gap: 1px;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-body-1 {
font-size: var(--_typography---font-size--body-1);
}
.text-body-xs {
font-size: var(--_typography---font-size--body-xs);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
text-wrap: pretty;
}
.padding-0 {
padding: 0;
}
.overflow-auto {
overflow: auto;
}
.text-style-italic {
font-style: italic;
}
.margin-xxhuge {
margin: 12rem;
}
.text-weight-semibold {
font-weight: 600;
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.padding-custom2 {
padding: 2.5rem;
}
.heading-h2 {
font-size: var(--_typography---font-size--h2);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: 1px dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.main-wrapper {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.main-wrapper.uc-primary {
background-color: var(--_colours-semantics---surface-light--primary);
position: relative;
}
.main-wrapper.uc-tertiary {
background-color: var(--_colours-semantics---surface-dark--primary);
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.aspect-ratio-widescreen {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.heading-h1 {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h1);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--tight);
}
.margin-large {
margin: 3rem;
}
.margin-0 {
margin: 0;
}
.heading-h5 {
font-size: var(--_typography---font-size--h4);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.margin-xxsmall {
margin: .25rem;
}
.form_message-success {
color: #114e0b;
background-color: #cef5ca;
padding: 1.25rem;
}
.aspect-ratio-square {
aspect-ratio: 1;
object-fit: cover;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-medium {
margin: 2rem;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.text-style-allcaps {
text-transform: uppercase;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #2d40ea1a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.text-body-2 {
font-size: var(--_typography---font-size--body-2);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
text-wrap: pretty;
}
.margin-custom2 {
margin: 2.5rem;
}
.padding-medium {
padding: 2rem;
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.form_radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
}
.form_radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form_radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.padding-xxlarge {
padding: 5rem;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.form_message-error {
color: #3b0b0b;
background-color: #f8e4e4;
margin-top: .75rem;
padding: .75rem;
}
.padding-xsmall {
padding: .5rem;
}
.fs-styleguide_header {
color: #fff;
background-color: #000;
}
.container-large {
width: 100%;
height: 100%;
max-width: var(--_components---section--max-width);
margin-left: auto;
margin-right: auto;
}
.container-large.uc-home {
position: relative;
}
.container-large.uc-height-auto {
height: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.fs-styleguide_item.dark-bg {
background-color: var(--_colours-primitives---neutral--black);
padding: .5rem;
}
.text-style-nowrap {
white-space: nowrap;
}
.margin-huge {
margin: 6rem;
}
.heading-h4 {
font-size: var(--_typography---font-size--h4);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.padding-xxsmall {
padding: .25rem;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.heading-h6 {
font-size: var(--_typography---font-size--h6\);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.margin-xhuge {
margin: 8rem;
}
.padding-huge {
padding: 6rem;
}
.form_input {
background-color: #0000;
border: 1px solid #eee;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem;
font-size: 1rem;
}
.form_input::placeholder, .form_input.is-select-input {
color: #222;
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
font-size: 1rem;
}
.padding-global {
z-index: 1;
height: 100%;
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
position: relative;
}
.padding-global.uc-mobile-0 {
width: 100%;
}
.padding-global.uc-mobile-0.uc-height-auto {
height: auto;
}
.padding-global.uc-slider-mb {
margin-bottom: var(--_spacing---p-12);
}
.padding-global.uc-slider-mb.uc-height-auto {
height: auto;
}
.padding-global.uc-slider-mt {
margin-top: var(--_spacing---p-12);
}
.padding-global.uc-slider-mt.uc-height-auto {
height: auto;
}
.padding-global.uc-country-home {
padding-top: 10.31rem;
}
.padding-global.uc-height-auto {
height: auto;
}
.padding-global.uc-zindex-100 {
z-index: 100;
}
.text-style-link {
color: #2d62ff;
text-decoration: underline;
}
.padding-tiny {
padding: .125rem;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.padding-xlarge {
padding: 4rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_message {
color: #5e5515;
background-color: #fcf8d8;
border-radius: .25rem;
padding: .25rem .5rem;
font-size: .875rem;
}
.margin-custom3 {
margin: 3.5rem;
}
.heading-h3 {
font-size: var(--_typography---font-size--h3);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.form_checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-h7 {
font-size: var(--_typography---font-size--h7\);
}
.grid-overlay {
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity .2s;
position: fixed;
inset: 0%;
}
.text-caption-main {
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
text-transform: none;
}
.text-caption-md {
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
letter-spacing: var(--_typography---letter-spacing--caption);
text-transform: uppercase;
}
.c-cta {
height: var(--_spacing---p-10);
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-1);
grid-row-gap: var(--_spacing---p-1);
border: 1px solid var(--_colours-semantics---button--primary);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--primary);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
justify-content: center;
align-items: center;
text-decoration: none;
transition: color .3s, border .3s, background-color .3s;
display: flex;
}
.c-cta:where(.w-variant-add6bc4c-1b32-27f3-a9b5-74bf0eb2de2a) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--primary);
}
.c-cta:where(.w-variant-31ad4a24-40a3-55db-5316-79180e4d87cb) {
border-color: var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--primary);
}
.c-cta:where(.w-variant-9f438ae1-29e1-6eeb-f3a8-46b151b79bb3) {
border-color: var(--_colours-semantics---surface-light--primary);
background-color: var(--_colours-semantics---surface-light--primary);
color: var(--_colours-semantics---button--secondary);
font-size: var(--_typography---font-size--caption-main);
}
.c-cta:where(.w-variant-a17b5c30-c1d9-9a0a-1f00-921d39c2f8b7) {
border-color: var(--_colours-semantics---surface-light--primary);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---surface-light--primary);
}
.c-cta:where(.w-variant-620758c7-131b-c3cc-a643-f968db6d04e6) {
border-color: var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---surface-light--primary);
}
.c-cta:where(.w-variant-062df840-ce7e-1164-2352-bf9e0f474a53) {
border-color: var(--_colours-semantics---button--secondary);
background-color: var(--_colours-semantics---button--secondary);
}
.c-cta:where(.w-variant-128dcbc4-01e9-fe66-1c93-37307674815d) {
border-color: var(--_colours-semantics---button--secondary);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--secondary);
}
.c-cta:where(.w-variant-c641b0b6-dbdc-ca48-37f8-6bb9fa99bf17) {
border-color: var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--secondary);
}
.c-cta:where(.w-variant-d90d3fe4-0c69-598f-0f94-eccf1085fae3) {
color: var(--_colours-semantics---surface-light--tertiary);
background-color: #ffffff0a;
border-color: #ffffff0a;
}
.c-cta:where(.w-variant-fa662b6a-e3a7-5206-0408-9596e1d52443) {
padding: var(--_spacing---p-2-5) var(--_spacing---p-3);
border: 0px none var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--tertiary);
transition-property: none;
}
.c-cta:where(.w-variant-b5d90005-7d96-a10b-6c09-b2501c264d0a) {
height: auto;
padding: var(--_spacing---p-0);
border-color: var(--_colours-semantics---button--transparent);
border-radius: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--secondary);
}
.c-cta:where(.w-variant-871ed48c-d9e2-517f-97ca-4c29093ffa2f) {
height: auto;
padding: var(--_spacing---p-0);
border-color: var(--_colours-semantics---button--transparent);
border-radius: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-primitives---neutral--white);
}
.c-cta:hover {
background-color: var(--_colours-semantics---brand--dark);
}
.c-cta:hover:where(.w-variant-add6bc4c-1b32-27f3-a9b5-74bf0eb2de2a) {
border-color: var(--_colours-semantics---brand--border);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---brand--border);
}
.c-cta:hover:where(.w-variant-31ad4a24-40a3-55db-5316-79180e4d87cb) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---brand--border);
}
.c-cta:hover:where(.w-variant-9f438ae1-29e1-6eeb-f3a8-46b151b79bb3) {
border-color: var(--_colours-semantics---surface-light--tertiary);
background-color: var(--_colours-semantics---surface-light--tertiary);
}
.c-cta:hover:where(.w-variant-a17b5c30-c1d9-9a0a-1f00-921d39c2f8b7) {
border-color: var(--_colours-semantics---surface-light--tertiary);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---surface-light--tertiary);
}
.c-cta:hover:where(.w-variant-620758c7-131b-c3cc-a643-f968db6d04e6) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---surface-light--tertiary);
}
.c-cta:hover:where(.w-variant-062df840-ce7e-1164-2352-bf9e0f474a53) {
border-color: var(--_colours-semantics---button--secondary-hover);
background-color: var(--_colours-semantics---button--secondary-hover);
}
.c-cta:hover:where(.w-variant-128dcbc4-01e9-fe66-1c93-37307674815d) {
border-color: var(--_colours-primitives---midnight--900);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-primitives---midnight--900);
}
.c-cta:hover:where(.w-variant-c641b0b6-dbdc-ca48-37f8-6bb9fa99bf17) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-primitives---midnight--900);
}
.c-cta:hover:where(.w-variant-fa662b6a-e3a7-5206-0408-9596e1d52443) {
border-color: var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---surface-light--secondary);
color: var(--_colours-semantics---content-light--primary);
}
.c-cta:hover:where(.w-variant-b5d90005-7d96-a10b-6c09-b2501c264d0a) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--secondary-hover);
}
.c-cta:hover:where(.w-variant-871ed48c-d9e2-517f-97ca-4c29093ffa2f) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-primitives---midnight--500);
}
.c-cta:focus-visible:where(.w-variant-a17b5c30-c1d9-9a0a-1f00-921d39c2f8b7), .c-cta[data-wf-focus-visible]:where(.w-variant-a17b5c30-c1d9-9a0a-1f00-921d39c2f8b7) {
border-color: var(--_colours-semantics---surface-light--tertiary);
color: var(--_colours-semantics---surface-light--tertiary);
}
.cta_text.text-body-sm {
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--normal);
font-weight: var(--_typography---font-weight--semibold);
white-space: nowrap;
color: inherit;
}
.cta_text.text-body-sm:where(.w-variant-9f438ae1-29e1-6eeb-f3a8-46b151b79bb3) {
font-weight: var(--_typography---font-weight--semibold);
}
.cta_text.text-body-sm:where(.w-variant-fa662b6a-e3a7-5206-0408-9596e1d52443) {
font-weight: var(--_typography---font-weight--medium);
}
.cta_text.text-body-sm:where(.w-variant-b5d90005-7d96-a10b-6c09-b2501c264d0a) {
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--normal);
}
.cta_text.text-body-sm:where(.w-variant-871ed48c-d9e2-517f-97ca-4c29093ffa2f) {
font-size: var(--_typography---font-size--body-sm);
}
.c-button {
padding: .75rem var(--_spacing---p-4);
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border: 1px solid var(--_colours-semantics---button--primary);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--primary);
color: var(--_colours-semantics---surface-light--primary);
font-weight: var(--_typography---font-weight--semibold);
justify-content: center;
align-items: center;
transition: border .3s, background-color .3s;
display: flex;
}
.c-button:where(.w-variant-3f433dff-f5eb-3d2b-e0ad-671d7b8cdc67) {
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--primary);
}
.c-button:where(.w-variant-347b5630-5eb7-7c78-07c5-8516bd988791) {
border-color: var(--_colours-semantics---button--secondary);
background-color: var(--_colours-semantics---button--secondary);
}
.c-button:where(.w-variant-e36377ba-27c1-336a-0d01-f0360694996a) {
border-color: var(--_colours-semantics---surface-light--primary);
background-color: var(--_colours-semantics---surface-light--primary);
color: var(--_colours-semantics---button--secondary);
font-weight: var(--_typography---font-weight--semibold);
}
.c-button:where(.w-variant-f1296d60-635a-ab7e-35cb-81f0cc8bc931) {
padding: var(--_spacing---p-2-5) var(--_spacing---p-3);
border: 0px none var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--tertiary);
transition-property: none;
}
.c-button:hover {
border-color: var(--_colours-semantics---brand--dark);
background-color: var(--_colours-semantics---brand--dark);
}
.c-button:hover:where(.w-variant-e36377ba-27c1-336a-0d01-f0360694996a) {
border-color: var(--_colours-semantics---surface-light--tertiary);
background-color: var(--_colours-semantics---surface-light--tertiary);
}
.c-button:hover:where(.w-variant-347b5630-5eb7-7c78-07c5-8516bd988791) {
border-color: var(--_colours-semantics---button--secondary-hover);
background-color: var(--_colours-semantics---button--secondary-hover);
}
.c-button:hover:where(.w-variant-f1296d60-635a-ab7e-35cb-81f0cc8bc931) {
border-color: var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---surface-light--secondary);
color: var(--_colours-semantics---content-light--primary);
}
.c-button.default-dark {
border-color: var(--_colours-semantics---button--secondary);
background-color: var(--_colours-semantics---button--secondary);
margin-left: 0;
margin-right: 0;
text-decoration: none;
}
.c-button.default-dark:hover {
border-color: var(--_colours-semantics---button--secondary-hover);
background-color: var(--_colours-semantics---button--secondary-hover);
}
.button_icon {
transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}
.button_text {
color: inherit;
}
.button_text.text-body-sm {
font-weight: var(--_typography---font-weight--semibold);
transition: color .3s;
}
.button_text.text-body-sm:where(.w-variant-e36377ba-27c1-336a-0d01-f0360694996a) {
font-weight: var(--_typography---font-weight--semibold);
}
.button_text.text-body-sm:where(.w-variant-f1296d60-635a-ab7e-35cb-81f0cc8bc931) {
font-weight: var(--_typography---font-weight--medium);
transition-property: none;
}
.button_left-icons-wrap {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.button_spinner-logo {
display: none;
position: absolute;
inset: 0%;
}
.section_header {
height: auto;
padding-top: 16.38rem;
padding-bottom: var(--_spacing---p-14);
position: relative;
overflow: hidden;
}
.header_wrap {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
display: flex;
}
.header_eyebrow.text-body-sm {
color: var(--_colours-semantics---content-dark--tertiary);
font-weight: var(--_typography---font-weight--medium);
}
.header_heading {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-10);
}
.header_heading.heading-h1 {
width: 100%;
max-width: 40.94rem;
margin-top: var(--_spacing---p-0);
color: var(--_colours-primitives---neutral--white);
}
.header_bg-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.header_bg-image {
object-fit: cover;
object-position: 50% 20%;
width: 100%;
height: 100%;
}
.header_bg-overlay {
background-color: #000000b3;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.cta_icon:where(.w-variant-b5d90005-7d96-a10b-6c09-b2501c264d0a) {
width: var(--_spacing---p-4);
aspect-ratio: 1;
display: block;
}
.cta_icon:where(.w-variant-871ed48c-d9e2-517f-97ca-4c29093ffa2f) {
width: var(--_spacing---p-6);
aspect-ratio: 1;
display: block;
}
.section_footer-cta {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
background-image: linear-gradient(180deg, var(--_colours-semantics---surface-light--secondary) 50%, var(--_colours-semantics---surface-dark--primary) 50%);
}
.section_footer-cta:where(.w-variant-c9928135-bf7d-8dbb-11c9-0ce4cb621eb2) {
background-image: linear-gradient(180deg, var(--_colours-semantics---surface-dark--primary) 50%, var(--_colours-semantics---surface-dark--primary) 50%);
}
.footer-cta_wrap {
padding: var(--_spacing---p-20);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #181f25;
border-radius: 1rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-cta_left-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 27rem;
display: flex;
}
.footer-cta_right-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
width: 100%;
display: flex;
}
.footer-cta_icon {
width: 3.19rem;
}
.footer-cta_heading.heading-h3 {
margin-top: var(--_spacing---p-0);
margin-bottom: var(--_spacing---p-0);
color: var(--_colours-primitives---neutral--white);
text-wrap: balance;
}
.footer-cta_heading.heading-h2 {
color: var(--_colours-semantics---content-dark--primary);
}
.footer-cta_subtext.text-body-md {
color: var(--_colours-semantics---content-light--quaternary);
}
.footer-cta_subtext.text-body-1 {
color: var(--_colours-semantics---content-dark--secondary);
}
.footer-cta_formblock {
margin-bottom: var(--_spacing---p-0);
}
.footer-cta_form {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
}
.c-success-message {
padding-top: var(--_spacing---p-6);
padding-bottom: var(--_spacing---p-6);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---feedback-success--primary);
color: var(--_colours-semantics---feedback-success--light);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
}
.c-success-message.uc-secondary {
padding: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
}
.c-error-message {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---feedback-error--primary);
color: var(--_colours-semantics---feedback-error--light);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
}
.c-form-input-field {
min-height: var(--_spacing---p-10);
padding-right: var(--_spacing---p-4);
padding-left: var(--_spacing---p-3);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--primary);
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--regular);
margin-bottom: 0;
transition: border .3s, background-color .3s, color .3s;
}
.c-form-input-field:focus {
border: 1px solid var(--_colours-semantics---brand--dark);
}
.c-form-input-field::placeholder, .footer-cta_form-footnote.text-body-md {
color: var(--_colours-semantics---content-light--quaternary);
}
.footer-cta_form-footnote.text-caption-main {
color: var(--_colours-semantics---content-dark--secondary);
}
.footer-cta_footnote-link {
color: var(--_colours-primitives---neutral--white);
}
.section_all-articles {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
background-color: var(--_colours-primitives---neutral--white);
}
.all-articles_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.cms_empty-state {
padding: var(--_spacing---p-6);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--tertiary);
text-align: center;
}
.cms_empty-state-text {
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
}
.cms_list.customer-stories_track {
justify-content: center;
align-items: center;
}
.cms_list.stories_filter {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cms_list.slider_track.swiper-wrapper {
width: 100%;
}
.cms_list.uc-privacy-toc {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cms_list.uc-privacy-section {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.cms_item.slider_slide {
width: calc(100% - 15rem);
}
.cms_item.slider_slide.swiper-slide {
width: calc(100% - 15rem) !important;
}
.c-blog-card {
padding-bottom: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-bottom: 1px solid var(--_colours-semantics---stroke--main);
color: var(--_colours-primitives---neutral--black);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
text-decoration: none;
display: grid;
}
.c-blog-card:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
padding-bottom: var(--_spacing---p-0);
border-bottom: 0px none var(--_colours-semantics---button--transparent);
flex-flow: column-reverse;
align-items: stretch;
display: flex;
}
.blog-card_left-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 36.81rem;
min-height: 9.63rem;
display: flex;
}
.blog-card_left-wrap:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
justify-content: space-between;
min-height: 9.63rem;
}
.blog-card_image-wrap {
border-radius: var(--_spacing---p-2);
height: 12.06rem;
overflow: hidden;
}
.blog-card_image-wrap.is-big {
border-radius: .38rem;
width: 70%;
height: 28rem;
}
.blog-card_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-card_category.text-body-sm {
color: var(--_colours-semantics---button--primary);
}
.blog-card_title.text-body-xl {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.blog-card_title.text-body-xl.is-big {
font-size: var(--_typography---font-size--h5\);
}
.blog-card_title.heading-h3 {
max-width: 29.31rem;
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-3);
color: var(--_colours-semantics---content-dark--primary);
}
.blog-card_summary.text-body-lg {
color: var(--_colours-semantics---content-light--secondary);
}
.blog-card_summary.text-body-lg:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
display: none;
}
.blog-card_summary.text-body-lg.is-big {
margin-top: var(--_spacing---p-3);
margin-bottom: var(--_spacing---p-12);
font-size: var(--_typography---font-size--body-md);
}
.blog-card_summary.text-body-md {
max-width: 27.75rem;
color: var(--_colours-semantics---content-dark--tertiary);
}
.all-articles_top-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
display: flex;
}
.all-articles_heading.heading-h4 {
color: var(--_colours-semantics---content-light--primary);
}
.c-fitlers-form {
justify-content: flex-end;
align-items: center;
display: flex;
}
.c-search-input {
max-width: 16.31rem;
padding: var(--_spacing---p-1) .38rem;
border-style: none none solid;
border-width: 0 0 1px;
border-color: transparent transparent var(--_colours-semantics---stroke--main);
color: var(--_colours-semantics---content-light--primary);
background-image: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69b928774ba6313b425c6f99_Vector%20(2).svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 0;
font-size: .88rem;
transition: padding .35s, border .3s, color .3s;
}
.c-search-input:hover {
border-bottom-color: var(--_colours-semantics---content-light--primary);
}
.c-search-input:focus {
border-top-style: none;
border-top-width: 0;
border-right-style: none;
border-right-width: 0;
border-bottom-color: var(--_colours-semantics---brand--main);
border-left-style: none;
border-left-width: 0;
padding-left: 1rem;
}
.c-search-input::placeholder {
color: var(--_colours-semantics---content-light--quaternary);
}
.c-search-input.uc-small {
background-color: #0000;
background-position: 50%;
max-width: 1.75rem;
height: 2rem;
}
.section_blog-hero {
padding-top: 9.38rem;
padding-bottom: var(--_spacing---p-12);
background-image: linear-gradient(180deg, var(--_colours-semantics---accent-deep-sky--subtle) 55%, var(--_colours-primitives---neutral--white) 50%);
}
.blog-hero_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.section_editorial-picks {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
}
.editorial-picks_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.editorial-picks_heading.heading-h4 {
color: var(--_colours-semantics---content-light--primary);
}
.uc-3-col {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-card_date-time-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: flex-start;
align-items: center;
margin-top: .75rem;
display: none;
}
.blog-card_date-time-wrap:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
flex-flow: wrap;
display: flex;
}
.blog-card_date-time-wrap.is-big {
margin-top: var(--_spacing---p-6);
margin-bottom: .38rem;
display: flex;
}
.blog-card_date-time-wrap.is-white {
margin-top: 0;
display: flex;
}
.blog-card_footnote-text {
color: var(--_colours-semantics---content-light--secondary);
letter-spacing: var(--_typography---letter-spacing--tight);
}
.blog-card_footnote-text.is-white {
color: var(--_colours-semantics---content-dark--primary);
}
.blog-card_top-details-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.blog-hero_heading.heading-h3 {
max-width: 30rem;
color: var(--_colours-semantics---content-light--primary);
letter-spacing: var(--_typography---letter-spacing--none);
}
.blog-card.is-big {
min-height: 28rem;
padding: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-primitives---neutral--white);
color: var(--_colours-primitives---neutral--black);
text-decoration: none;
display: flex;
}
.blog-card_details-wrap {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 30%;
display: flex;
}
.blog-card_author-details-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-card_author-image-wrap {
width: var(--_spacing---p-10);
aspect-ratio: 1;
border-radius: .13rem;
flex: none;
overflow: hidden;
}
.blog-card_author-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-card_author-name-title {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
flex-flow: column;
display: flex;
}
.blog-card_author-name {
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--h5\);
}
.blog-card_author-name.text-body-sm {
font-family: var(--_typography---font-family--secondary);
font-size: var(--_typography---font-size--body-sm);
font-weight: var(--_typography---font-weight--medium);
}
.blog-card_author-title.text-body-sm {
color: var(--_colours-semantics---content-light--secondary);
}
.c-blog-header {
position: relative;
}
.blog-header_nav {
z-index: 2;
padding: .69rem var(--_components---section--horizontal-padding);
background-color: var(--_colours-semantics---surface-light--secondary);
margin-top: 4.38rem;
position: sticky;
top: 4.38rem;
}
.blog-header_nav-wrap {
max-width: var(--_components---section--max-width);
flex-flow: row;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.blog-header_heading.text-body-md {
color: var(--_colours-semantics---content-light--primary);
}
.blog-header_formblock {
margin-bottom: 0;
}
.blog-header_form {
justify-content: space-between;
align-items: center;
display: flex;
}
.section_blog-template {
padding-top: 9.25rem;
padding-bottom: var(--_spacing---p-24);
background-color: #001a2e;
}
.blog-template_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.blog-template_left-wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.blog-template_right-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.blog-template_image-wrap {
border-radius: var(--_spacing---p-2);
width: 100%;
height: 21.63rem;
overflow: hidden;
}
.blog-template_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-template_image-caption {
color: var(--_colours-semantics---content-dark--tertiary);
}
.c-breadcrumb {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
display: flex;
}
.breadcrumb_link.text-body-sm {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-dark--tertiary);
line-height: var(--_typography---line-height--normal);
font-weight: var(--_typography---font-weight--medium);
text-decoration: none;
}
.breadcrumb_link.text-body-sm:where(.w-variant-f159ee3e-ab24-bba5-f5d7-452c5e6ec961) {
color: var(--_colours-semantics---content-light--tertiary);
}
.breadcrumb_link.text-body-sm.uc-active {
color: var(--_colours-semantics---content-dark--primary);
}
.breadcrumb_link.text-body-sm.uc-active:where(.w-variant-f159ee3e-ab24-bba5-f5d7-452c5e6ec961) {
color: var(--_colours-semantics---content-light--primary);
}
.breadcrumb_link.text-caption-main {
color: var(--_colours-semantics---content-dark--tertiary);
font-weight: var(--_typography---font-weight--medium);
letter-spacing: var(--_typography---letter-spacing--none);
text-transform: none;
text-decoration: none;
}
.breadcrumb_link.text-caption-main:where(.w-variant-f159ee3e-ab24-bba5-f5d7-452c5e6ec961) {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--tertiary);
letter-spacing: var(--_typography---letter-spacing--none);
}
.breadcrumb_link.text-caption-main.uc-active {
color: var(--_colours-semantics---content-dark--primary);
}
.breadcrumb_link.text-caption-main.uc-active:where(.w-variant-f159ee3e-ab24-bba5-f5d7-452c5e6ec961) {
color: var(--_colours-semantics---content-light--primary);
}
.section_blog-body {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
}
.blog-body_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.blog-body_toc-container {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
max-width: 17.81rem;
display: flex;
}
.blog-body_main-copy-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
display: flex;
}
.blog-body_socials-share-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.blog-body_socials-share-wrap.uc-mobile-only {
display: none;
}
.blog-body_share-heading.text-body-md {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--secondary);
font-weight: var(--_typography---font-weight--medium);
}
.blog-body_socials-list {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.blog-body_toc-col {
padding-top: var(--_spacing---p-8);
padding-bottom: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border: 1px dashed #d8dee4;
border-left: 0 #0000;
border-right: 0 #0000;
flex-flow: column;
display: flex;
}
.blog-body_toc-heading.text-body-md {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--secondary);
font-weight: var(--_typography---font-weight--medium);
}
.fs-component-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex;
}
.c-header {
z-index: 10;
width: 100%;
position: fixed;
}
.c-nav {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
border-bottom: 1px solid var(--_colours-semantics---button--transparent);
background-color: #ffffff05;
position: relative;
}
.nav_logo-links-container {
z-index: 1;
width: 100%;
max-width: var(--_components---section--max-width);
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: .94rem;
padding-bottom: .94rem;
display: flex;
position: relative;
}
.nav_logo-link {
flex: none;
}
.nav_logo {
width: 7.94rem;
}
.nav_desktop-cta-wrap {
width: 4.88rem;
}
.nav_hamburger-btn {
width: 1.5rem;
padding: .38rem var(--_spacing---p-1);
grid-column-gap: 3px;
grid-row-gap: 3px;
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--transparent);
flex-flow: column;
justify-content: center;
align-items: center;
display: none;
}
.nav_hamburger-line {
background-color: var(--_colours-primitives---midnight--900);
width: 100%;
height: .09rem;
}
.nav_list {
grid-column-gap: 1.25vw;
grid-row-gap: 1.25vw;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.nav_dropdown-panels {
max-width: var(--_components---section--max-width);
border-top-style: none;
border-top-width: 0;
border-top-color: var(--_colours-semantics---button--transparent);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--_colours-semantics---stroke--light);
border-bottom-style: none;
border-bottom-width: 0;
border-bottom-color: var(--_colours-semantics---button--transparent);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--_colours-semantics---stroke--light);
border-bottom-left-radius: var(--_spacing---p-3);
border-bottom-right-radius: var(--_spacing---p-3);
background-color: var(--_colours-primitives---midnight--100);
opacity: 0;
pointer-events: none;
visibility: hidden;
width: calc(100% - 2rem);
margin-left: auto;
margin-right: auto;
position: absolute;
top: calc(100% - .5px);
left: 50%;
overflow: hidden;
transform: translate(-50%);
box-shadow: 0 5px 6px #1b1c1d05;
}
.nav_dropdown-panels.is-open {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.nav_panel {
width: 100%;
max-width: var(--_components---section--max-width);
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.nav_panel.uc-solutions {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 45.63rem;
margin-left: auto;
margin-right: auto;
}
.nav_panel.uc-solutions.is-active {
pointer-events: auto;
visibility: visible;
display: flex;
}
.nav_panel.uc-developers {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 49.63rem;
margin-left: auto;
margin-right: auto;
}
.nav_panel.uc-developers.is-active {
pointer-events: auto;
visibility: visible;
display: flex;
}
.nav_panel.uc-resources {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 49.63rem;
margin-left: auto;
margin-right: auto;
}
.nav_panel.uc-resources.is-active {
grid-column-gap: 0px;
grid-row-gap: 0px;
pointer-events: auto;
visibility: visible;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.nav_panel.uc-products {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.nav_panel.uc-products.is-active {
grid-column-gap: 0px;
grid-row-gap: 0px;
pointer-events: auto;
visibility: visible;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.nav_links-group {
width: 100%;
}
.nav_links-group.uc-solutions {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-height: 24.38rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.nav_links-group.uc-developers {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 24.38rem;
display: grid;
}
.nav_links-group.uc-developers.uc-resources {
grid-template-columns: 1fr 1fr 1.2fr;
min-height: 26.88rem;
}
.nav_more-products-wrap {
padding: var(--_spacing---p-5);
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--_colours-semantics---surface-light--secondary);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.nav_links-top-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 26.38rem;
display: grid;
}
.nav_footnote-wrap {
padding: var(--_spacing---p-3) var(--_spacing---p-5);
justify-content: space-between;
align-items: center;
display: flex;
}
.nav_links-col {
padding: var(--_spacing---p-5);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border-right: 1px dashed var(--_colours-semantics---stroke--main);
flex-flow: column;
display: flex;
}
.nav_links-col.uc-last-child {
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.nav_links-col.uc-border-bottom {
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
}
.nav_links-col.uc-border-bottom.uc-tablet-gap {
border-bottom-style: none;
border-bottom-width: 0;
}
.nav_links-col-heading.text-body-sm {
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---brand--main);
font-weight: var(--_typography---font-weight--medium);
padding-bottom: .75rem;
}
.nav_links-col-heading.text-body-sm.uc-text-black {
border-bottom: 0px none var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--primary);
padding-bottom: 0;
}
.nav_links-col-heading.text-body-sm.uc-border-0 {
border-bottom: 0px none var(--_colours-semantics---button--transparent);
padding-bottom: 0;
}
.nav_links-col-heading.text-body-sm.uc-border-0.hide-desktop {
display: none;
}
.nav_panel-list {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.nav_panel-link {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: var(--_colours-semantics---content-light--secondary);
justify-content: flex-start;
align-items: flex-start;
padding-top: .31rem;
padding-bottom: .31rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.nav_panel-link:where(.w-variant-c9750610-8012-9898-31f7-2c77fe1f523f) {
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.nav_panel-link-icon {
width: var(--_spacing---p-4);
aspect-ratio: 1;
flex: none;
margin-top: 2px;
transition: transform .45s;
position: absolute;
inset: .25rem auto auto 0%;
transform: translate(-26px);
}
.nav_panel-link-icon:where(.w-variant-c9750610-8012-9898-31f7-2c77fe1f523f) {
margin-top: -2px;
}
.nav_panel-link-icon.is-open {
position: relative;
transform: translate(0);
}
.nav_panel-texts-wrap {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.nav_panel-link-title.text-body-sm {
font-family: var(--_typography---font-family--secondary);
font-weight: var(--_typography---font-weight--medium);
transition: padding .45s;
}
.nav_panel-link-subtext.text-body-sm {
color: var(--_colours-semantics---content-light--tertiary);
}
.nav_panel-link-subtext.text-body-sm:where(.w-variant-c9750610-8012-9898-31f7-2c77fe1f523f) {
display: none;
}
.nav_wrapper {
flex-flow: column;
display: flex;
}
.nav_new-link-wrap {
grid-column-gap: .63rem;
grid-row-gap: .63rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav_new-tag.text-body-xs {
color: #4a5056;
font-weight: var(--_typography---font-weight--medium);
text-transform: uppercase;
background-color: #f0f2f4;
border-radius: .13rem;
padding: .13rem .38rem;
}
.nav_new-link {
grid-column-gap: .63rem;
grid-row-gap: .63rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav_new-link.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
text-decoration: none;
}
.nav_new-link.text-body-1:where(.w-variant-a4b12496-63a9-98b2-b27f-245fde001a99) {
color: var(--_colours-primitives---stack--600);
}
.nav_new-link.text-body-1:where(.w-variant-12d44ab9-cc7d-9d60-e424-639208521b19) {
color: var(--_colours-primitives---stack--600);
font-size: var(--_typography---font-size--caption-main);
}
.nav_new-link.text-body-1:where(.w-variant-dcca3c14-75c7-6b41-21e3-02205120d4c7) {
color: var(--_colours-semantics---content-dark--tertiary);
font-weight: var(--_typography---font-weight--semibold);
}
.nav_new-link.text-body-1:where(.w-variant-0b0f1889-a92b-bdf5-345e-9c3ce5834bad) {
color: var(--_colours-semantics---surface-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.nav_new-link.text-body-1:hover {
color: var(--_colours-semantics---button--primary);
}
.nav_new-link.text-body-1:hover:where(.w-variant-dcca3c14-75c7-6b41-21e3-02205120d4c7) {
color: var(--_colours-semantics---content-dark--primary);
}
.nav_new-link.text-body-1:hover:where(.w-variant-a4b12496-63a9-98b2-b27f-245fde001a99) {
color: var(--_colours-primitives---stack--500);
}
.nav_new-link.text-body-1:hover:where(.w-variant-12d44ab9-cc7d-9d60-e424-639208521b19) {
color: var(--_colours-semantics---button--secondary-hover);
}
.nav_new-link.text-body-1:hover:where(.w-variant-0b0f1889-a92b-bdf5-345e-9c3ce5834bad) {
color: var(--_colours-semantics---content-dark--primary);
}
.nav_new-link.text-body-1.uc-text-primary {
color: var(--_colours-semantics---button--primary);
}
.nav_new-link-text {
font-weight: var(--_typography---font-weight--semibold);
transition: color .3s;
}
.nav_new-link-arrow {
width: 1rem;
height: 1rem;
font-size: var(--_typography---font-size--caption-main);
color: inherit;
}
.c-text-link.text-body-sm {
color: var(--_colours-primitives---stack--600);
text-decoration: none;
}
.nav_links-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px dashed var(--_colours-semantics---stroke--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav_card-link {
padding: var(--_spacing---p-5);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.nav_card-image-wrap {
border-radius: var(--_spacing---p-2);
width: 100%;
height: 15rem;
overflow: hidden;
}
.nav_card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.nav_link-card-title.text-body-sm {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--secondary);
font-weight: var(--_typography---font-weight--medium);
margin-top: 1rem;
margin-bottom: .13rem;
}
.nav_link-card-subtext.text-body-sm {
color: var(--_colours-semantics---content-light--tertiary);
margin-bottom: 1rem;
text-decoration: none;
}
.nav_cta-tablet {
display: none;
}
.nav_left-wrap {
position: relative;
}
.nav_back-btn {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.nav_back-btn.text-body-sm {
color: var(--_colours-primitives---midnight--900);
font-weight: var(--_typography---font-weight--medium);
display: none;
}
.nav_back-btn.text-body-sm:hover {
color: var(--_colours-primitives---midnight--1100);
}
.nav_back-btn-icon {
width: var(--_spacing---p-5);
aspect-ratio: 1;
transform: rotate(90deg);
}
.nav_back-btn-text {
transition: color .3s;
}
.breadcrumb_list {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
}
.header_breadcrumb-wrap {
margin-bottom: 1rem;
}
.header_logos-row {
width: 100%;
margin-top: 3.63rem;
}
.header_logos-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.header_logo {
filter: brightness(0) saturate() invert(88%) sepia(8%) saturate(693%) hue-rotate(184deg) brightness(91%) contrast(93%);
transition-property: filter;
transition-duration: .4s;
transition-timing-function: ease;
}
.header_logo:hover {
filter: brightness(0) saturate() invert(88%) sepia(8%) saturate(693%) hue-rotate(184deg) brightness(91%) contrast(93%);
}
.header_heading-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.section_company-stats {
padding-top: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--beige);
padding-bottom: 3.75rem;
}
.company-stats_wrap {
padding: var(--_spacing---p-24) var(--_spacing---p-20);
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.company-stats_top-container {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: center;
flex-flow: column;
max-width: 43.75rem;
display: flex;
}
.company-stats_main-heading.text-body-md {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---button--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.company-stats_texts-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 33.06rem;
display: flex;
}
.company-stats_subheading.heading-h3 {
max-width: 29.63rem;
color: var(--_colours-semantics---content-light--primary);
}
.company-stats_subheading.heading-h2 {
max-width: 100%;
color: var(--_colours-semantics---content-light--primary);
text-align: left;
}
.company-stats_subtext.text-body-md {
color: var(--_colours-semantics---content-light--secondary);
}
.company-stats_subtext.text-body-1 {
max-width: 29.44rem;
color: var(--_colours-semantics---content-light--secondary);
text-align: left;
}
.uc-grid-12 {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
text-align: left;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.company-stats_card-row {
grid-column-gap: var(--_spacing---p-20);
grid-row-gap: var(--_spacing---p-20);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---accent-burnt-orange--subtle);
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 25.5rem;
height: 13.25rem;
transition: background-color .6s cubic-bezier(.65, 0, .35, 1);
display: flex;
position: relative;
overflow: hidden;
}
.company-stats_card {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.company-stats_card-title {
font-family: var(--_typography---font-family--primary);
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--h4);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.company-stats_card-subtext.text-body-md {
max-width: 17.13rem;
color: var(--_colours-semantics---content-light--secondary);
text-wrap: balance;
}
.section_company-products {
background-color: var(--_colours-semantics---surface-light--beige);
align-items: center;
height: 100dvh;
min-height: 100dvh;
display: flex;
overflow: hidden;
}
.section_company-products:where(.w-variant-710dc99e-4a6b-7e03-b12c-58128718a60d) {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.company-products_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.company-products_heading.heading-h3, .company-products_heading.heading-h2 {
max-width: 36.13rem;
color: var(--_colours-semantics---content-light--primary);
}
.company-products_heading.heading-h2:where(.w-variant-710dc99e-4a6b-7e03-b12c-58128718a60d) {
max-width: 38.63rem;
}
.company-products_bento-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column;
display: flex;
}
.company-products_bento-wrap:where(.w-variant-77a43a4a-8a34-0241-25cb-73f360d37293) {
flex-flow: column-reverse;
}
.company-products_card {
width: 30.5rem;
height: 37.5rem;
padding-top: var(--_spacing---p-4);
padding-right: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
padding-left: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-top-left-radius: var(--_spacing---p-4);
border-top-right-radius: var(--_spacing---p-4);
border-bottom-left-radius: var(--_spacing---p-4);
border-bottom-right-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
flex-flow: column;
flex-shrink: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
transition-property: transform, box-shadow;
transition-duration: .3s, .3s;
transition-timing-function: ease, ease;
display: flex;
}
.company-products_card:where(.w-variant-9dc2bc5c-cad4-af16-b1f1-b4be30ad2933) {
flex-shrink: unset;
width: auto;
}
.company-products_card:hover {
transform: translate(0, -2px);
box-shadow: 0 12px 24px -6px #0000000d, 0 4px 6px -2px #00000008 !important;
}
.company-products_card-image-wrap {
border-radius: var(--_spacing---p-2);
width: 100%;
height: 28.5rem;
overflow: hidden;
}
.company-products_card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.company-products_details-wrap {
max-width: 28.25rem;
padding-top: var(--_spacing---p-4);
padding-left: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.company-products_card-title.heading-h4 {
margin-top: var(--_spacing---p-0);
margin-bottom: var(--_spacing---p-0);
color: var(--_colours-semantics---content-light--primary);
text-wrap: pretty;
}
.company-products_card-title.heading-h3 {
box-sizing: border-box;
margin-top: var(--_spacing---p-0);
margin-bottom: var(--_spacing---p-0);
}
.company-products_card-subtext.text-body-md, .company-products_card-subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
}
.uc-text-eyebrow {
color: var(--_colours-semantics---button--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--medium);
}
.company-products_link-wrap {
margin-top: var(--_spacing---p-4);
}
.company-products_link-wrap:where(.w-variant-9dc2bc5c-cad4-af16-b1f1-b4be30ad2933) {
display: none;
}
.company-products_bento-row {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.company-products_card-slot {
height: 100%;
}
.section_integrate {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
pointer-events: auto;
overflow: hidden;
}
.section_integrate:where(.w-variant-b492dfcc-2092-cf2b-dba2-1bd027164b94) {
z-index: 1;
position: relative;
}
.integrate_wrap {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
flex-flow: column;
display: flex;
position: relative;
}
.integrate_details-wrap {
z-index: 1;
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 30.5rem;
margin-top: -4.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.integrate_details-wrap:where(.w-variant-b492dfcc-2092-cf2b-dba2-1bd027164b94) {
max-width: 47rem;
}
.integrate_heading.heading-h3, .integrate_heading.heading-h2 {
color: var(--_colours-semantics---surface-light--primary);
}
.integrate_subtext.text-body-2 {
max-width: 28.88rem;
color: var(--_colours-semantics---surface-light--secondary);
}
.integrate_subtext.text-body-2:where(.w-variant-b492dfcc-2092-cf2b-dba2-1bd027164b94) {
max-width: 34.44rem;
}
.integrate_subtext.text-body-1 {
color: var(--_colours-semantics---surface-light--secondary);
}
.integrate_subtext.text-body-1:where(.w-variant-b492dfcc-2092-cf2b-dba2-1bd027164b94) {
max-width: 31rem;
}
.integrate_bento-block-wrap {
grid-column-gap: .69rem;
grid-row-gap: .69rem;
pointer-events: none;
background-image: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69de0e22c7c71219269a42f9_Frame.svg");
background-position: 50%;
background-size: cover;
justify-content: space-between;
width: 100%;
max-width: 55.5rem;
height: 17.94rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: auto;
}
.integrate_bento-grid {
grid-column-gap: .69rem;
grid-row-gap: .69rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: none;
}
.integrate_bento-card {
aspect-ratio: 1;
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-dark--secondary);
justify-content: center;
align-items: center;
width: 8.75rem;
display: flex;
}
.integrate_bento-card.uc-big-card {
flex: 1;
display: none;
}
.integrate_bento-bg {
z-index: 1;
pointer-events: none;
width: 100%;
height: 48.19rem;
position: absolute;
inset: 0% 0% 0% 50%;
transform: translate(-50%, -10%);
}
.section_company-quotes {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--primary);
overflow: hidden;
}
.company-quotes_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
width: 100%;
display: flex;
}
.company-quotes_top-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.company-quotes_cards-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: space-between;
width: 100%;
height: 29.38rem;
display: flex;
}
.company-quotes_card {
padding-top: var(--_spacing---p-0);
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border-top-left-radius: var(--_spacing---p-4);
border-top-right-radius: var(--_spacing---p-4);
border-bottom-left-radius: var(--_spacing---p-4);
border-bottom-right-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---accent-burnt-orange--dark);
flex-flow: column;
flex: 1 0;
justify-content: flex-end;
display: block;
position: relative;
overflow: hidden;
}
.company-quotes_card.is-tertiary {
background-color: var(--_colours-semantics---accent-lime--dark);
flex: none;
}
.company-quotes_card.is-secondary {
background-color: var(--_colours-semantics---accent-fuchsia--dark);
flex: none;
}
.company-quotes_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
max-width: 33.94rem;
display: flex;
}
.company-quotes_eyebrow.uc-text-eyebrow:where(.w-variant-04d7b0a6-d05c-89a3-a9fa-23b1e0ad03df) {
display: none;
}
.company-quotes_title.heading-h4 {
color: var(--_colours-semantics---content-light--primary);
}
.company-quotes_title.heading-h4:where(.w-variant-04d7b0a6-d05c-89a3-a9fa-23b1e0ad03df) {
max-width: 40.13rem;
}
.company-quotes_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.company-quotes_card-content {
left: var(--_spacing---p-8);
top: var(--_spacing---p-8);
right: var(--_spacing---p-8);
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex-shrink: 0;
flex-basis: auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
position: absolute;
bottom: 5.5rem;
}
.company-quotes_card-footer {
padding: var(--_spacing---p-6) var(--_spacing---p-8);
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.company-quotes_card-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
}
.company-quotes_quote-text.heading-h6 {
color: var(--_colours-semantics---accent-burnt-orange--bg);
margin-bottom: 2.69rem;
}
.company-quotes_quote-text.heading-h4 {
color: var(--_colours-semantics---accent-burnt-orange--bg);
margin-bottom: 2.69rem;
font-size: clamp(1rem, .0625rem + 2vw, 1.75rem);
}
.company-quotes_author.text-body-1 {
color: var(--_colours-semantics---content-dark--primary);
}
.company-quotes_divider {
border: 1px dashed var(--_colours-semantics---accent-burnt-orange--subtle);
width: 100%;
margin-top: auto;
}
.company-quotes_logo {
filter: brightness(0) invert();
}
.company-quotes_card-content-wrap {
flex-flow: column;
height: 100%;
display: flex;
}
.company-quotes_cta-wrap {
top: 50%;
left: auto;
right: var(--_spacing---p-8);
opacity: 0;
pointer-events: none;
visibility: hidden;
height: fit-content;
display: block;
position: absolute;
bottom: 0%;
transform: translate(0, -50%);
}
.company-quotes_buttons-group.button-group {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
justify-content: center;
align-items: center;
}
.company-quotes_buttons-group.button-group.uc-stacks-quote {
position: absolute;
inset: 3.3rem 0% auto auto;
}
.company-quotes_button {
width: var(--_spacing---p-11);
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--secondary);
border-radius: 50%;
justify-content: center;
align-items: center;
padding: 0;
transition: background-color .3s;
display: flex;
}
.company-quotes_button:hover {
background-color: var(--_colours-semantics---button--secondary-hover);
}
.company-quotes_button.is-disabled {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.company-quotes_button-icon {
width: 1.44rem;
transition: filter .3s;
}
.company-quotes_button-icon.is-rotated {
transform: rotate(180deg);
}
.company-quotes_slot {
height: 100%;
}
.section {
background-color: var(--_colours-primitives---midnight--1100);
width: 1032vw;
height: 100vh;
overflow: hidden;
}
.code-embed {
object-fit: fill;
width: 100vw;
height: 100vh;
}
.section_faqs {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.section_faqs:where(.w-variant-e4411c2b-b431-cbcf-6d54-7016691b38a5) {
background-color: var(--_colours-primitives---neutral--white);
}
.faqs_wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.faqs_left-container {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 22rem;
display: flex;
}
.faqs_accordions-container {
flex-flow: column;
display: flex;
}
.faqs_title.heading-h4, .faqs_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.faqs_subtext {
margin-top: var(--_spacing---p-5);
margin-bottom: var(--_spacing---p-6);
}
.faqs_subtext.text-body-md, .faqs_subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
}
.faqs_cta-group.button-group {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.c-accordion {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-bottom: 1px solid var(--_colours-semantics---stroke--main);
flex-flow: column;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
display: flex;
}
.accordion_trigger-btn {
padding: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: left;
background-color: #0000;
justify-content: flex-start;
align-items: center;
display: flex;
}
.accordion_body-wrap {
padding-left: var(--_spacing---p-10);
}
.accordion_body-inner {
min-height: 0%;
overflow: hidden;
}
.accordion_body-text.text-body-md {
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
}
.accordion_body-text.text-body-md ol, .accordion_body-text.text-body-md ul {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
margin-bottom: .63rem;
padding-left: 20px;
display: flex;
}
.accordion_body-text.text-body-md a {
color: var(--_colours-semantics---button--primary);
text-decoration: underline;
}
.accordion_body-text.text-body-md p {
margin-bottom: var(--_spacing---p-4);
}
.accordion_title.text-body-lg, .accordion_title.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.accordion_trigger-sign-wrap {
width: var(--_spacing---p-6);
aspect-ratio: 1;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.accordion_trigger-line {
border-top: .13rem solid var(--_colours-semantics---button--primary);
width: .88rem;
transition: opacity .35s cubic-bezier(.4, 0, .2, 1), transform .35s cubic-bezier(.4, 0, .2, 1);
}
.accordion_trigger-line.is-rotated {
transform-origin: 50%;
position: absolute;
transform: rotate(90deg);
}
.section_prefooter {
padding-top: var(--_spacing---p-24);
background-image: linear-gradient(180deg, #e8e5e0 50%, var(--_colours-semantics---surface-dark--primary) 50%);
padding-bottom: 3.75rem;
}
.section_prefooter:where(.w-variant-d8d0aeff-c5b4-188c-dac7-a6d7ee3c3fe9), .section_prefooter:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
background-image: linear-gradient(180deg, var(--_colours-semantics---surface-light--secondary) 50%, var(--_colours-semantics---surface-dark--primary) 50%);
}
.section_prefooter:where(.w-variant-5978c854-67eb-48ff-fd21-7e5be0546b05) {
background-image: linear-gradient(180deg, var(--_colours-semantics---surface-light--primary) 50%, var(--_colours-semantics---surface-dark--primary) 50%);
}
.section_prefooter:where(.w-variant-4550c35e-6b2f-56e3-1965-56b1dff420d9) {
background-image: linear-gradient(180deg, var(--_colours-primitives---neutral--white) 50%, var(--_colours-semantics---surface-dark--primary) 50%);
}
.prefooter_wrap {
width: 100%;
padding-top: var(--_spacing---p-20);
padding-bottom: var(--_spacing---p-20);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: #181f25;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.prefooter_wrap:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
position: relative;
}
.prefooter_left-wrap {
padding-left: var(--_spacing---p-20);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.prefooter_left-wrap:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
z-index: 1;
position: relative;
}
.prefooter_right-wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.prefooter_right-wrap:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
z-index: 1;
display: none;
position: relative;
}
.prefooter_title.heading-h4 {
color: var(--_colours-primitives---neutral--white);
}
.prefooter_title.heading-h2 {
max-width: 22rem;
color: var(--_colours-primitives---neutral--white);
}
.prefooter_title.heading-h2:where(.w-variant-d8d0aeff-c5b4-188c-dac7-a6d7ee3c3fe9), .prefooter_title.heading-h2:where(.w-variant-4550c35e-6b2f-56e3-1965-56b1dff420d9) {
max-width: 31.25rem;
}
.prefooter_subtext {
margin-top: var(--_spacing---p-4);
margin-bottom: var(--_spacing---p-6);
}
.prefooter_subtext.text-body-md {
color: var(--_colours-semantics---surface-light--tertiary);
}
.prefooter_subtext.text-body-1 {
max-width: 22rem;
color: var(--_colours-semantics---content-dark--tertiary);
}
.prefooter_subtext.text-body-1:where(.w-variant-d8d0aeff-c5b4-188c-dac7-a6d7ee3c3fe9) {
max-width: 24.25rem;
}
.prefooter_cta-group.button-group {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.prefooter_content-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.prefooter_content-title.text-body-md {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-primitives---neutral--white);
font-weight: var(--_typography---font-weight--semibold);
}
.prefooter_content-title.text-body-1 {
color: var(--_colours-primitives---neutral--white);
font-weight: var(--_typography---font-weight--semibold);
}
.prefooter_content-subtext.text-body-1 {
margin-top: var(--_spacing---p-4);
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-dark--tertiary);
}
.section_payments-channels {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
}
.payments-channels_wrap {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
flex-flow: column;
width: 100%;
display: flex;
}
.tabs_nav {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
justify-content: space-between;
display: flex;
overflow: scroll;
}
.tabs_content {
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-dark--secondary);
width: 100%;
min-height: 33.38rem;
position: relative;
}
.tab_btn {
padding-top: var(--_spacing---p-0);
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
grid-column-gap: .63rem;
grid-row-gap: .63rem;
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--quaternary);
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab_btn:hover {
color: var(--_colours-semantics---accent-deep-sky--main);
}
.tab_btn-text.text-body-sm {
font-weight: var(--_typography---font-weight--medium);
white-space: nowrap;
transition: color .3s;
}
.tab_btn-progress-container {
width: 100%;
height: var(--_spacing---p-1);
border-radius: var(--_spacing---p-1);
background-color: var(--_colours-semantics---surface-dark--tertiary);
overflow: hidden;
}
.tab_btn-progress-bar {
border-radius: var(--_spacing---p-1);
background-color: var(--_colours-semantics---accent-deep-sky--main);
width: 0%;
height: 100%;
}
.tab_panel {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.tab_panel-visual-wrap {
height: 31.38rem;
margin: var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--tertiary);
justify-content: flex-end;
align-items: flex-end;
padding-top: 3.25rem;
padding-left: 3.06rem;
display: flex;
overflow: hidden;
}
.tab_panel-visual {
object-fit: cover;
width: 100%;
height: 100%;
}
.tab_panel-content {
max-width: 32rem;
padding-top: var(--_spacing---p-9);
padding-bottom: var(--_spacing---p-9);
padding-left: var(--_spacing---p-8);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.tab_panel-title.heading-h4 {
color: var(--_colours-primitives---neutral--white);
}
.tab_panel-title.heading-h3 {
font-family: var(--_typography---font-family--primary);
color: var(--_colours-primitives---neutral--white);
}
.tab_panel-subtext {
margin-top: var(--_spacing---p-6);
margin-bottom: var(--_spacing---p-8);
}
.tab_panel-subtext.text-body-md {
max-width: 28.25rem;
color: var(--_colours-semantics---surface-light--tertiary);
}
.tab_panel-subtext.text-body-1 {
color: var(--_colours-semantics---surface-light--tertiary);
}
.tab_panel-cta-group.button-group {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.section_hero {
background-color: var(--_colours-primitives---neutral--white);
padding-top: 18rem;
padding-bottom: 35rem;
position: relative;
}
.hero_wrap {
z-index: 1;
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
text-align: center;
will-change: transform, opacity;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 48.31rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.hero_heading.heading-h2 {
color: var(--_colours-semantics---surface-dark--primary);
}
.hero_cta-group.button-group {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
}
.c-video-masked {
z-index: 2;
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
margin-top: -20.44rem;
position: relative;
overflow: hidden;
}
.masked-video_wrap {
height: 40.88rem;
max-width: var(--_components---section--max-width);
border-top-left-radius: var(--_spacing---p-4);
border-top-right-radius: var(--_spacing---p-4);
border-bottom-left-radius: var(--_spacing---p-4);
border-bottom-right-radius: var(--_spacing---p-4);
will-change: height, border-radius, max-width, width;
flex-flow: column;
justify-content: flex-end;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.masked-video_visual {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_capabilities {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.section_capabilities:where(.w-variant-2d35c20f-8c80-2fc4-df24-ba85bcfcce30) {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.capabilities_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.capabilities_bento {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column;
display: flex;
}
.capabilities_heading.heading-h3, .capabilities_heading.heading-h2 {
max-width: 35.19rem;
color: var(--_colours-semantics---content-light--primary);
}
.capabilities_heading.heading-h2:where(.w-variant-2d35c20f-8c80-2fc4-df24-ba85bcfcce30) {
max-width: 24.06rem;
}
.capabilities_row {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.capabilities_card {
height: 100%;
padding: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
flex-flow: column;
justify-content: space-between;
display: flex;
position: relative;
}
.capabilities_card-top-wrap {
padding: var(--_spacing---p-3-5) var(--_spacing---p-5) var(--_spacing---p-5);
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.capabilities_card-title.heading-h5 {
max-width: 31.25rem;
color: var(--_colours-semantics---content-light--primary);
text-wrap: balance;
}
.capabilities_card-title.heading-h3, .capabilities_card-title.heading-h4 {
max-width: 31.25rem;
color: var(--_colours-semantics---content-light--primary);
}
.capabilities_card-image-wrap {
border-radius: var(--_spacing---p-2);
height: 26.88rem;
overflow: hidden;
}
.capabilities_card-image {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .3s ease-in-out;
}
.capabilities_card-slot {
height: 100%;
}
.section_stats {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.stats_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.stats_heading {
text-align: center;
}
.stats_heading.heading-h3, .stats_heading.heading-h2 {
max-width: 35.31rem;
color: var(--_colours-semantics---content-light--primary);
}
.stats_numbers-wrap {
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
width: 100%;
position: relative;
overflow: hidden;
}
.stats_trigger-btn-wrap {
z-index: 1;
width: 100%;
max-width: 32rem;
margin-top: .75rem;
margin-bottom: var(--_spacing---p-5);
margin-left: var(--_spacing---p-8);
position: relative;
}
.stats_trigger-btn {
width: 100%;
padding: var(--_spacing---p-5) var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-dark--tertiary);
text-align: left;
justify-content: flex-start;
align-items: center;
display: flex;
}
.stats_trigger-btn:hover {
color: var(--_colours-semantics---content-dark--quaternary);
}
.stats_trigger-btn-counter {
font-family: var(--_typography---font-family--primary);
font-size: 5rem;
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
letter-spacing: var(--_typography---letter-spacing--tight);
color: inherit;
transition-property: color;
transition-duration: .3s;
transition-timing-function: ease;
}
.stats_trigger-btn-tag.text-body-1 {
color: inherit;
transition-property: color;
transition-duration: .3s;
transition-timing-function: ease;
}
.stats_visual {
pointer-events: auto;
max-width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0% auto;
transform: translate(40%, -10%);
}
.stats_visual.hide-mobile-landscape {
width: 100%;
margin-bottom: var(--_spacing---p-0);
position: absolute;
transform: translate(0%);
}
.stats_visual.uc-mobile {
display: none;
position: relative;
transform: translate(0%);
}
.section_developers {
z-index: 1;
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
position: relative;
}
.section_developers:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655) {
background-color: var(--_colours-semantics---surface-light--beige);
padding-top: 13.5rem;
overflow: hidden;
}
.section_developers:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
padding-top: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--beige);
overflow: hidden;
}
.section_developers:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0) {
background-color: var(--_colours-semantics---surface-light--secondary);
padding-top: 13.5rem;
overflow: hidden;
}
.section_developers:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
background-color: var(--_colours-semantics---surface-light--primary);
padding-top: 13.5rem;
overflow: hidden;
}
.developers_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.developers_wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
}
.integration_container {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.developers_container {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.developers_container:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developers_container:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developers_container:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_container:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
align-items: center;
}
.integration_title.heading-h3 {
color: var(--_colours-semantics---surface-light--primary);
}
.integration_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.integration_card {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
display: flex;
}
.integration_card-image-wrap {
border-radius: var(--_spacing---p-4);
height: 15.63rem;
overflow: hidden;
}
.integration_card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.integration_details-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.integration_card-title p {
color: var(--_colours-semantics---surface-light--primary);
}
.developers_left-wrap {
grid-column-gap: var(--_spacing---p-30);
grid-row-gap: var(--_spacing---p-30);
flex-flow: column;
display: flex;
}
.developers_left-wrap:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developers_left-wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developers_left-wrap:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_left-wrap:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
grid-column-gap: var(--_spacing---p-7);
grid-row-gap: var(--_spacing---p-7);
justify-content: center;
}
.developers_right-wrap {
border-radius: var(--_spacing---p-4);
background-image: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69de339731441f9cb2948d8f_251fbae19545d7cd37d2c022defea87c_Dotted%20Pattern.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.developers_right-wrap.hide-mobile-landscape {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.developers_right-wrap.hide-mobile-landscape:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655) {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--secondary);
background-image: none;
background-repeat: repeat;
background-size: auto;
height: 41.13rem;
}
.developers_right-wrap.hide-mobile-landscape:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--secondary);
background-image: none;
background-repeat: repeat;
background-size: auto;
height: 41.13rem;
overflow: hidden;
}
.developers_right-wrap.hide-mobile-landscape:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_right-wrap.hide-mobile-landscape:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--secondary);
background-image: none;
background-repeat: repeat;
background-size: auto;
height: 41.13rem;
}
.developers_content-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 36.88rem;
display: flex;
}
.developers_heading.heading-h3, .developers_heading.heading-h2 {
color: var(--_colours-semantics---surface-light--primary);
}
.developers_heading.heading-h2:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developers_heading.heading-h2:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developers_heading.heading-h2:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_heading.heading-h2:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
color: var(--_colours-semantics---content-light--primary);
}
.developers_cta-wrap:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developers_cta-wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developers_cta-wrap:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_cta-wrap:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
display: none;
}
.developer-tabs_btn-wrap {
flex-flow: column;
max-width: 30.75rem;
display: flex;
}
.developer-tabs_btn {
background-color: var(--_colours-semantics---button--transparent);
padding: 1.75rem 1.75rem 1.75rem 0;
position: relative;
}
.developer-tabs_btn-title.text-body-1 {
color: var(--_colours-semantics---surface-light--primary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
}
.developer-tabs_btn-title.text-body-1:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developer-tabs_btn-title.text-body-1:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developer-tabs_btn-title.text-body-1:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developer-tabs_btn-title.text-body-1:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
color: var(--_colours-semantics---content-light--tertiary);
}
.developer-tabs_btn-progress-container {
border-radius: var(--_spacing---p-1);
background-color: var(--_colours-semantics---surface-dark--tertiary);
width: 100%;
height: .06rem;
position: absolute;
inset: auto 0% 0%;
}
.developer-tabs_btn-progress-container:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developer-tabs_btn-progress-container:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
background-color: #d5d2cd;
}
.developer-tabs_btn-progress-container:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0) {
background-color: var(--_colours-semantics---surface-light--tertiary);
}
.developer-tabs_btn-progress-container:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
background-color: #d5d2cd;
}
.developer-tabs_btn-progress-bar {
border-radius: var(--_spacing---p-1);
background-color: var(--_colours-semantics---brand--main);
width: 30%;
height: 100%;
}
.developer-tabs_btn-subtext.text-body-1 {
color: var(--_colours-semantics---surface-light--primary);
line-height: var(--_typography---line-height--body);
overflow: hidden;
}
.developer-tabs_btn-subtext.text-body-1:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developer-tabs_btn-subtext.text-body-1:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developer-tabs_btn-subtext.text-body-1:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developer-tabs_btn-subtext.text-body-1:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
color: var(--_colours-semantics---content-light--primary);
}
.developer-tabs_btn-texts-wrap {
text-align: left;
flex-flow: column;
display: flex;
}
.developer-tabs_body-inner {
transition: all .45s;
overflow: hidden;
}
.section_customer-quotes {
height: 175dvh;
padding-top: var(--_spacing---p-30);
flex-flow: column;
justify-content: flex-end;
padding-bottom: 7.38rem;
display: flex;
position: sticky;
bottom: 0;
overflow: hidden;
}
.customer-quotes_top-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.customer-quotes_text-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 34.88rem;
display: flex;
}
.customer-quotes_eyebrow.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
font-weight: var(--_typography---font-weight--semibold);
display: none;
}
.customer-quotes_heading.heading-h3, .customer-quotes_heading.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.customer-quotes_buttons-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: flex-end;
align-items: center;
display: flex;
}
.customer-stories_slider-btn {
width: 2.75rem;
padding: var(--_spacing---p-0);
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--secondary);
border-radius: 50%;
justify-content: center;
align-items: center;
transition: background-color .3s;
display: flex;
overflow: hidden;
}
.customer-stories_slider-btn:hover {
background-color: var(--_colours-semantics---button--secondary-hover);
}
.customer-stories_slider-btn.is-disabled {
background-color: var(--_colours-semantics---surface-light--tertiary);
pointer-events: none;
}
.customer-stories_slider-btn-arrow {
transition: filter .3s;
}
.customer-stories_slider-btn-arrow.is-rotated {
transform: rotate(180deg);
}
.customer-stories_slider-wrap {
overflow: hidden;
}
.customer-stories_track {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
justify-content: flex-start;
align-items: center;
display: flex;
}
.customer-stories_slide {
border-radius: var(--_spacing---p-4);
flex: none;
width: 60vw;
height: 55vh;
position: relative;
overflow: hidden;
}
.customer-stories_slide.swiper-slide {
width: auto;
}
.customer-stories_slide-bg {
z-index: 0;
width: 60vw;
height: 100%;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.customer-stories_slide-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.customer-stories_slide-overlay {
z-index: 1;
background-image: linear-gradient(#0e141b00, #000000e6);
width: 100%;
height: 100%;
transition: filter .45s cubic-bezier(.165, .84, .44, 1), opacity .45s cubic-bezier(.165, .84, .44, 1);
position: absolute;
inset: 0%;
}
.customer-stories_slide-inner {
z-index: 2;
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.customer-stories_slide-footer {
min-height: 5.88rem;
padding: var(--_spacing---p-4) var(--_spacing---p-9) var(--_spacing---p-9);
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.customer-stories_slide-logo {
filter: brightness(0) invert();
}
.customer-stories_slide-author.text-body-sm {
right: var(--_spacing---p-9);
color: var(--_colours-semantics---content-dark--tertiary);
position: absolute;
}
.customer-stories_slide-content {
width: 100%;
max-width: 820px;
padding-right: var(--_spacing---p-9);
padding-bottom: var(--_spacing---p-10);
padding-left: var(--_spacing---p-9);
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.customer-stories_slide-quote.heading-h6 {
width: 39.25rem;
color: var(--_colours-semantics---content-dark--primary);
}
.customer-stories_slide-quote.heading-h4 {
width: 100%;
color: var(--_colours-semantics---content-dark--primary);
font-size: var(--_typography---font-size--h2);
}
.customer-stories_slide-divider {
background-color: var(--_colours-semantics---stroke--dark);
width: calc(100% - 4.5rem);
height: .06rem;
position: absolute;
inset: 0% 0% auto 50%;
transform: translate(-50%);
}
.hero-scene {
min-height: 100vh;
position: relative;
}
.c-logo-marquee {
padding-top: 2.31rem;
padding-bottom: 2.31rem;
position: relative;
overflow: hidden;
}
.c-logo-marquee:where(.w-variant-8e12ba39-a0dd-1cbd-b036-2853501f07c3) {
z-index: 1;
background-color: var(--_colours-semantics---surface-light--primary);
}
.marquee_track {
grid-column-gap: var(--_spacing---p-14);
grid-row-gap: var(--_spacing---p-14);
will-change: transform;
width: max-content;
display: flex;
}
.marquee_group {
grid-column-gap: var(--_spacing---p-14);
grid-row-gap: var(--_spacing---p-14);
min-width: 0%;
display: flex;
}
.marquee_logo {
filter: brightness(0) saturate() invert(88%) sepia(8%) saturate(693%) hue-rotate(184deg) brightness(91%) contrast(93%);
flex: none;
width: 8.63rem;
height: 2.38rem;
}
.section_customer-hero {
padding-top: 11.88rem;
overflow: hidden;
}
.customer-hero_wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.customer-hero_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 40rem;
display: flex;
}
.customer-hero_subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
}
.c-slider.uc-customer-stories {
margin-top: var(--_spacing---p-12);
position: relative;
}
.slider_track {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
justify-content: center;
display: flex;
}
.slider_nav-btn {
width: var(--_spacing---p-10);
padding: var(--_spacing---p-0);
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--transparent-blur);
border-radius: 50%;
justify-content: center;
align-items: center;
transition: background-color .3s;
display: flex;
}
.slider_nav-btn:hover {
background-color: var(--_colours-semantics---button--secondary-hover);
}
.slider_nav-btn.uc-next {
left: auto;
right: 50%;
}
.slider_nav-btn-icon.is-rotated {
transform: rotate(180deg);
}
.slider_slide {
width: 100%;
height: 37.5rem;
max-width: var(--_components---section--max-width);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---midnight--300);
flex: none;
align-items: flex-end;
display: flex;
position: relative;
overflow: hidden;
}
.slider_image-wrap {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider_slide-footer {
width: 100%;
padding: var(--_spacing---p-0) var(--_spacing---p-10) var(--_spacing---p-10);
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.slider_logo {
filter: brightness(0) invert();
}
.slider_control-btn {
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent-blur);
color: var(--_colours-semantics---surface-light--primary);
justify-content: center;
align-items: center;
transition: background-color .25s;
display: flex;
}
.slider_control-btn:hover {
background-color: var(--_colours-semantics---button--secondary);
color: var(--_colours-semantics---surface-light--beige);
}
.slider_control-icon {
width: var(--_spacing---p-5);
}
.slider_control-text.text-body-sm {
color: var(--_colours-semantics---surface-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.slider_control-text.text-caption-main {
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
}
.video-component-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
.video-component-element {
width: 100%;
height: 100%;
}
.slider_nav-wrap {
z-index: 1;
justify-content: space-between;
width: 100%;
padding-left: 3.5rem;
padding-right: 3.5rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slider_nav-inner {
z-index: 1;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: calc(90rem + 120px);
margin-left: auto;
margin-right: auto;
display: flex;
}
.section_cs-quote {
padding-top: var(--_spacing---p-40);
padding-bottom: var(--_spacing---p-40);
}
.cs-quote_wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
flex-flow: column;
display: flex;
}
.cs-quote_title {
font-family: var(--_typography---font-family--primary);
font-size: var(--_typography---font-size--h2);
}
.cs-quote_title p {
font-family: var(--_typography---font-family--primary);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
}
.cs-quote_footer {
padding-top: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border-top: 1px dashed var(--_colours-semantics---stroke--dark);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.cs-quote_name-title-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: flex-start;
align-items: center;
display: flex;
}
.cs-quote_name.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
font-weight: var(--_typography---font-weight--semibold);
}
.cs-quote_position {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
}
.section_proof {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
grid-column-gap: 4.63rem;
grid-row-gap: 4.63rem;
background-color: var(--_colours-semantics---surface-dark--primary);
flex-flow: column;
display: flex;
}
.proof_title.heading-h3 {
max-width: 44.38rem;
color: var(--_colours-semantics---content-dark--primary);
text-align: center;
margin-left: auto;
margin-right: auto;
}
.proof_title.heading-h2 {
color: var(--_colours-semantics---content-dark--primary);
text-align: center;
margin-left: auto;
margin-right: auto;
}
.proof_image-wrap {
width: 100%;
height: auto;
}
.proof_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.proof_texts-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 47.38rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.proof_subtext.text-body-1 {
color: var(--_colours-semantics---surface-light--tertiary);
display: none;
}
.section_stories {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
}
.stories_wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
flex-flow: column;
display: flex;
}
.stories_top-wrap {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-6);
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.stories_filter-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
justify-content: flex-end;
align-items: center;
display: flex;
}
.stories_title.heading-h3 {
color: var(--_colours-semantics---content-light--primary);
}
.stories_card-grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.stories_card-link {
min-height: 29.25rem;
padding: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
color: var(--_colours-semantics---content-light--primary);
flex-flow: column;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.stories_card-link:where(.w-variant-2b6fd6df-55a7-1906-368d-23e74fb3532e) {
background-color: var(--_colours-semantics---surface-dark--secondary);
min-height: 25.44rem;
}
.stories_card-image-wrap {
border-radius: var(--_spacing---p-2);
height: 17.06rem;
overflow: hidden;
}
.stories_card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.stories_card-texts-wrap {
padding-top: var(--_spacing---p-2);
padding-right: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-2);
padding-left: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.stories_card-category.text-body-1 {
color: var(--_colours-semantics---button--primary);
font-weight: var(--_typography---font-weight--medium);
}
.stories_card-category.text-body-1:where(.w-variant-2b6fd6df-55a7-1906-368d-23e74fb3532e) {
display: none;
}
.stories_card-title.text-body-xl {
font-weight: var(--_typography---font-weight--semibold);
}
.stories_card-title.text-body-xl.text-style-3lines:where(.w-variant-2b6fd6df-55a7-1906-368d-23e74fb3532e) {
color: var(--_colours-semantics---surface-light--primary);
}
.stories_card-title.text-body-2 {
font-weight: var(--_typography---font-weight--semibold);
}
.stories_card-title.text-body-2.text-style-3lines:where(.w-variant-2b6fd6df-55a7-1906-368d-23e74fb3532e) {
color: var(--_colours-semantics---surface-light--primary);
}
.stories_load-more-wrap {
margin-top: var(--_spacing---p-16);
justify-content: center;
align-items: center;
display: flex;
}
.section_guide {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--primary);
}
.guide_wrap {
width: 100%;
padding-right: var(--_spacing---p-30);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: #e8e5e0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
overflow: hidden;
}
.guide_image-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.guide_image {
max-height: 30.13rem;
}
.guide_content-wrap {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.guide_title.heading-h4, .guide_title.heading-h3, .guide_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.guide_subtext {
margin-top: var(--_spacing---p-4);
margin-bottom: var(--_spacing---p-12);
}
.guide_subtext.text-body-1 {
color: var(--_colours-semantics---surface-dark--primary);
}
.section_updates {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: #e8e5e0;
}
.updates_wrap {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
flex-flow: column;
display: flex;
overflow: hidden;
}
.updates_top-wrap {
padding-top: var(--_spacing---p-9);
padding-bottom: 4.75rem;
padding-left: var(--_spacing---p-9);
background-color: var(--_colours-primitives---lime--olive-green);
position: relative;
overflow: hidden;
}
.updates_bottom-wrap {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 18.13rem;
display: grid;
}
.updates_title.heading-h3, .updates_title.heading-h2 {
max-width: 18.88rem;
color: var(--_colours-semantics---content-dark--primary);
position: relative;
}
.updates_bg-image {
object-fit: cover;
width: auto;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.updates_bg-image.is-mobile {
display: none;
}
.updates_card {
height: 100%;
min-height: auto;
padding: var(--_spacing---p-8);
border-right: 1px dashed var(--_colours-semantics---stroke--main);
flex-flow: column;
justify-content: space-between;
display: flex;
}
.updates_card:where(.w-variant-1dbcbd53-ba13-58de-18b9-ed9383199797) {
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.updates_card-texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.updates_card-eyebrow.text-body-md, .updates_card-eyebrow.text-body-1 {
color: var(--_colours-semantics---brand--main);
font-weight: var(--_typography---font-weight--medium);
}
.updates_card-title.heading-h7, .updates_card-title.heading-h4 {
color: var(--_colours-semantics---content-light--primary);
}
.updates_card-cta-wrap {
justify-content: flex-start;
align-items: center;
display: flex;
}
.updates_card-subtext.text-body-1 {
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-light--secondary);
}
.developers_image:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
width: 80%;
}
.c-footer {
padding: 3.75rem var(--_components---section--horizontal-padding) var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
overflow: hidden;
}
.footer_wrap {
max-width: var(--_components---section--max-width);
grid-column-gap: var(--_spacing---p-30);
grid-row-gap: var(--_spacing---p-30);
flex-flow: column;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer_top-container {
width: 100%;
padding-bottom: var(--_spacing---p-30);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-bottom: 1px solid var(--_colours-semantics---content-light--primary);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.footer_mid-container {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.footer_bottom-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer_copyright-text {
color: var(--_colours-semantics---content-light--quaternary);
font-size: var(--_typography---font-size--body-1);
}
.c-localization {
justify-content: center;
align-items: center;
min-width: 8.81rem;
height: 2.75rem;
transition: width .25s;
display: flex;
position: relative;
}
.c-localization.uc-secondary {
border-radius: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
width: auto;
height: auto;
display: none;
}
.c-localization.uc-tertiary {
min-width: 17.75rem;
margin-right: var(--_spacing---p-3-5);
margin-left: var(--_spacing---p-10);
}
.footer_contact-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer_contact-title {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-primitives---neutral--white);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
letter-spacing: var(--_typography---letter-spacing--tight);
margin-bottom: .25rem;
}
.footer_contact-link {
color: var(--_colours-semantics---content-light--quaternary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--tight);
text-decoration: none;
transition: color .3s;
}
.footer_contact-link:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.footer_contact-link.uc-secondary {
color: var(--_colours-semantics---button--primary);
}
.footer_contact-link.uc-secondary:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.footer_social-list {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.footer_social-list-item {
line-height: var(--_typography---line-height--body);
}
.footer_social-link {
color: var(--_colours-semantics---content-dark--quaternary);
text-underline-offset: 2px;
border-radius: .13rem;
justify-content: center;
align-items: center;
transition: color .3s;
display: flex;
overflow: hidden;
}
.footer_social-link:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.footer_address-container {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: 2.63rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.footer_address-col {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer_address-title.text-body-1 {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-dark--primary);
font-weight: var(--_typography---font-weight--medium);
}
.footer_address.text-body-1 {
max-width: 13.38rem;
color: var(--_colours-semantics---content-light--quaternary);
}
.footer_nav-container {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.footer_nav-col {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
display: flex;
}
.footer_nav-title-wrap {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer_nav-ttle.text-body-1 {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-dark--primary);
font-weight: var(--_typography---font-weight--medium);
}
.footer_trigger-icon {
display: none;
}
.footer_nav-list {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.footer_nav-link {
color: var(--_colours-semantics---content-light--quaternary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
text-decoration: none;
transition: color .3s;
}
.footer_nav-link:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.footer_col {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.localization_arrow-icon.uc-tertiary {
filter: brightness(0%);
}
.localization_inner-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
width: 100%;
height: 100%;
color: var(--_colours-semantics---surface-light--tertiary);
justify-content: space-between;
align-items: center;
display: flex;
}
.localization_inner-wrap.uc-tertiary {
color: var(--_colours-semantics---content-light--secondary);
}
.localization_left-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
}
.localization_icon {
object-fit: cover;
width: 100%;
height: 100%;
}
.localization_text {
font-size: var(--_typography---font-size--body-sm);
font-weight: var(--_typography---font-weight--semibold);
}
.localization_text.uc-tertiary {
font-weight: var(--_typography---font-weight--medium);
}
.localization_icon-wrap {
width: var(--_spacing---p-7);
height: var(--_spacing---p-5);
background-color: var(--_colours-semantics---button--transparent);
border-radius: .19rem;
overflow: hidden;
}
.section_country-home {
padding-bottom: var(--_spacing---p-0);
background-color: var(--_colours-primitives---neutral--white);
display: block;
position: relative;
}
.country_wrap {
grid-column-gap: 4.44rem;
grid-row-gap: 4.44rem;
flex-flow: column;
display: flex;
}
.country_texts-wrap {
z-index: 2;
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
pointer-events: none;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 45rem;
display: flex;
position: relative;
}
.country_title.heading-h2, .country_title.heading-h1 {
color: var(--_colours-semantics---surface-dark--primary);
}
.country_cta-group.button-group {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
pointer-events: auto;
}
.country_visual-wrap {
z-index: 2;
width: 100%;
min-height: auto;
position: relative;
}
.country_visual {
object-fit: cover;
width: 100%;
height: 100%;
}
.masked-video_video-wrap {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.masked-video_video-wrap.uc-cs-home {
position: relative;
}
.hero_interactive {
top: 50%;
left: auto;
right: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
width: 40%;
height: 50vh;
position: absolute;
bottom: auto;
transform: translate(0, -50%);
}
.hero_container {
position: relative;
}
.section_pricing-hero {
padding-top: 11.88rem;
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---accent-deep-sky--dark);
}
.pricing-hero_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.pricing-hero_title.heading-h1 {
max-width: 39.56rem;
color: var(--_colours-semantics---content-dark--primary);
}
.pricing-hero_links-wrap {
grid-column-gap: var(--_spacing---p-0-5);
grid-row-gap: var(--_spacing---p-0-5);
border-radius: var(--_spacing---p-2);
background-color: #00304f;
justify-content: flex-start;
align-items: center;
height: 2.69rem;
display: flex;
position: relative;
}
.pricing-hero_links-wrap.uc-secondary {
background-color: var(--_colours-semantics---surface-light--tertiary);
}
.pricing-hero_links-wrap.uc-secondary.hide-mobile-landscape {
background-color: #00304f;
padding-left: .13rem;
padding-right: .13rem;
}
.pricing-hero_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.pricing-link {
z-index: 1;
min-height: 2.44rem;
padding: .59rem var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-radius: var(--_spacing---p-1-5);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-dark--tertiary);
font-size: var(--_typography---font-size--caption-main);
justify-content: center;
align-items: center;
text-decoration: none;
transition: color .25s, background-color .25s;
display: flex;
position: relative;
}
.pricing-link:where(.w-variant-087a1462-b69b-c480-2df6-e3b50e24709a) {
color: var(--_colours-semantics---content-light--tertiary);
}
.pricing-link:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.pricing-link_icon {
width: var(--_spacing---p-5);
border-radius: .19rem;
overflow: hidden;
}
.pricing-link_text {
color: inherit;
transition-property: color;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
.pricing-hero_standard {
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
flex-flow: column;
display: flex;
overflow: hidden;
}
.pricing-hero_custom {
border-radius: var(--_spacing---p-4);
background-color: #00304f;
overflow: hidden;
}
.pricing-hero_card-title-wrap {
padding: var(--_spacing---p-6);
}
.pricing-hero_card-title.heading-h6 {
color: var(--_colours-semantics---content-light--primary);
}
.pricing-hero_card-title.heading-h6.text-white {
color: var(--_colours-semantics---content-dark--primary);
}
.pricing-hero_card-title.heading-h4 {
color: var(--_colours-semantics---content-light--primary);
}
.pricing-hero_card-title.heading-h4.uc-text-white {
color: var(--_colours-semantics---content-dark--primary);
}
.pricing-hero_card-mid-wrap {
padding-top: var(--_spacing---p-6);
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-6);
padding-left: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_colours-semantics---stroke--light);
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing-hero_card-mid-wrap.uc-flex {
padding-right: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-7);
grid-row-gap: var(--_spacing---p-7);
border-top-color: var(--_colours-semantics---accent-deep-sky--dark);
flex-flow: column;
display: flex;
}
.pricing-hero_card-details-wrap {
padding-right: var(--_spacing---p-5);
padding-left: var(--_spacing---p-6);
}
.pricing-hero_card-details-wrap.uc-border {
border-right: 1px dashed var(--_colours-semantics---stroke--main);
}
.pricing-hero_card-cta-wrap {
padding: var(--_spacing---p-0) var(--_spacing---p-6) var(--_spacing---p-6);
}
.pricing-hero_card-eyebrow.uc-text-eyebrow {
font-weight: var(--_typography---font-weight--medium);
}
.pricing-hero_card-details-title {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-6);
}
.pricing-hero_card-details-title.heading-h7, .pricing-hero_card-details-title.heading-h4 {
color: var(--_colours-semantics---content-light--primary);
}
.pricing-hero_card-list {
grid-column-gap: var(--_spacing---p-2-5);
grid-row-gap: var(--_spacing---p-2-5);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.pricing-hero_card-list-item {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.pricing-hero_card-list-text.text-body-sm {
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--caption-main);
}
.pricing-hero_card-list-text.text-body-sm:where(.w-variant-4c342751-bab8-4b50-9088-2866a0d92d3b) {
color: var(--_colours-semantics---content-dark--tertiary);
}
.pricing-hero_card-list-text.text-caption-main {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--tertiary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
}
.pricing-hero_card-list-text.text-caption-main:where(.w-variant-4c342751-bab8-4b50-9088-2866a0d92d3b) {
color: var(--_colours-semantics---content-dark--tertiary);
}
.pricing-hero_card-subtext.text-body-1 {
color: var(--_colours-semantics---content-dark--secondary);
}
.section_pricing {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.pricing_wrap {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.pricing_title.heading-h3, .pricing_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.pricing_subtext.text-body-1 {
margin-top: var(--_spacing---p-6);
}
.pricing_lists-col {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.pricing_list-wrap {
padding-bottom: var(--_spacing---p-9);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
flex-flow: column;
display: flex;
overflow: hidden;
}
.pricing_list-title.heading-h7, .pricing_list-title.heading-h4 {
color: var(--_colours-semantics---brand--main);
}
.pricing_list {
padding-right: var(--_spacing---p-10);
padding-left: var(--_spacing---p-10);
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
list-style-type: none;
}
.pricing_list-item {
width: 100%;
padding-top: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-bottom: 1px solid var(--_colours-semantics---stroke--light);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.pricing_title-wrap {
padding: 2.25rem var(--_spacing---p-10) var(--_spacing---p-4);
}
.pricing_type-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
justify-content: flex-start;
align-items: center;
display: flex;
}
.pricing_type-text.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
line-height: var(--_typography---line-height--body);
}
.pricing_description-wrap {
padding-right: var(--_spacing---p-11);
}
.pricing_description-text.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
}
.section_pricing-math {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
}
.pricing-math_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.pricing-math_texts-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.pricing-math_calc-wrap {
padding: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-dark--secondary);
flex-flow: column;
display: flex;
}
.pricing-math_title.heading-h3, .pricing-math_title.heading-h2 {
color: var(--_colours-semantics---content-dark--primary);
}
.pricing-math_subtext.text-body-1 {
max-width: 21.25rem;
color: var(--_colours-semantics---content-dark--secondary);
}
.pricing-math_list {
flex-flow: column;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.pricing-math_list-item {
padding-top: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-bottom: 1px solid var(--_colours-semantics---surface-dark--tertiary);
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.pricing-math_list-text {
width: 90%;
}
.pricing-math_list-text.text-body-1 {
color: var(--_colours-semantics---content-dark--quaternary);
line-height: var(--_typography---line-height--body);
}
.pricing-math_details-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
display: flex;
}
.pricing-math_details-col {
grid-column-gap: var(--_spacing---p-1);
grid-row-gap: var(--_spacing---p-1);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.pricing-math_details-col.uc-right-align {
justify-content: flex-start;
align-items: flex-start;
}
.pricing-math_eyebrow-text.uc-text-eyebrow {
color: var(--_colours-semantics---accent-deep-sky--main);
font-weight: var(--_typography---font-weight--medium);
}
.pricing-math_amount.heading-h6 {
font-family: var(--_typography---font-family--primary);
color: var(--_colours-semantics---content-dark--primary);
text-transform: uppercase;
display: inline;
}
.pricing-math_amount.heading-h4 {
color: var(--_colours-semantics---content-dark--secondary);
}
.pricing-math_formblock {
margin-bottom: 0;
}
.pricing-math_form {
grid-column-gap: var(--_spacing---p-2-5);
grid-row-gap: var(--_spacing---p-2-5);
flex-flow: column;
display: flex;
}
.pricing-math_form-label {
margin-bottom: 0;
}
.pricing-math_form-label.text-body-1 {
color: var(--_colours-semantics---content-dark--quaternary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
}
.pricing-math_form-input {
border: 1px solid var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---surface-dark--tertiary);
font-family: var(--_typography---font-family--primary);
color: var(--_colours-semantics---content-dark--tertiary);
font-size: var(--_typography---font-size--h2);
line-height: var(--_typography---line-height--heading);
font-weight: var(--_typography---font-weight--bold);
text-transform: uppercase;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
transition: border .3s, color .3s;
position: relative;
}
.pricing-math_form-input:hover {
background-color: var(--_colours-semantics---surface-dark--tertiary);
}
.pricing-math_form-input:focus {
border: 0px none var(--_colours-semantics---button--transparent);
}
.pricing-math_form-input::placeholder {
color: var(--_colours-semantics---content-light--quaternary);
}
.pricing-input-wrap {
padding: var(--_spacing---p-7) var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-dark--tertiary);
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.currency.heading-h3 {
pointer-events: none;
font-family: var(--_typography---font-family--primary);
color: var(--_colours-semantics---content-dark--quaternary);
font-size: var(--_typography---font-size--h2);
text-transform: uppercase;
}
.prefooter_image {
display: none;
}
.prefooter_image:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
max-width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% 0% auto auto;
}
.pricing-highlight {
z-index: 0;
border-radius: var(--_spacing---p-1-5);
background-color: var(--_colours-semantics---surface-light--primary);
width: 0;
height: 2.44rem;
transition: all .55s cubic-bezier(.165, .84, .44, 1);
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden;
}
.pricing-math_text-wrap {
grid-column-gap: var(--_spacing---p-1-5);
grid-row-gap: var(--_spacing---p-1-5);
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_cs-hero {
z-index: 1;
background-color: #e8e5e0;
padding-top: 11.88rem;
padding-bottom: 23.25rem;
position: relative;
}
.cs-hero_wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 34.88rem;
display: flex;
}
.cs-hero_title.heading-h3, .cs-hero_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.section_cs-detail {
z-index: 1;
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
margin-top: -18.75rem;
position: relative;
}
.cs-detail_wrap {
height: 37.5rem;
max-width: var(--_components---section--max-width);
border-radius: var(--_spacing---p-4);
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.cs-detail_quote-wrap {
height: 100%;
padding: var(--_spacing---p-24) 10.63rem;
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
background-color: var(--_colours-semantics---accent-burnt-orange--dark);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.cs-detail_quote-wrap:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
height: auto;
padding: var(--_spacing---p-16);
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
background-color: var(--_colours-primitives---lime--olive-green);
border-radius: .65rem;
display: flex;
}
.cs-detail_quote-text.heading-h4 {
max-width: 53.75rem;
color: var(--_colours-primitives---neutral--white);
text-align: center;
}
.cs-detail_quote-text.heading-h4:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
max-width: none;
margin-top: var(--_spacing---p-5);
margin-bottom: var(--_spacing---p-10);
font-size: var(--_typography---font-size--h6\);
}
.cs-detail_author-wrap {
width: 100%;
padding-top: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
border-top: 1px dashed var(--_colours-semantics---accent-burnt-orange--subtle);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.cs-detail_author-wrap:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
border-top-color: var(--_colours-semantics---accent-lime--subtle);
}
.cs-detail_author-details-wrap {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cs-detail_author-name.text-body-1 {
color: var(--_colours-primitives---neutral--white);
font-weight: var(--_typography---font-weight--semibold);
}
.cs-detail_author-position.text-body-1 {
color: var(--_colours-primitives---neutral--white);
}
.section_cs-body {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
}
.cs-body_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
position: relative;
}
.cs-body_left-wrap {
max-width: 17.81rem;
position: sticky;
top: 5.63rem;
}
.cs-body_right-wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
flex-flow: column;
display: flex;
}
.cs-body_detail-top-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cs-body_detail-mid-wrap {
margin-top: var(--_spacing---p-8);
margin-bottom: var(--_spacing---p-8);
padding-top: var(--_spacing---p-8);
padding-bottom: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border-top: 1px dashed var(--_colours-semantics---stroke--dark);
border-bottom: 1px dashed var(--_colours-semantics---stroke--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cs-body_detail-bottom-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cs-body_detail-title.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--medium);
}
.cs-body_detail-subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-1);
}
.cs-body_detail-sub-wrap {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cs-body_detail-sub-title.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--medium);
}
.cs-body_detail-sub-title.text-body-1.uc-semibold {
font-weight: var(--_typography---font-weight--semibold);
}
.cs-body_detail-sub-subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-1);
}
.cs-body_detail-list {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.cs-body_detail-list-item {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
}
.cs-body_body h2, .cs-body_body h3, .cs-body_body h4, .cs-body_body h5, .cs-body_body h6 {
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--h4);
}
.cs-body_body p {
margin-bottom: var(--_spacing---p-4);
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-md);
}
.cs-body_body a {
color: var(--_colours-semantics---button--primary);
text-decoration: none;
transition: color .3s;
}
.cs-body_body a:hover {
color: var(--_colours-semantics---brand--border);
}
.cs-body_body ul {
margin-bottom: var(--_spacing---p-6);
padding-left: var(--_spacing---p-5);
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
display: flex;
}
.cs-body_body li {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-md);
line-height: var(--_typography---line-height--body);
}
.cs-body_body ol {
margin-bottom: var(--_spacing---p-6);
padding-left: var(--_spacing---p-5);
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cs-body_body figure {
width: 100%;
min-width: 100%;
margin: var(--_spacing---p-10) 0px;
flex-flow: column;
display: block;
}
.cs-body_body figcaption {
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--body-sm);
line-height: var(--_typography---line-height--body);
text-align: left;
margin-top: .63rem;
}
.cs-body_body img {
border-radius: var(--_spacing---p-2);
object-fit: cover;
width: 100%;
height: 24.81rem;
overflow: hidden;
}
.section_more-stories {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
background-color: var(--_colours-semantics---surface-light--secondary);
}
.more-stories_wrap {
grid-column-gap: var(--_spacing---p-9);
grid-row-gap: var(--_spacing---p-9);
flex-flow: column;
display: flex;
}
.more-stories_title.heading-h4, .more-stories_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.more-stories_card-grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.cs-body_details-col {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.pricing-hero_card-details-title-wrap {
justify-content: flex-start;
align-items: center;
display: flex;
}
.pricing-hero_card-details-title-tag.text-body-xs {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--tertiary);
font-weight: var(--_typography---font-weight--medium);
}
.section_support-hero {
background-color: var(--_colours-semantics---accent-deep-sky--bg);
padding-top: 12.94rem;
padding-bottom: 8.56rem;
}
.support-hero_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 37.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.support-hero_title {
text-align: center;
}
.support-hero_title.heading-h1 {
color: var(--_colours-semantics---content-light--primary);
}
.support-formblock {
width: 100%;
margin-bottom: 0;
}
.support_form {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
display: flex;
}
.support_search-field {
height: 2.75rem;
min-height: 2.75rem;
padding: var(--_spacing---p-3) var(--_spacing---p-4) var(--_spacing---p-3) var(--_spacing---p-12);
border: 1px solid var(--_colours-semantics---button--transparent);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--primary);
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
background-image: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69e217b5654c193667205417_Search%20Streamline%20Lucide.svg");
background-position: 16px 12px;
background-repeat: no-repeat;
background-size: 20px 20px;
margin-bottom: 0;
transition: border .3s, color .3s;
}
.support_search-field:focus {
border-color: var(--_colours-semantics---brand--main);
background-color: var(--_colours-semantics---surface-light--primary);
}
.support_search-field::placeholder {
color: var(--_colours-semantics---content-light--quaternary);
}
.section_support {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
background-color: var(--_colours-semantics---surface-light--secondary);
}
.support_wrap {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
min-height: 17.5rem;
display: grid;
overflow: hidden;
}
.support_wrap.uc-col-2 {
grid-template-columns: 1fr 1fr;
}
.support_card {
min-height: 19.5rem;
padding: var(--_spacing---p-8);
border-right: 1px dashed var(--_colours-semantics---stroke--main);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.support_card:where(.w-variant-4cc51279-d9cd-bab8-0bb5-34a2d235624b) {
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.support_card-content-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.support_card-image {
width: 2.13rem;
}
.support_card-title {
margin-top: var(--_spacing---p-8);
margin-bottom: var(--_spacing---p-2);
}
.support_card-title.text-body-2 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.support_card-subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
}
.support_card-subtext.text-body-1 a {
color: var(--_colours-semantics---button--primary);
font-weight: var(--_typography---font-weight--regular);
text-decoration: none;
transition: color .3s;
}
.support_card-subtext.text-body-1 a:hover {
color: var(--_colours-semantics---button--secondary-hover);
}
.section_popular-articles {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--primary);
}
.popular-articles_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.popular-articles_top-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.popular-articles_links-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-10);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.popular-articles_title.heading-h3 {
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--h2);
}
.popular-articles_title.heading-h2 {
color: var(--_colours-semantics---content-light--primary);
}
.popular-articles_link.text-body-2 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--medium);
text-underline-offset: 4px;
text-decoration: underline;
position: relative;
}
.section_tutorials {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
}
.tutorials_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.tutorials_top-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.tutorials_bottom-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tutorials_texts-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 30rem;
display: flex;
}
.tutorials_eyebrow.text-body-1 {
color: var(--_colours-semantics---surface-light--secondary);
font-weight: var(--_typography---font-weight--semibold);
}
.tutorials_title.heading-h3 {
color: var(--_colours-semantics---surface-light--primary);
}
.tutorials_title.heading-h2 {
color: var(--_colours-primitives---neutral--white);
}
.stories_cta-wrap {
margin-top: auto;
display: block;
}
.stories_cta-wrap:where(.w-variant-2b6fd6df-55a7-1906-368d-23e74fb3532e) {
display: block;
}
.support_container {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.support_title.heading-h3, .support_title.heading-h2 {
color: var(--_colours-semantics---accent-deep-sky--dark);
}
.developer-tabs_mobile-image-wrap {
display: none;
}
.company-stats_texts-col {
z-index: 1;
margin-bottom: var(--_spacing---p-6);
margin-left: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.company-stats_number.heading-h2 {
color: var(--_colours-semantics---accent-fuchsia--dark);
text-transform: uppercase;
}
.company-stats_tagline.text-caption-main {
color: var(--_colours-semantics---accent-fuchsia--dark);
font-weight: var(--_typography---font-weight--regular);
letter-spacing: var(--_typography---letter-spacing--none);
}
.company-stats_numbers-wrap {
font-size: var(--_typography---font-size--h2);
line-height: var(--_typography---line-height--heading);
height: 1lh;
position: relative;
overflow: hidden;
}
.company-stats_taglines-wrap {
max-width: 13rem;
height: auto;
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
overflow: hidden;
}
.company-stats_illustration {
object-fit: cover;
width: 22.19rem;
height: 22.19rem;
position: absolute;
inset: 50% 0% 0% auto;
transform: translate(45%, -45%);
}
.company-products_carousel-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column;
display: flex;
}
.company-products_pills-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
overflow: auto;
}
.company-products_pill-btn {
padding: var(--_spacing---p-1-5) var(--_spacing---p-3-5);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
transition: background-color .3s;
}
.company-products_pill-btn:hover {
background-color: var(--_colours-semantics---button--secondary);
color: var(--_colours-semantics---content-dark--primary);
}
.company-products_pill-text {
white-space: nowrap;
transition: color .3s;
}
.company-products_cards-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
display: flex;
}
.prefooter_block-image {
width: 2.13rem;
margin-bottom: var(--_spacing---p-6);
}
.section_checkout-hero {
padding-top: 11.88rem;
padding-bottom: var(--_spacing---p-30);
}
.checkout-hero_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.checkout-hero_content-wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 43.44rem;
display: flex;
}
.checkout-hero_visual-wrap {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--tertiary);
height: 29.44rem;
padding-top: 11.31rem;
padding-left: 10.88rem;
overflow: hidden;
}
.checkout-hero_visual {
border-top-left-radius: var(--_spacing---p-2);
object-fit: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
.checkout-hero_title.heading-h1 {
color: var(--_colours-semantics---content-light--primary);
}
.checkout-hero_cta-group.button-group {
grid-column-gap: 1.69rem;
grid-row-gap: 1.69rem;
}
.checkout-hero_subtext.text-body-1 {
max-width: 32.56rem;
color: var(--_colours-semantics---content-light--secondary);
}
.checkout-hero_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_features {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--secondary);
}
.features_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.features_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 34.06rem;
display: flex;
}
.features_subtext.text-body-1 {
color: var(--_colours-semantics---content-light--secondary);
}
.features_title.heading-h2 {
max-width: 30.31rem;
color: var(--_colours-semantics---content-light--primary);
}
.features_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.company-products_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.company-products_subtext.text-body-1 {
max-width: 25.44rem;
color: var(--_colours-semantics---content-light--primary);
}
.section_dev {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
}
.dev_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.dev_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 34.88rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.dev_texts-wrap:where(.w-variant-bdbb71be-a12a-c10e-0cc6-148b1bcae290) {
width: 100%;
max-width: 34.5rem;
}
.dev_title.heading-h2 {
color: var(--_colours-semantics---content-dark--primary);
}
.dev_subtext.text-body-1 {
max-width: 22rem;
color: var(--_colours-semantics---content-dark--tertiary);
}
.dev_subtext.text-body-1:where(.w-variant-bdbb71be-a12a-c10e-0cc6-148b1bcae290) {
max-width: 100%;
}
.dev_grid {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-dark--secondary);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.dev_grid:where(.w-variant-bdbb71be-a12a-c10e-0cc6-148b1bcae290) {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.checkout-dev_card {
padding: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-right: 1px dashed var(--_colours-semantics---content-light--secondary);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.checkout-dev_card:where(.w-variant-78402f57-6a73-e043-fac7-ba97fc9f8a91) {
border-left: 1px dashed var(--_colours-semantics---content-light--secondary);
border-right-color: var(--_colours-semantics---button--transparent);
}
.checkout-dev_card-image {
width: 2.13rem;
}
.checkout-dev_card-title.text-body-2 {
color: var(--_colours-semantics---surface-light--primary);
font-weight: var(--_typography---font-weight--bold);
}
.checkout-dev_card-description {
max-width: 23.5rem;
color: var(--_colours-semantics---content-dark--tertiary);
}
.checkout-dev_card-texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_checkout-demo {
background-image: linear-gradient(180deg, var(--_colours-semantics---accent-deep-sky--dark) 90%, var(--_colours-semantics---surface-light--secondary) 90%);
padding-top: 11.88rem;
padding-bottom: .81rem;
}
.checkout-demo_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.checkout-demo_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-demo_title.heading-h1 {
color: var(--_colours-semantics---content-dark--primary);
}
.checkout-demo_subtext {
max-width: 30rem;
color: var(--_colours-semantics---content-dark--secondary);
}
.checkout-demo_form-container {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 49.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav_hover-bg {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
}
.checkout-demo_formblock {
width: 100%;
max-width: 36.25rem;
margin-bottom: 0;
}
.checkout-demo_form {
padding: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
}
.checkout-form_input-group {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
display: flex;
}
.checkout-form_label {
margin-bottom: 0;
}
.checkout-form_label.text-body-2 {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--body-1);
font-weight: var(--_typography---font-weight--medium);
}
.checkout-form_input-field {
min-height: var(--_spacing---p-12);
padding: var(--_spacing---p-3);
border: 1px solid var(--_colours-semantics---stroke--main);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--primary);
margin-bottom: 0;
transition: color .3s, border .3s;
}
.checkout-form_input-field:focus {
border-color: var(--_colours-semantics---brand--main);
}
.checkout-form_input-field::placeholder {
color: var(--_colours-semantics---content-dark--quaternary);
}
.checkout-form_subtext {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-8);
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--caption-main);
}
.checkout-form_button-group {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.checkout-form_submit-btn {
min-height: var(--_spacing---p-10);
padding: var(--_spacing---p-2-5) var(--_spacing---p-6);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--primary);
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
transition: background-color .3s;
}
.checkout-form_submit-btn:hover {
background-color: var(--_colours-semantics---brand--dark);
}
.prefooter_cta-wrap {
margin-top: auto;
}
.c-cms.customer-stories_slider-wrap {
overflow: visible;
}
.c-cms.uc-privacy-toc {
width: 100%;
}
.logo-marquee-wrap {
z-index: 1;
margin-top: -1rem;
position: relative;
}
.stories_filter {
z-index: 1;
position: relative;
}
.stories_filter.uc-jobs {
width: 100%;
}
.stories_filter-trigger {
width: 17.63rem;
padding: var(--_spacing---p-2-5) var(--_spacing---p-3);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border: 1px solid var(--_colours-semantics---button--transparent);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--primary);
justify-content: space-between;
align-items: center;
transition: border .3s, box-shadow .3s;
display: inline-flex;
}
.stories_filter-trigger.uc-jobs {
background-color: var(--_colours-semantics---surface-light--secondary);
width: 100%;
}
.stories_filter-trigger-text {
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--caption-main);
}
.stories_filter-trigger-icon {
transition: transform .15s cubic-bezier(.455, .03, .515, .955);
}
.stories_filter-options-container {
width: 100%;
padding-top: 1.13rem;
padding-right: var(--_spacing---p-3);
padding-bottom: 1.13rem;
padding-left: var(--_spacing---p-3);
border-top-left-radius: var(--_spacing---p-3-5);
border-top-right-radius: var(--_spacing---p-3-5);
border-bottom-left-radius: var(--_spacing---p-3-5);
border-bottom-right-radius: var(--_spacing---p-3-5);
background-color: var(--_colours-semantics---content-dark--primary);
transition-property: transform, opacity;
transition-duration: .3s, .35s;
transition-timing-function: ease, ease;
position: absolute;
top: calc(100% + 8px);
box-shadow: 0 0 5px #0000001a;
}
.stories_clear-filter-btn {
margin-top: var(--_spacing---p-4);
padding: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---brand--main);
font-size: .75rem;
font-weight: var(--_typography---font-weight--semibold);
text-transform: uppercase;
}
.stories_clear-filter-btn:hover {
color: var(--_colours-semantics---brand--dark);
}
.stories_fitler-formblock {
margin-bottom: 0;
}
.c-filter-checkbox {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--heading);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: inline-flex;
position: relative;
}
.c-filter-checkbox:hover {
color: var(--_colours-semantics---content-light--primary);
}
.checkbox_field {
width: var(--_spacing---p-5);
aspect-ratio: 1;
border: 1px solid var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---surface-light--tertiary);
margin-top: 0;
margin-left: 0;
}
.checkbox_label {
margin-bottom: 0;
margin-left: .63rem;
}
.checkbox_tick-wrap {
width: var(--_spacing---p-5);
aspect-ratio: 1;
background-color: var(--_colours-semantics---surface-light--tertiary);
pointer-events: none;
border-radius: .25rem;
justify-content: center;
align-items: center;
transition: background-color .25s;
display: flex;
position: absolute;
}
.checkbox_tick {
opacity: 0;
transition: opacity .3s;
}
.section_company-hero {
background-color: var(--_colours-semantics---surface-dark--primary);
padding-top: 10.31rem;
padding-bottom: 6.44rem;
}
.company-hero_wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.company-hero_title {
max-width: 38.75rem;
color: var(--_colours-semantics---content-dark--primary);
}
.section_jobs {
z-index: 2;
padding-bottom: var(--_spacing---p-24);
position: relative;
}
.jobs_wrap {
grid-column-gap: var(--_spacing---p-24);
grid-row-gap: var(--_spacing---p-24);
flex-flow: column;
display: flex;
}
.jobs_filters-container {
height: 5.5rem;
padding: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
justify-content: space-between;
align-items: center;
margin-top: -44px;
display: flex;
}
.jobs_title-row {
width: 100%;
padding-top: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.jobs_heading.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.jobs_title-container {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.jobs_detail-row {
width: 100%;
padding-top: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-bottom: 1px solid var(--_colours-semantics---stroke--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
position: relative;
}
.jobs_title.text-body-1 {
color: var(--_colours-semantics---button--primary);
font-weight: var(--_typography---font-weight--medium);
text-decoration: none;
transition: color .3s;
}
.jobs_title.text-body-1:hover {
color: var(--_colours-semantics---button--secondary);
}
.jobs_detail-container {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.jobs_team {
color: var(--_colours-semantics---content-light--secondary);
}
.jobs_location-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
}
.jobs_location-text {
color: var(--_colours-semantics---content-light--secondary);
}
.section_perks {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.perks_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.perks_texts-wrap {
grid-column-gap: var(--_spacing---p-2-5);
grid-row-gap: var(--_spacing---p-2-5);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 27.94rem;
display: flex;
}
.perks_title, .perks_subtext {
color: var(--_colours-semantics---content-light--primary);
}
.perks_grid {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.perks_card {
min-height: 15.56rem;
padding: var(--_spacing---p-10) var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-right: 1px dashed var(--_colours-semantics---stroke--main);
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.perks_card:where(.w-variant-6791667c-e1a3-8270-f85b-c31396ecc6bf) {
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.perks_card:where(.w-variant-3dd8a271-5321-b70a-d35b-b0545c9bafb0) {
border-bottom: 0px none var(--_colours-semantics---button--transparent);
}
.perks_card:where(.w-variant-79ff20f0-4c25-61d3-87ad-b6c45baacb71) {
border-right: 0px none var(--_colours-semantics---button--transparent);
border-bottom: 0px none var(--_colours-semantics---button--transparent);
}
.perks_card-icon {
width: 2.13rem;
}
.perks_card-texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 21rem;
display: flex;
}
.perks_card-title.text-body-2 {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.perks_card-description {
color: var(--_colours-semantics---content-light--secondary);
}
.footer-cta_texts-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.footer-cta_image {
height: 15.75rem;
}
.stats_container {
border-bottom: 1px solid var(--_colours-semantics---stroke--light);
}
.stats_visual-mobile-wrap {
display: none;
}
.stats_visuals-wrap {
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0% auto;
transform: translate(40%, -10%);
}
.custom-code {
visibility: hidden;
position: absolute;
}
.c-slider-container {
position: relative;
}
.swiper.c-slider.uc-customer-stories {
width: 100%;
}
.swiper-wrapper.slider_track {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
justify-content: flex-start;
}
.swiper-slide.slider_slide {
flex: none;
width: calc(100% - 15rem);
}
.cs-detail_quote-container {
height: 100%;
}
.section_about-hero {
background-color: var(--_colours-semantics---surface-dark--primary);
padding-top: 10.31rem;
padding-bottom: 25.31rem;
}
.about-hero_wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 41.25rem;
display: flex;
}
.about-hero_title.heading-h1 {
color: var(--_colours-semantics---content-dark--primary);
}
.section_company-statement {
padding-top: var(--_spacing---p-40);
padding-bottom: var(--_spacing---p-40);
}
.company-statement_title {
color: var(--_colours-semantics---content-light--primary);
word-break: keep-all;
}
.section_explore-jobs {
padding-top: var(--_spacing---p-28);
padding-bottom: var(--_spacing---p-0);
}
.explore-jobs_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.explore-jobs_top-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.explore-jobs_title {
max-width: 27.38rem;
}
.explore-jobs_video-container {
z-index: auto;
border-radius: var(--_spacing---p-4);
width: 100%;
height: 37.5rem;
position: relative;
overflow: hidden;
}
.video-component-wrap {
z-index: 1;
position: absolute;
inset: auto 1.88rem 1.88rem auto;
}
.video-component-wrap.uc-relative {
position: relative;
bottom: auto;
right: auto;
}
.video-overlay {
z-index: 0;
background-color: #00000080;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.company-hero_nav-list {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
position: relative;
}
.company-hero_nav-list-item {
line-height: var(--_typography---line-height--body);
}
.company-hero_nav-link {
padding: .38rem var(--_spacing---p-3);
display: flex;
}
.company-hero_nav-link.text-caption-main {
color: var(--_colours-semantics---content-dark--quaternary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
text-decoration: none;
transition: border .3s, color .3s;
}
.company-hero_nav-link.text-caption-main:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.company-nav_highlighter {
background-color: var(--_colours-semantics---content-dark--primary);
width: 2rem;
height: 2px;
position: absolute;
inset: auto auto 0% 0%;
}
.developers_texts-wrap {
display: none;
}
.developers_texts-wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 41.81rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.developers_subheading:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
color: var(--_colours-semantics---content-light--primary);
}
.developers_subtext:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
color: var(--_colours-semantics---content-light--secondary);
}
.c-subnav {
z-index: 10;
width: 100%;
padding: var(--_spacing---p-4) var(--_components---section--horizontal-padding);
position: fixed;
top: 0;
left: 0;
}
.subnav_wrap {
max-width: var(--_components---section--max-width);
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.subnav_list {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.subnav_list-item.mobile-cta {
display: none;
}
.subnav_logo {
width: 7.94rem;
}
.capabilities_card-link {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sections-wrap {
position: relative;
}
.section_coverage {
background-color: var(--_colours-semantics---surface-dark--primary);
flex-flow: column;
justify-content: center;
height: 100dvh;
display: flex;
position: relative;
overflow: hidden;
}
.coverage_nav {
z-index: 2;
width: 100%;
padding: 1.88rem var(--_components---section--horizontal-padding);
background-color: var(--_colours-semantics---surface-dark--secondary);
position: absolute;
inset: 6.25rem 0% auto;
}
.coverage_nav-wrap {
width: 100%;
max-width: var(--_components---section--max-width);
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.coverage_country-title {
color: var(--_colours-semantics---content-dark--tertiary);
}
.coverage_country-title.heading-h4 {
font-family: var(--_typography---font-family--primary);
white-space: nowrap;
}
.coverage_nav-list {
grid-column-gap: var(--_spacing---p-30);
grid-row-gap: var(--_spacing---p-30);
flex: none;
justify-content: flex-start;
align-items: center;
width: max-content;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
list-style-type: none;
display: flex;
}
.coverage_nav-list-item {
flex: none;
}
.coverage_nav-button {
padding: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
}
.coverage_nav-button.text-caption-main {
color: var(--_colours-semantics---content-light--quaternary);
font-weight: var(--_typography---font-weight--medium);
transition: color .3s;
}
.coverage_nav-button.text-caption-main:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.coverage_wrap {
flex-flow: column;
justify-content: center;
height: 100%;
display: flex;
position: relative;
}
.coverage_globe-wrap {
height: 100%;
position: relative;
overflow: visible;
}
.coverage_globe {
background-color: var(--_colours-semantics---button--transparent);
margin-bottom: 0 !important;
}
.coverage_cards-wrap {
justify-content: flex-start;
align-items: center;
width: 17.69rem;
min-height: 28.25rem;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.coverage_card {
width: 17.69rem;
padding: var(--_spacing---p-2);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-dark--secondary);
flex-flow: column;
display: flex;
}
.coverage_card-flag-wrap {
border-radius: var(--_spacing---p-2);
width: 100%;
height: 9rem;
overflow: hidden;
}
.coverage_card-flag {
object-fit: cover;
width: 100%;
height: 100%;
}
.coverage_card-details-wrap {
margin-top: var(--_spacing---p-4);
margin-bottom: var(--_spacing---p-6);
padding-right: var(--_spacing---p-4);
padding-left: var(--_spacing---p-4);
}
.coverage_card-country.text-body-2 {
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-dark--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.coverage_card-phone-number {
color: var(--_colours-semantics---accent-deep-sky--main);
font-weight: var(--_typography---font-weight--medium);
text-decoration: none;
transition: color .3s;
display: inline-flex;
}
.coverage_card-phone-number:hover {
color: var(--_colours-semantics---accent-deep-sky--subtle);
}
.coverage_card-address {
margin-top: var(--_spacing---p-2);
color: var(--_colours-semantics---content-dark--tertiary);
}
.coverage_card-channel-wrap {
padding: var(--_spacing---p-4) var(--_spacing---p-6);
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-dark--primary);
flex-flow: column;
display: flex;
}
.coverage_card-channel-title {
color: var(--_colours-semantics---content-dark--tertiary);
font-size: .75rem;
}
.coverage_card-channel.text-body-2 {
font-family: var(--_typography---font-family--primary);
color: var(--_colours-semantics---content-dark--secondary);
font-weight: var(--_typography---font-weight--bold);
}
.coverage_nav-container {
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.section_timeline {
background-color: var(--_colours-primitives---neutral--black);
height: 100dvh;
padding-top: 7.69rem;
position: relative;
overflow: hidden;
}
.timeline_container {
width: 100%;
height: 100%;
max-width: var(--_components---section--max-width);
justify-content: center;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.timeline_hero-wrap {
z-index: 7;
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
top: 15%;
}
.timeline_hero-title.heading-h1 {
color: var(--_colours-semantics---content-dark--primary);
}
.timeline_stage {
z-index: 5;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 50rem;
height: 100%;
display: flex;
position: relative;
}
.timeline_story-list-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.timeline_story-list {
width: 100%;
height: 100%;
}
.timeline_story-item {
opacity: 0;
text-align: center;
flex-flow: column;
width: 32.63rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%;
}
.timeline_story-image-wrap {
width: 100%;
height: 13.5rem;
margin-top: var(--_spacing---p-10);
border-radius: var(--_spacing---p-2);
overflow: hidden;
}
.timeline_story-image {
filter: grayscale();
object-fit: cover;
width: 100%;
height: 100%;
}
.timeline_story-heading.heading-h4 {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-4);
color: var(--_colours-semantics---surface-light--primary);
}
.timeline_story-rich-text {
color: var(--_colours-semantics---surface-light--primary);
line-height: var(--_typography---line-height--body);
}
.timeline_visuals-wrap {
z-index: 6;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 0;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: visible;
}
.timeline_globe {
aspect-ratio: 1;
flex-flow: column;
justify-content: flex-end;
width: 80vw;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.timeline_dial-track {
z-index: 1;
aspect-ratio: 1;
border-radius: 50%;
width: 100vw;
position: absolute;
bottom: -80vw;
}
.timeline_month {
color: var(--_colours-semantics---accent-deep-sky--main);
font-weight: var(--_typography---font-weight--medium);
}
.timeline_globe-image {
object-fit: cover;
width: 100%;
}
.timeline_controls-wrap {
z-index: 8;
grid-column-gap: 1.38rem;
grid-row-gap: 1.38rem;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 4.06rem;
left: 50%;
transform: translate(-50%);
}
.timeline_nav-btn {
width: var(--_spacing---p-10);
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--primary);
object-fit: contain;
border-radius: 50%;
justify-content: center;
align-items: center;
transition: background-color .4s cubic-bezier(.16, 1, .3, 1), transform .2s;
display: flex;
}
.timeline_nav-btn:hover {
background-color: var(--_colours-semantics---brand--dark);
}
.timeline_nav-btn-icon.is-rotated {
transform: rotate(180deg);
}
.timeline_nav-btn-wrap.button-group {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.timeline_jump-present {
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent-blur);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
transition: background-color .3s;
}
.timeline_jump-present:hover {
background-color: var(--_colours-semantics---button--secondary-hover);
}
.timeline_gradient-overlay {
z-index: 7;
pointer-events: none;
background-image: linear-gradient(#0e141b00, #0e141b 80%);
width: 100%;
height: 20vh;
position: absolute;
inset: auto 0% 0%;
}
.section_legal-hero {
padding-top: 22.81rem;
padding-bottom: var(--_spacing---p-24);
background-color: var(--_colours-primitives---deep-sky--1000);
}
.legal-hero_wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.legal-hero_title {
color: var(--_colours-semantics---content-dark--primary);
}
.legal-hero_eyebrow {
color: var(--_colours-semantics---content-dark--secondary);
}
.section_legal-body {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.legal-body_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
position: relative;
}
.toc_nav {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
overflow: hidden;
}
.toc_title.text-body-1 {
color: var(--_colours-semantics---content-light--primary);
font-weight: var(--_typography---font-weight--medium);
}
.toc_nav-container {
top: var(--_spacing---p-30);
position: sticky;
}
.privacy-toc_link {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--_colours-semantics---content-light--tertiary);
line-height: var(--_typography---line-height--body);
justify-content: flex-start;
align-items: flex-start;
margin-left: -1.25rem;
text-decoration: none;
transition: margin .25s cubic-bezier(.165, .84, .44, 1), color .25s;
display: inline-flex;
}
.privacy-toc_link:hover {
color: var(--_colours-semantics---button--primary);
margin-left: 0;
}
.privacy-toc_arrow {
width: var(--_spacing---p-4);
margin-top: .2rem;
}
.privacy-section {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.privacy-section_header {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
justify-content: flex-start;
align-items: center;
display: flex;
}
.privacy-section_icon {
width: 1.5rem;
}
.privacy-section_title {
color: var(--_colours-semantics---content-light--primary);
}
.privacy-section_summary {
margin-top: var(--_spacing---p-6);
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-light--secondary);
}
.privacy-section_summary a {
color: var(--_colours-semantics---button--primary);
text-decoration: none;
transition: color .25s;
}
.privacy-section_summary a:hover {
color: var(--_colours-semantics---brand--border);
}
.privacy-section_content-text {
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
}
.privacy-section_content-text a {
color: var(--_colours-semantics---button--primary);
text-decoration: none;
transition: color .25s;
}
.privacy-section_content-text a:hover {
color: var(--_colours-semantics---brand--border);
}
.privacy-section_content-text ol, .privacy-section_content-text ul {
margin-bottom: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.privacy-section_content-text p {
margin-bottom: var(--_spacing---p-6);
}
.privacy-section_content-text h3, .privacy-section_content-text h4, .privacy-section_content-text h5, .privacy-section_content-text h6 {
margin-bottom: var(--_spacing---p-6);
font-size: var(--_typography---font-size--body-2);
}
.privacy-section_toggle {
padding: var(--_spacing---p-0);
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---button--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
justify-content: flex-start;
align-items: center;
transition: opacity .25s;
display: inline-flex;
}
.privacy-section_toggle:hover {
opacity: .8;
}
.privacy-section_toggle-icon {
width: var(--_spacing---p-5);
}
.support_topics-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-2);
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.support_subheading {
color: var(--_colours-semantics---content-light--primary);
}
.support_list {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.support_link {
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
text-decoration: underline;
-webkit-text-decoration-color: var(--_colours-semantics---button--transparent);
text-decoration-color: var(--_colours-semantics---button--transparent);
transition: text-decoration-color .25s, color .25s;
}
.support_link:hover {
color: var(--_colours-semantics---content-light--primary);
text-decoration: underline;
-webkit-text-decoration-color: var(--_colours-semantics---surface-dark--primary);
text-decoration-color: var(--_colours-semantics---surface-dark--primary);
}
.support_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.support_card-container {
height: 100%;
}
.support_block {
height: 100%;
padding: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---content-dark--primary);
position: relative;
overflow: hidden;
}
.support_block-text-wrap {
z-index: 1;
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 20.88rem;
height: 100%;
display: flex;
position: relative;
}
.support_block-title {
color: var(--_colours-semantics---content-light--primary);
}
.support_block-subtext {
color: var(--_colours-semantics---content-light--secondary);
}
.support_block-image {
width: 42.5%;
position: absolute;
inset: auto 0% 0% auto;
}
.support_block-image:where(.w-variant-f8de37de-6638-a1db-15a0-021c8972d8d6) {
width: 22%;
}
.support_block-title-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.support_block-title-wrap:where(.w-variant-f8de37de-6638-a1db-15a0-021c8972d8d6) {
max-width: 17.63rem;
}
.section_transaction {
padding-top: 11.88rem;
padding-bottom: var(--_spacing---p-30);
}
.transaction_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
position: relative;
}
.transaction_texts-wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.transaction_title {
color: var(--_colours-semantics---content-light--primary);
}
.transaction_subtext {
max-width: 30rem;
color: var(--_colours-semantics---content-light--secondary);
}
.transaction_subtext.uc-max-width {
max-width: 27.5rem;
}
.c-support-form {
margin-bottom: var(--_spacing---p-0);
padding: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
position: relative;
overflow: hidden;
}
.c-support-form.uc-multi-step {
padding-top: var(--_spacing---p-10);
}
.support-form {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.support-form.uc-form-track {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
position: relative;
}
.support-form_input-group {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
display: flex;
}
.support-form_label {
margin-bottom: var(--_spacing---p-0);
color: var(--_colours-semantics---content-light--primary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
}
.support-form_input {
height: var(--_spacing---p-12);
margin-bottom: var(--_spacing---p-0);
padding: var(--_spacing---p-3);
border: 1px solid var(--_colours-semantics---stroke--main);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
transition: border .25s;
}
.support-form_input:hover {
border-color: var(--_colours-semantics---brand--dark);
}
.support-form_input:focus {
border-color: var(--_colours-semantics---brand--main);
}
.support-form_input::placeholder {
color: var(--_colours-semantics---content-light--quaternary);
}
.support-form_input.is-select {
appearance: none;
background-image: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/6a04a4661f3b600257046df4_Chevron.svg");
background-position: 98%;
background-repeat: no-repeat;
background-size: auto;
}
.support-form_input.uc-secondary {
border-top-left-radius: var(--_spacing---p-0);
border-bottom-left-radius: var(--_spacing---p-0);
flex: .55;
}
.support-form_input.uc-numerical-input {
border-top-style: none;
border-top-width: 0;
border-top-color: var(--_colours-semantics---button--transparent);
border-right-style: none;
border-right-width: 0;
border-right-color: var(--_colours-semantics---button--transparent);
border-bottom-style: none;
border-bottom-width: 0;
border-bottom-color: var(--_colours-semantics---button--transparent);
border-left-style: none;
border-left-width: 0;
border-left-color: var(--_colours-semantics---button--transparent);
flex: 1;
}
.support-form_input.uc-numerical-input:hover, .support-form_input.uc-numerical-input:focus {
border-color: var(--_colours-semantics---button--transparent);
}
.support-form_input.uc-text-area {
resize: none;
height: 8.81rem;
}
.support-form_input.uc-search {
height: var(--_spacing---p-10);
background-color: var(--_colours-semantics---content-dark--primary);
}
.support-form_inputs-wrap {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: relative;
}
.support-form_input-title-wrap {
height: var(--_spacing---p-12);
padding-top: var(--_spacing---p-3);
padding-right: var(--_spacing---p-3);
padding-bottom: var(--_spacing---p-3);
padding-left: var(--_spacing---p-3);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_colours-semantics---stroke--main);
border-right-style: none;
border-right-width: 0;
border-right-color: var(--_colours-semantics---button--transparent);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--_colours-semantics---stroke--main);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--_colours-semantics---stroke--main);
border-top-left-radius: var(--_spacing---p-2);
border-top-right-radius: var(--_spacing---p-0);
border-bottom-left-radius: var(--_spacing---p-2);
border-bottom-right-radius: var(--_spacing---p-0);
background-color: var(--_colours-semantics---surface-light--secondary);
color: var(--_colours-semantics---content-light--primary);
line-height: var(--_typography---line-height--body);
flex: .45;
justify-content: flex-start;
align-items: center;
display: flex;
}
.support-form_input-title {
text-overflow: ellipsis;
word-break: normal;
max-height: 1lh;
overflow: hidden;
}
.support-form_input-grid {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-8);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.support-form_submit-btn {
height: var(--_spacing---p-10);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--primary);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
transition: background-color .25s;
}
.support-form_submit-btn:hover {
background-color: var(--_colours-semantics---button--secondary);
}
.date-picker-icon {
top: 50%;
right: var(--_spacing---p-3);
width: var(--_spacing---p-5);
pointer-events: auto;
cursor: pointer;
position: absolute;
transform: translate(0, -50%);
}
.amount-wrapper {
border: 1px solid var(--_colours-semantics---stroke--light);
border-radius: var(--_spacing---p-2);
transition: border .25s;
display: flex;
}
.country-dropdown {
width: 7.06rem;
display: flex;
position: relative;
}
.country-dropdown.uc-waitlist {
width: auto;
min-width: 4.88rem;
padding: var(--_spacing---p-3);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-top-left-radius: var(--_spacing---p-2);
border-bottom-left-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--secondary);
justify-content: space-between;
align-items: center;
}
.dropdown-trigger {
height: var(--_spacing---p-12);
padding: var(--_spacing---p-0) var(--_spacing---p-3);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-radius: var(--_spacing---p-2) var(--_spacing---p-0) var(--_spacing---p-0) var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--secondary);
text-transform: uppercase;
justify-content: center;
align-items: center;
transition: background-color .25s;
display: flex;
overflow: hidden;
}
.dropdown-trigger:hover {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.dropdown-flag {
border-radius: .13rem;
overflow: hidden;
}
.dropdown-list {
z-index: 1;
width: 100%;
padding-top: var(--_spacing---p-0-5);
padding-right: var(--_spacing---p-0-5);
padding-bottom: var(--_spacing---p-0-5);
padding-left: var(--_spacing---p-0-5);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-top-left-radius: var(--_spacing---p-2);
border-top-right-radius: var(--_spacing---p-2);
border-bottom-left-radius: var(--_spacing---p-2);
border-bottom-right-radius: var(--_spacing---p-2);
background-color: var(--_colours-primitives---neutral--white);
flex-flow: column;
margin-bottom: 0;
list-style-type: none;
display: flex;
position: absolute;
top: calc(100% + 2px);
box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d, 0 0 0 1px #00000005;
}
.dropdown-list-btn {
width: 100%;
padding-top: var(--_spacing---p-2-5);
padding-bottom: var(--_spacing---p-2-5);
padding-left: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-2-5);
grid-row-gap: var(--_spacing---p-2-5);
border-radius: var(--_spacing---p-1-5);
background-color: var(--_colours-semantics---button--transparent);
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
transition: background-color .2s;
display: flex;
}
.dropdown-list-btn:hover {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.dropdown-list-btn.uc-secondary {
padding-left: var(--_spacing---p-3);
border-radius: var(--_spacing---p-2);
text-transform: none;
}
.section_success {
height: 100svh;
}
.success_wrap {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.success_content-wrap {
aspect-ratio: 1;
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 36.25rem;
display: flex;
}
.success_subtext {
color: var(--_colours-semantics---content-light--secondary);
}
.success_title {
color: var(--_colours-semantics---content-light--primary);
}
.success_image {
width: 14.44rem;
}
.success_text-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 17.69rem;
display: flex;
}
.section_contact-sales {
padding-top: 11.88rem;
padding-bottom: var(--_spacing---p-24);
}
.contact-sales_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
position: relative;
}
.contact-sales_left-wrap {
grid-column-gap: var(--_spacing---p-24);
grid-row-gap: var(--_spacing---p-24);
flex-flow: column;
justify-content: space-between;
display: flex;
}
.contact-sales_title {
color: var(--_colours-semantics---content-light--primary);
}
.contact-sales_texts-wrap {
max-width: 26.44rem;
}
.contact-sales_subtext {
margin-top: var(--_spacing---p-5);
margin-bottom: var(--_spacing---p-3);
color: var(--_colours-semantics---content-light--secondary);
}
.contact-sales_list {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.contact-sales_list-item {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
justify-content: flex-start;
align-items: center;
display: flex;
}
.c-logo-tab {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
justify-content: flex-start;
align-items: center;
height: 3.5vw;
min-height: 2rem;
display: block;
position: relative;
overflow: hidden;
}
.logo-tab-image {
object-fit: contain;
filter: brightness(0) saturate() invert(63%) sepia(9%) saturate(420%) hue-rotate(175deg) brightness(92%) contrast(89%);
justify-content: center;
align-items: center;
width: auto;
height: auto;
max-height: 100%;
}
.support-form_step {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.support-form_continue-btn.c-button {
margin-left: auto;
}
.support-form_progress-bar-wrap {
width: 100%;
height: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--tertiary);
position: absolute;
inset: 0% 0% auto;
}
.support-form_progress-bar {
background-color: var(--_colours-semantics---button--primary);
transform-origin: 0%;
will-change: transform;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transform: scale3d(.5, 1, 1);
}
.support-form_label-wrap {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.support-form_label-wrap.row {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
}
.support-form_label-subtext.text-caption-main {
color: var(--_colours-semantics---content-light--tertiary);
}
.support-form_checkbox-field {
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.support-form_checkbox {
width: var(--_spacing---p-5);
height: var(--_spacing---p-5);
background-color: var(--_colours-semantics---surface-light--tertiary);
border-radius: .25rem;
flex: none;
margin-top: 4px;
margin-left: 0;
}
.support-form_checkbox-label {
margin-bottom: 0;
margin-left: var(--_spacing---p-3);
color: var(--_colours-semantics---content-light--primary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
}
.support-form_checkbox-text {
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--regular);
}
.support-form_checkbox-link {
color: var(--_colours-semantics---button--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--regular);
text-decoration: none;
transition: color .25s;
}
.support-form_checkbox-link:hover {
color: var(--_colours-semantics---brand--border);
}
.support-form_button-group {
margin-top: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.support-form_button-group.uc-no-margin {
margin-top: var(--_spacing---p-0);
}
.support-form_back-btn {
padding: var(--_spacing---p-0);
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--primary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
justify-content: flex-start;
align-items: center;
text-decoration: none;
transition: all .25s;
display: flex;
}
.support-form_back-btn:hover {
opacity: .7;
}
.support-form_error {
color: var(--_colours-semantics---feedback-error--primary);
font-size: var(--_typography---font-size--caption-main);
}
.c-logo-tray {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.logo-image-wrap {
will-change: transform;
justify-content: center;
align-items: center;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
inset: 0%;
}
.support-form_category-fields {
flex-flow: column;
display: flex;
position: relative;
}
.support-form_category, .support-form_input-col {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.support-form_payment-method-wrap {
position: relative;
}
.support-form_payment {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.support-form_tooltip-trigger {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--medium);
text-decoration: underline;
}
.support-form_upload {
height: 3rem;
padding: var(--_spacing---p-1);
grid-column-gap: var(--_spacing---p-2-5);
grid-row-gap: var(--_spacing---p-2-5);
border: 1px solid var(--_colours-semantics---stroke--main);
border-radius: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.support-form_upload-btn {
margin-bottom: 0;
}
.support-form_upload-btn.c-button {
border-radius: .25rem;
}
.support-form_upload-filename {
pointer-events: none;
color: var(--_colours-semantics---content-light--secondary);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.support-form_upload-clear {
top: 0%;
left: auto;
right: var(--_spacing---p-2);
width: var(--_spacing---p-4);
padding: var(--_spacing---p-0);
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--transparent);
transition: opacity .2s;
display: block;
position: absolute;
bottom: 0%;
}
.support-form_upload-clear:hover {
opacity: .6;
}
.support-form_upload-clear-icon {
width: var(--_spacing---p-4);
}
.support-form_tooltip-wrap {
cursor: help;
position: relative;
}
.support-form_tooltip {
width: 20rem;
padding-top: var(--_spacing---p-3-5);
padding-right: var(--_spacing---p-3-5);
padding-bottom: var(--_spacing---p-3-5);
padding-left: var(--_spacing---p-3-5);
border-top-left-radius: var(--_spacing---p-2);
border-top-right-radius: var(--_spacing---p-2);
border-bottom-left-radius: var(--_spacing---p-2);
border-bottom-right-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-dark--primary);
transition-property: opacity;
transition-duration: .2s;
transition-timing-function: ease;
position: absolute;
inset: auto 0% calc(100% + 6px) auto;
}
.support-form_tooltip-text {
color: var(--_colours-semantics---content-dark--primary);
font-size: var(--_typography---font-size--caption-main);
}
.section_resources {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.resources_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.resources_title {
max-width: 30rem;
color: var(--_colours-semantics---surface-dark--primary);
}
.resources_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.support_texts-wrap {
grid-column-gap: var(--_spacing---p-2-5);
grid-row-gap: var(--_spacing---p-2-5);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 29rem;
display: flex;
}
.support_texts-wrap.uc-wide {
max-width: 34.94rem;
}
.support_subtext {
color: var(--_colours-semantics---content-light--primary);
}
.section_product-features {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--secondary);
}
.product-features_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.product-features_wrap.uc-left-align {
justify-content: flex-start;
align-items: flex-start;
}
.product-features_title {
max-width: 25rem;
color: var(--_colours-semantics---surface-dark--primary);
text-align: center;
}
.product-features_title.heading-h2.uc-left-align {
text-align: left;
}
.product-features_title.heading-h2.uc-wide {
max-width: 30.06rem;
}
.product-features_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.product-features_card {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.product-features_card:where(.w-variant-1695ae3a-1d9b-dc83-34a0-4991a299965d) {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.product-features_texts-wrap {
padding-top: var(--_spacing---p-7);
padding-left: var(--_spacing---p-7);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.product-features_texts-wrap:where(.w-variant-1695ae3a-1d9b-dc83-34a0-4991a299965d) {
width: 100%;
padding: var(--_spacing---p-7);
}
.product-features_card-subtext {
max-width: 24.44rem;
color: var(--_colours-semantics---content-light--secondary);
}
.product-features_card-title {
max-width: 18.63rem;
color: var(--_colours-semantics---content-light--primary);
}
.product-features_card-title.heading-h4 {
width: 100%;
max-width: 24.44rem;
}
.product-features_card-visual-wrap {
height: 28.75rem;
margin: var(--_spacing---p-5) var(--_spacing---p-5) var(--_spacing---p-5) var(--_spacing---p-0);
border-radius: var(--_spacing---p-1);
background-color: var(--_colours-semantics---surface-light--secondary);
justify-content: center;
align-items: flex-end;
display: flex;
}
.product-features_card-visual-wrap:where(.w-variant-1695ae3a-1d9b-dc83-34a0-4991a299965d) {
height: 17.5rem;
margin-top: var(--_spacing---p-0);
margin-right: auto;
margin-bottom: var(--_spacing---p-5);
background-color: var(--_colours-semantics---button--transparent);
justify-content: center;
align-items: center;
width: calc(100% - 40px);
margin-left: auto;
}
.product-features_card-image-wrap {
background-color: var(--_colours-semantics---surface-light--primary);
width: 23.94rem;
height: 19.25rem;
}
.product-features_card-image-wrap:where(.w-variant-1695ae3a-1d9b-dc83-34a0-4991a299965d) {
background-color: var(--_colours-semantics---surface-light--secondary);
width: 15.69rem;
height: 10.44rem;
}
.product-features_card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.section_settlement {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-light--secondary);
}
.settlement_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.settlement_top-wrap {
top: var(--_spacing---p-30);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 23.69rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: sticky;
}
.settlement_title {
color: var(--_colours-semantics---content-light--primary);
margin-left: auto;
margin-right: auto;
}
.settlement_subtext {
margin-top: var(--_spacing---p-3);
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-light--primary);
}
.settlement_grid {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
position: relative;
}
.settlement_card {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
position: sticky;
top: 24.13rem;
}
.settlement_card-texts-wrap {
padding: var(--_spacing---p-9) var(--_spacing---p-8);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.settlement_card-visual-wrap {
height: 28.75rem;
margin: var(--_spacing---p-5);
border-radius: var(--_spacing---p-1);
background-color: var(--_colours-semantics---surface-light--secondary);
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
overflow: hidden;
}
.settlement_card-image-wrap {
background-color: var(--_colours-semantics---surface-light--primary);
width: 24.06rem;
height: 20rem;
}
.settlement_card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.settlement_card-eyebrow.text-caption-main {
color: var(--_colours-semantics---brand--main);
font-weight: var(--_typography---font-weight--medium);
}
.settlement_card-title {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-2);
color: var(--_colours-semantics---content-light--primary);
}
.settlement_card-subtext {
max-width: 25.44rem;
color: var(--_colours-semantics---content-light--secondary);
}
.settlement_card-list {
margin-bottom: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
list-style-type: none;
display: flex;
}
.settlement_card-item {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.settlement_cards-col {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.settlement_card-list-wrap {
max-width: 25.44rem;
margin-top: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.settlement_card-list-title {
color: var(--_colours-semantics---content-light--secondary);
font-weight: var(--_typography---font-weight--medium);
}
.section_plugins {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
}
.plugins_wrap {
padding: var(--_spacing---p-10);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-dark--secondary);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.plugins_left-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 23.31rem;
display: flex;
}
.plugins_title {
color: var(--_colours-semantics---surface-light--primary);
}
.plugins_subtext {
margin-top: var(--_spacing---p-3);
margin-bottom: var(--_spacing---p-10);
color: var(--_colours-semantics---surface-light--secondary);
}
.plugins_logos-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: flex-end;
align-items: center;
display: flex;
}
.plugins_logo-wrap {
aspect-ratio: 1;
border: 1px solid var(--_colours-semantics---surface-dark--tertiary);
background-color: var(--_colours-semantics---surface-light--tertiary);
border-radius: .94rem;
justify-content: center;
align-items: center;
width: 5.25rem;
display: flex;
box-shadow: 2.4px 2.4px 4.8px 4.8px #171e2580, -2.4px -2.4px 4.8px 4.8px #171e2580;
}
.plugins_logo {
max-width: 60%;
}
.plugins_logo-outer-wrap {
background-color: var(--_colours-semantics---surface-dark--tertiary);
border-radius: 1.13rem;
padding: .3rem;
}
.country-home_webgl-embed {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dev_left--wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_docs-setup {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
background-color: var(--_colours-semantics---surface-dark--primary);
}
.docs-setup_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.docs-setup_top-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.docs-setup_texts-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 32.31rem;
display: flex;
}
.docs-setup_title {
color: var(--_colours-semantics---content-dark--primary);
}
.docs-setup_subtext {
margin-top: var(--_spacing---p-4);
margin-bottom: var(--_spacing---p-8);
color: var(--_colours-semantics---content-dark--tertiary);
}
.docs-setup_image-wrap {
border-radius: var(--_spacing---p-4);
justify-content: center;
align-items: center;
height: 28.13rem;
display: flex;
}
.docs-setup_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.section_checkout-success {
background-image: linear-gradient(180deg, var(--_colours-semantics---accent-deep-sky--dark) 60%, var(--_colours-semantics---surface-light--secondary) 60%);
padding-top: 11.88rem;
padding-bottom: 7.81rem;
}
.checkout-success_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-success_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-success_subtext {
max-width: 30rem;
color: var(--_colours-semantics---content-dark--secondary);
}
.checkout-success_title {
color: var(--_colours-semantics---content-dark--primary);
}
.checkout-success_content-wrap {
width: 100%;
max-width: 36.25rem;
padding: var(--_spacing---p-16) var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden;
}
.checkout-success_image-wrap {
aspect-ratio: 1;
background-color: var(--_colours-semantics---surface-light--secondary);
border-radius: 50%;
justify-content: flex-end;
align-items: flex-end;
width: 7.5rem;
display: flex;
overflow: hidden;
}
.checkout-success_content-texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-success_content-title {
color: var(--_colours-semantics---content-light--primary);
}
.checkout-success_content-subtext {
color: var(--_colours-semantics---content-light--secondary);
}
.checkout-success_bottom-content-wrap {
grid-column-gap: 1.13rem;
grid-row-gap: 1.13rem;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-success_button-group {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-success_content-footnote {
color: var(--_colours-semantics---content-light--secondary);
}
.checkout-success_footnote-link {
color: var(--_colours-semantics---button--primary);
text-decoration: none;
transition: color .25s;
}
.checkout-success_footnote-link:hover {
color: var(--_colours-semantics---brand--border);
}
.c-subscription-modal {
z-index: 100;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #00000080;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
}
.subscription-form_wrap {
border-top-left-radius: var(--_spacing---p-4);
border-top-right-radius: var(--_spacing---p-4);
border-bottom-left-radius: var(--_spacing---p-4);
border-bottom-right-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
width: 36.25rem;
max-height: calc(100% - 192px);
overflow: hidden;
}
.subscription-form_formblock {
max-height: calc(100vh - 192px);
margin-bottom: 0;
}
.subscription-form_form {
flex-flow: column;
justify-content: flex-start;
height: 100%;
max-height: calc(100vh - 192px);
display: flex;
position: relative;
overflow: hidden;
}
.subscription-form_success-wrap {
background-color: var(--_colours-semantics---button--transparent);
padding: 5.38rem;
}
.subscription-form_success-image {
width: 14.44rem;
}
.subscription-form_success-content-wrap {
max-width: 17.69rem;
margin-top: var(--_spacing---p-6);
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.subscription-form_success-content-title {
color: var(--_colours-semantics---content-light--primary);
}
.subscription-form_success-content-title.heading-h4 {
font-family: var(--_typography---font-family--primary);
}
.subscription-form_success-content-subtext {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-6);
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
}
.subscription-form_success-inner-wrap {
flex-flow: column;
display: flex;
}
.subscription-form_error-wrap {
padding: var(--_spacing---p-4);
background-color: var(--_colours-semantics---feedback-error--primary);
color: var(--_colours-semantics---feedback-error--light);
font-weight: var(--_typography---font-weight--semibold);
}
.subscription-form_visual-wrap {
background-color: var(--_colours-semantics---accent-deep-sky--bg);
justify-content: center;
align-items: center;
display: flex;
}
.subscription-form_fields-col {
padding: var(--_spacing---p-0) var(--_spacing---p-8) var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.subscription-form_texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.subscription-form_texts-wrap.uc-main {
padding-top: var(--_spacing---p-8);
padding-bottom: var(--_spacing---p-8);
background-color: var(--_colours-primitives---neutral--white);
}
.subscription-form_title {
color: var(--_colours-semantics---content-light--primary);
}
.subscription-form_subtext {
color: var(--_colours-semantics---content-light--secondary);
line-height: var(--_typography---line-height--body);
}
.subscription-form_user-email {
font-weight: var(--_typography---font-weight--medium);
}
.support-form_radio-button-wrap {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
justify-content: flex-start;
align-items: center;
display: flex;
}
.c-radio-button-field {
color: var(--_colours-semantics---button--primary);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.radio-button {
aspect-ratio: 1;
border: 2px solid var(--_colours-semantics---stroke--light);
background-color: var(--_colours-semantics---button--transparent);
border-radius: 50%;
width: 1.25rem;
height: 1.25rem;
margin-left: 0;
}
.radio-button-label {
margin-top: auto;
margin-bottom: auto;
margin-left: var(--_spacing---p-3);
color: var(--_colours-semantics---content-light--primary);
}
.subscription-form_footnote-wrap {
grid-column-gap: var(--_spacing---p-3-5);
grid-row-gap: var(--_spacing---p-3-5);
color: var(--_colours-semantics---content-light--tertiary);
line-height: var(--_typography---line-height--body);
text-align: center;
flex-flow: column;
display: flex;
}
.subscription-form_footnote-link {
color: var(--_colours-semantics---button--primary);
transition: color .25s;
}
.subscription-form_footnote-link:hover {
color: var(--_colours-semantics---brand--border);
}
.subscription-form_close-modal-btn {
top: 1.06rem;
left: auto;
right: var(--_spacing---p-5);
width: var(--_spacing---p-10);
aspect-ratio: 1;
background-color: var(--_colours-semantics---surface-light--primary);
border-radius: 50%;
justify-content: center;
align-items: center;
transition: background-color .25s;
display: flex;
position: absolute;
bottom: auto;
overflow: hidden;
}
.subscription-form_close-modal-btn:hover {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.subscription-form_fields-outer-wrap {
overflow: scroll;
}
.section_match {
padding-top: 11.88rem;
padding-bottom: var(--_spacing---p-30);
}
.match_wrap {
justify-content: center;
align-items: flex-start;
display: flex;
}
.c-match-formblock {
width: 100%;
max-width: 36.25rem;
padding: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
margin-bottom: 0;
overflow: hidden;
}
.match-form {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
flex-flow: column;
display: flex;
}
.match-form_header {
margin-bottom: var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.match-form_header.uc-0-border {
margin-bottom: var(--_spacing---p-0);
}
.match-form_header-image-wrap {
aspect-ratio: 1;
background-color: var(--_colours-semantics---surface-light--secondary);
border-radius: 50%;
justify-content: flex-end;
align-items: flex-end;
width: 7.5rem;
display: flex;
overflow: hidden;
}
.match-form_header-texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.match-form_header-title {
color: var(--_colours-semantics---content-light--primary);
}
.match-form_header-subtext {
max-width: 30.06rem;
color: var(--_colours-semantics---content-light--secondary);
}
.match-form_header-subtext.uc-medium {
margin-top: var(--_spacing---p-8);
margin-bottom: var(--_spacing---p-2);
font-weight: var(--_typography---font-weight--medium);
}
.match-form_header-subtext.uc-footnote {
max-width: 26.13rem;
}
.match-form_header-subtext.uc-reason {
max-width: 24.25rem;
margin-top: var(--_spacing---p-4);
}
.match-form_fields-col {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.match-form_subtext-span {
font-weight: var(--_typography---font-weight--semibold);
}
.match_container {
width: 100%;
max-width: 36.25rem;
min-height: 35.75rem;
padding: var(--_spacing---p-8);
border-radius: var(--_spacing---p-4);
background-color: var(--_colours-primitives---neutral--white);
justify-content: center;
align-items: center;
display: flex;
}
.footer_links-container {
grid-column-gap: 4.81rem;
grid-row-gap: 4.81rem;
flex-flow: column;
display: flex;
}
.footer_mobile-address {
display: none;
}
.localization-trigger {
width: 100%;
height: 100%;
padding-right: var(--_spacing---p-4);
padding-left: var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-dark--secondary);
transition: background-color .25s;
overflow: hidden;
}
.localization-trigger:hover {
background-color: var(--_colours-semantics---content-light--primary);
}
.localization-trigger.uc-tertiary {
border: 1px solid var(--_colours-semantics---stroke--light);
background-color: var(--_colours-semantics---surface-light--primary);
}
.localization_list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.localization_list-wrap {
width: 12rem;
padding-top: var(--_spacing---p-3);
padding-right: var(--_spacing---p-3);
padding-bottom: var(--_spacing---p-3);
padding-left: var(--_spacing---p-3);
border-top-left-radius: var(--_spacing---p-2);
border-top-right-radius: var(--_spacing---p-2);
border-bottom-left-radius: var(--_spacing---p-2);
border-bottom-right-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-dark--secondary);
opacity: 0;
pointer-events: none;
visibility: hidden;
transition-property: all;
transition-duration: .35s;
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
position: absolute;
bottom: calc(100% + 10px);
right: 0;
overflow: hidden;
transform: translate(0, 10px);
box-shadow: 0 5px 6px #0e141b0f;
}
.localization_list-wrap.uc-tertiary {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_colours-semantics---stroke--light);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--_colours-semantics---stroke--light);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--_colours-semantics---stroke--light);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--_colours-semantics---stroke--light);
background-color: var(--_colours-semantics---surface-light--primary);
opacity: 0;
pointer-events: none;
visibility: hidden;
width: 100%;
top: 100%;
bottom: auto;
}
.localization_list-link {
width: 100%;
height: 2.25rem;
padding-right: var(--_spacing---p-2);
padding-left: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-dark--primary);
border-radius: .38rem;
justify-content: space-between;
align-items: center;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.localization_list-link:where(.w-variant-98e58817-8794-72fb-27f3-f784c6013174) {
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--caption-main);
}
.localization_list-link:hover {
background-color: var(--_colours-semantics---surface-dark--tertiary);
}
.localization_list-link:hover:where(.w-variant-98e58817-8794-72fb-27f3-f784c6013174) {
background-color: var(--_colours-semantics---surface-light--secondary);
}
.localization_link-left-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
justify-content: flex-start;
align-items: center;
display: flex;
}
.localization_link-flag-wrap {
border-radius: .13rem;
overflow: hidden;
}
.localization_link-flag {
object-fit: cover;
width: 100%;
height: 100%;
}
.localization_link-active-tick {
opacity: 0;
transition: opacity .25s;
}
.localization_link-active-tick:where(.w-variant-98e58817-8794-72fb-27f3-f784c6013174) {
opacity: 0;
filter: brightness(0%);
}
.section_country-waitlist {
flex-flow: column;
justify-content: space-between;
height: 100svh;
padding-top: 12.38rem;
display: flex;
position: relative;
overflow: hidden;
}
.country-waitlist_top-wrap {
grid-column-gap: var(--_spacing---p-7);
grid-row-gap: var(--_spacing---p-7);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.country-waitlist_top-wrap:where(.w-variant-80420ada-7529-57e4-ccf7-b48c515a7258) {
max-width: 53.88rem;
}
.country-waitlist_title {
color: var(--_colours-semantics---surface-dark--primary);
}
.country-waitlist_subtext {
max-width: 23.69rem;
color: var(--_colours-semantics---content-light--secondary);
}
.country-waitlist_subtext.uc-wider {
max-width: 37.06rem;
}
.country-waitlist_subtext.uc-wider:where(.w-variant-80420ada-7529-57e4-ccf7-b48c515a7258) {
max-width: 27.44rem;
}
.country-waitlist_formblock {
margin-bottom: 0;
}
.country-waitlist_form {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.country-waitlist_form-input {
width: 16.06rem;
min-height: var(--_spacing---p-10);
padding: var(--_spacing---p-2-5) var(--_spacing---p-3);
border: 1px solid var(--_colours-semantics---stroke--main);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--primary);
margin-bottom: 0;
transition: border .25s, color .25s;
}
.country-waitlist_form-input:focus {
border-color: var(--_colours-semantics---brand--main);
}
.country-waitlist_form-input::placeholder {
color: var(--_colours-semantics---content-light--quaternary);
}
.country-waitlist_submit-btn.c-button {
height: var(--_spacing---p-10);
font-size: var(--_typography---font-size--caption-main);
}
.country-waitlist_map-globe-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-height: 25vh;
display: flex;
position: relative;
}
.country-waitlist_map-wrap {
justify-content: space-between;
align-items: flex-start;
display: flex;
position: absolute;
bottom: calc(100% - 5px);
left: auto;
right: auto;
}
.country-waitlist_map {
object-fit: cover;
width: 100%;
height: 100%;
}
.country-waitlist_globe-wrap {
width: 100%;
position: relative;
}
.country-waitlist_globe {
width: 100%;
}
.country-waitlist_map-pole {
background-color: #151515;
border-radius: .13rem;
width: .13rem;
height: 5.63rem;
}
.country-waitlist_flag-wrap {
width: 4.5rem;
height: var(--_spacing---p-12);
justify-content: center;
align-items: center;
margin-top: .35rem;
display: flex;
overflow: hidden;
}
.c-country-footer {
z-index: 2;
padding: var(--_spacing---p-24) var(--_components---section--horizontal-padding);
background-color: var(--_colours-semantics---surface-light--secondary);
position: relative;
}
.country-footer_wrap {
width: 100%;
max-width: var(--_components---section--max-width);
padding-top: var(--_spacing---p-10);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-top: 1px solid var(--_colours-semantics---stroke--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-left: auto;
margin-right: auto;
display: grid;
}
.country-footer_logo-link {
max-width: 7.94rem;
}
.country-footer_logo {
width: 100%;
}
.country-footer_contact-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.country-footer_title {
color: var(--_colours-semantics---content-light--primary);
}
.country-footer_title.text-caption-main {
font-family: var(--_typography---font-family--secondary);
font-weight: var(--_typography---font-weight--medium);
}
.country-footer_contact-link {
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
text-decoration: none;
transition: color .25s;
}
.country-footer_contact-link:hover {
color: var(--_colours-semantics---content-light--primary);
}
.country-footer_product-slot {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--primary);
position: relative;
overflow: hidden;
}
.country-footer_product-link {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--primary);
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
overflow: hidden;
}
.country-footer_product-link:hover {
color: var(--_colours-semantics---button--primary);
}
.product-link_left-wrap {
max-width: 72%;
padding: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.product-link_right-wrap {
width: 10rem;
max-width: 28%;
height: 100%;
position: absolute;
inset: auto 0% auto auto;
}
.product-link_title {
font-family: var(--_typography---font-family--secondary);
color: var(--_colours-semantics---brand--main);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--semibold);
}
.product-link_subtext {
margin-top: var(--_spacing---p-2);
margin-bottom: var(--_spacing---p-3);
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--caption-main);
}
.product-link_arrow-wrap {
width: var(--_spacing---p-5);
aspect-ratio: 1;
}
.product-link_illustration-svg {
width: 100%;
height: 100%;
}
.country-waitlist_texts-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_waitlist {
padding-top: 12.38rem;
padding-bottom: var(--_spacing---p-30);
}
.waitlist_wrap {
max-width: 36.25rem;
margin-left: auto;
margin-right: auto;
}
.success-message_content-wrap {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.success-message_image {
width: 14.44rem;
}
.success-message_texts-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.success-message_title {
color: var(--_colours-semantics---content-light--primary);
}
.success-message_title.heading-h4 {
max-width: 17.69rem;
font-family: var(--_typography---font-family--primary);
}
.success-message_subtext {
max-width: 21.31rem;
color: var(--_colours-semantics---content-light--secondary);
font-size: var(--_typography---font-size--body-1);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--regular);
}
.country-waitlist_eyebrow {
color: var(--_colours-semantics---button--primary);
font-weight: var(--_typography---font-weight--medium);
}
.country-waitlist_globe-illustration {
z-index: 1;
position: absolute;
bottom: calc(100% - .5rem);
}
.country-waitlist_globe-illustration:where(.w-variant-c025be0b-741a-50b7-fabb-6354a4c7388a) {
bottom: calc(100% - 1.5rem);
}
.support-form_country-select-wrap {
position: relative;
}
.support-form_country-select-trigger {
width: 100%;
height: var(--_spacing---p-12);
padding: var(--_spacing---p-3) var(--_spacing---p-4) var(--_spacing---p-3) var(--_spacing---p-3);
border: 1px solid var(--_colours-semantics---stroke--main);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
justify-content: space-between;
align-items: center;
display: flex;
}
.support-form_select-left-wrap {
text-align: left;
justify-content: flex-start;
align-items: center;
display: flex;
}
.support-form_select-flag-wrap {
width: 1.19rem;
height: .88rem;
margin-right: var(--_spacing---p-2);
border-radius: .13rem;
justify-content: center;
align-items: center;
display: none;
}
.support-form_select-flag {
object-fit: cover;
width: 100%;
height: 100%;
}
.support-form_country-select {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_colours-semantics---stroke--light);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--_colours-semantics---stroke--light);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--_colours-semantics---stroke--light);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--_colours-semantics---stroke--light);
border-top-left-radius: var(--_spacing---p-4);
border-top-right-radius: var(--_spacing---p-4);
border-bottom-left-radius: var(--_spacing---p-4);
border-bottom-right-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---content-dark--primary);
width: 100%;
height: 11.93rem;
max-height: 11.93rem;
display: block;
position: absolute;
top: calc(100% + 8px);
overflow: scroll;
box-shadow: 0 6px 10px #1b1c1d0f, 0 2px 4px #1b1c1d05;
}
.support-form_country-select.uc-top {
top: unset;
display: none;
bottom: calc(100% + 8px);
}
.support-form_country-select-inner {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
height: 100%;
display: flex;
position: relative;
}
.support-form_select-list {
padding-right: var(--_spacing---p-3);
padding-bottom: var(--_spacing---p-3);
padding-left: var(--_spacing---p-3);
grid-column-gap: .3rem;
grid-row-gap: .3rem;
flex-flow: column;
margin-bottom: 0;
list-style-type: none;
display: flex;
}
.section_stacks {
padding-top: var(--_spacing---p-30);
padding-bottom: var(--_spacing---p-30);
}
.stacks_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
position: relative;
}
.stacks-quote_top-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.stacks_title {
max-width: 25rem;
color: var(--_colours-semantics---content-light--primary);
}
.stacks_component {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
width: 100%;
display: flex;
}
.stacks_item {
border-top-left-radius: var(--_spacing---p-4);
border-top-right-radius: var(--_spacing---p-4);
border-bottom-left-radius: var(--_spacing---p-4);
border-bottom-right-radius: var(--_spacing---p-4);
background-color: var(--_colours-semantics---surface-light--primary);
cursor: pointer;
flex: 1 0;
height: 29.38rem;
display: flex;
overflow: hidden;
}
.stacks_visual {
flex: none;
width: 100%;
position: relative;
}
.stacks_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.stacks_image.uc-right-align {
object-position: 86% 50%;
}
.stacks_visual-label {
color: var(--_colours-semantics---content-dark--primary);
position: absolute;
bottom: 2.38rem;
left: 50%;
transform: translate(-50%);
}
.stacks_visual-label.text-caption-main {
font-weight: var(--_typography---font-weight--medium);
}
.stacks_video-button {
opacity: 0;
pointer-events: none;
white-space: nowrap;
width: fit-content;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.stacks_content-mask {
flex: none;
width: 0%;
overflow: hidden;
}
.stacks_content {
width: 100%;
height: 100%;
padding-top: 1.69rem;
padding-right: var(--_spacing---p-8);
padding-bottom: 1.69rem;
padding-left: var(--_spacing---p-5);
flex-flow: column;
flex-shrink: 0;
justify-content: space-between;
display: flex;
}
.stacks_quote {
color: var(--_colours-semantics---content-light--primary);
}
.stacks_quote.heading-h4 {
font-family: var(--_typography---font-family--primary);
}
.stacks_team {
color: var(--_colours-semantics---button--primary);
}
.stacks_team.text-caption-main {
font-weight: var(--_typography---font-weight--medium);
}
.stacks_name-title {
color: var(--_colours-semantics---content-light--secondary);
}
.stacks_image-wrap {
border-radius: var(--_spacing---p-2);
width: auto;
height: auto;
position: absolute;
inset: 0%;
overflow: hidden;
}
.stacks_image-overlay {
background-image: linear-gradient(#0e141b00, #000000e6 90%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.video-modal {
z-index: 100000;
width: 100vw;
height: 100dvh;
padding: 7.63rem var(--_spacing---p-30);
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.video-modal-bg {
opacity: 1;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #000c;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.close-btn {
left: var(--_spacing---p-10);
top: var(--_spacing---p-5);
z-index: 1;
padding: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-dark--primary);
font-weight: var(--_typography---font-weight--medium);
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
}
.close-btn:hover {
color: var(--_colours-semantics---content-dark--primary);
}
.close-btn_icon {
transition: transform .4s;
}
.custom-video-player {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.video-modal_inner-wrap {
z-index: 1;
aspect-ratio: 16 / 9;
border-radius: var(--_spacing---p-4);
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.controls-bar {
padding: var(--_spacing---p-3) var(--_spacing---p-10);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #0e141b80;
justify-content: space-between;
align-items: center;
display: flex;
}
.play-pause-btn {
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent-blur);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
flex: none;
justify-content: flex-start;
align-items: center;
transition: color .25s;
display: flex;
}
.play-pause-btn:hover {
color: var(--_colours-semantics---surface-light--tertiary);
}
.play-pause-btn_icon {
width: var(--_spacing---p-5);
height: var(--_spacing---p-5);
}
.play-pause-btn_text {
line-height: var(--_typography---line-height--body);
}
.controls-mid-wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 37.5rem;
display: flex;
}
.video-time {
color: var(--_colours-semantics---content-dark--primary);
font-weight: var(--_typography---font-weight--semibold);
}
.progress-embed {
justify-content: center;
align-items: flex-start;
width: 100%;
padding-bottom: .4rem;
}
.playback-menu {
position: relative;
}
.playback-menu.hide-mobile-landscape {
flex: none;
}
.speed-toggle-btn {
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---button--transparent-blur);
color: var(--_colours-semantics---surface-light--primary);
font-size: var(--_typography---font-size--caption-main);
font-weight: var(--_typography---font-weight--semibold);
justify-content: center;
align-items: center;
transition: opacity .25s;
display: flex;
}
.speed-toggle-btn:hover {
opacity: .7;
}
.speed-toggle-btn_icon {
width: var(--_spacing---p-5);
height: var(--_spacing---p-5);
}
.speed-dropdown {
right: var(--_spacing---p-0);
width: 13.19rem;
padding-top: var(--_spacing---p-3);
padding-right: var(--_spacing---p-3);
padding-bottom: var(--_spacing---p-3);
padding-left: var(--_spacing---p-3);
grid-column-gap: .13rem;
grid-row-gap: .13rem;
border-top-left-radius: var(--_spacing---p-2);
border-top-right-radius: var(--_spacing---p-2);
border-bottom-left-radius: var(--_spacing---p-2);
border-bottom-right-radius: var(--_spacing---p-2);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #0e141b80;
flex-flow: column;
display: flex;
position: absolute;
bottom: calc(100% + 28px);
}
.speed-option {
height: var(--_spacing---p-10);
padding: var(--_spacing---p-2-5);
color: var(--_colours-semantics---content-dark--primary);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
text-align: left;
background-color: #0000;
border-radius: .38rem;
justify-content: space-between;
align-items: center;
text-decoration: none;
transition: background-color .25s;
display: flex;
}
.speed-option:hover {
background-color: #0003;
}
.speed-option_icon {
width: var(--_spacing---p-3);
display: none;
}
.explore-jobs_image, .slider_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.slider_image-overlay {
pointer-events: none;
background-color: #31313199;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.support-form_country-input-wrap {
top: var(--_spacing---p-0);
padding-top: var(--_spacing---p-3);
padding-right: var(--_spacing---p-3);
padding-left: var(--_spacing---p-3);
background-color: var(--_colours-semantics---content-dark--primary);
position: sticky;
}
.video-component-overlay {
z-index: 0;
pointer-events: none;
background-color: #00000080;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c-locale-switcher {
z-index: 10;
padding: var(--_spacing---p-2-5) var(--_components---section--horizontal-padding);
background-color: var(--_colours-semantics---surface-light--secondary);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.locale-switcher_wrap {
justify-content: space-between;
align-items: center;
display: flex;
}
.locale-switcher_title {
color: var(--_colours-semantics---content-light--tertiary);
font-size: var(--_typography---font-size--caption-main);
line-height: var(--_typography---line-height--body);
font-weight: var(--_typography---font-weight--medium);
}
.locale-switcher_close-btn {
width: var(--_spacing---p-6);
padding: var(--_spacing---p-0);
aspect-ratio: 1;
background-color: var(--_colours-semantics---button--transparent);
flex: none;
}
@media screen and (max-width: 991px) {
body {
--_components---section--max-width: 90rem;
--_components---section--horizontal-padding: 2rem;
--_typography---font-family--secondary: "Inter Variable Font", Arial, sans-serif;
--_typography---font-size--body-1: 1rem;
--_typography---font-weight--regular: 400;
--_typography---letter-spacing--none: 0em;
--_typography---font-family--primary: "PP Mori 700", sans-serif;
--_typography---font-size--h1: 3.5rem;
--_typography---line-height--heading: 120%;
--_typography---font-weight--bold: 700;
--_typography---letter-spacing--tight: -.01em;
--_typography---font-size--h2: 2.5rem;
--_typography---font-size--h3: 2rem;
--_typography---font-size--h4: 1.75rem;
--_typography---font-size--h5\: clamp(1.5rem, 2.22vw, 2rem);
--_typography---font-size--h6\: clamp(1.375rem, 1.94vw, 1.75rem);
--_typography---line-height--body: 145%;
--_typography---font-size--caption-main: .875rem;
--_typography---font-weight--semibold: 600;
--_typography---font-size--body-sm: clamp(.8125rem, .97vw, .875rem);
--_typography---font-size--body-xs: clamp(.6875rem, .83vw, .75rem);
--_typography---font-size--body-2: 1.25rem;
--_typography---font-size--h7\: clamp(1.25rem, 1.67vw, 1.5rem);
--_typography---letter-spacing--caption: -.04em;
--_typography---line-height--normal: 100%;
--_typography---font-weight--medium: 500;
--_typography---font-size--body-md: clamp(.875rem, .8393rem + .1786vw, 1rem);
--_typography---font-size--caption-md: clamp(.6875rem, .83vw, .75rem);
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_heading-header {
font-size: 4rem;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-xxlarge {
margin: 4rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-xxhuge {
margin: 8rem;
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-large {
margin: 2.5rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.margin-medium {
margin: 1.5rem;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-medium {
padding: 1.5rem;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.padding-xxlarge {
padding: 4rem;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.margin-huge {
margin: 5rem;
}
.margin-xhuge {
margin: 6rem;
}
.padding-huge {
padding: 5rem;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.hide-tablet {
display: none;
}
.padding-xlarge {
padding: 3rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.c-cta:where(.w-variant-fa662b6a-e3a7-5206-0408-9596e1d52443) {
padding-top: var(--_spacing---p-0);
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
border-top-style: none;
border-top-width: 0;
border-top-color: var(--_colours-semantics---button--transparent);
border-right-style: none;
border-right-width: 0;
border-right-color: var(--_colours-semantics---button--transparent);
border-bottom-style: none;
border-bottom-width: 0;
border-bottom-color: var(--_colours-semantics---button--transparent);
border-left-style: none;
border-left-width: 0;
border-left-color: var(--_colours-semantics---button--transparent);
border-top-left-radius: var(--_spacing---p-0);
border-top-right-radius: var(--_spacing---p-0);
border-bottom-left-radius: var(--_spacing---p-0);
border-bottom-right-radius: var(--_spacing---p-0);
width: fit-content;
}
.c-cta:hover:where(.w-variant-fa662b6a-e3a7-5206-0408-9596e1d52443) {
border: 0px none var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-primitives---stack--600);
}
.c-button:where(.w-variant-f1296d60-635a-ab7e-35cb-81f0cc8bc931) {
width: 100%;
padding: .81rem var(--_components---section--horizontal-padding);
border-radius: var(--_spacing---p-0);
justify-content: space-between;
}
.c-button:hover:where(.w-variant-f1296d60-635a-ab7e-35cb-81f0cc8bc931) {
border-color: var(--_colours-semantics---button--transparent);
background-color: var(--_colours-semantics---button--transparent);
color: var(--_colours-primitives---stack--600);
}
.button_icon:where(.w-variant-f1296d60-635a-ab7e-35cb-81f0cc8bc931) {
transform: rotate(-90deg);
}
.c-nav {
border-bottom: 0px none var(--_colours-semantics---button--transparent);
}
.nav_logo-links-container {
padding-top: .94rem;
padding-bottom: .94rem;
}
.nav_logo-link {
transition: opacity .25s ease-in;
}
.nav_right-wrap {
z-index: 6;
position: relative;
}
.nav_desktop-cta-wrap {
display: none;
}
.nav_hamburger-btn {
grid-column-gap: .31rem;
grid-row-gap: .31rem;
display: flex;
}
.nav_hamburger-line {
transform-origin: 50%;
transition: width .35s cubic-bezier(.23, 1, .32, 1), opacity .35s cubic-bezier(.23, 1, .32, 1), transform .35s cubic-bezier(.23, 1, .32, 1);
}
.nav_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.nav_list-item.uc-left-padding {
padding: .81rem var(--_components---section--horizontal-padding);
}
.nav_dropdown-panels {
z-index: 5;
border-top-style: none;
border-top-width: 0;
border-top-color: var(--_colours-semantics---button--transparent);
border-right-style: none;
border-right-width: 0;
border-right-color: var(--_colours-semantics---button--transparent);
border-bottom-style: none;
border-bottom-width: 0;
border-bottom-color: var(--_colours-semantics---button--transparent);
border-left-style: none;
border-left-width: 0;
border-left-color: var(--_colours-semantics---button--transparent);
border-bottom-left-radius: var(--_spacing---p-0);
border-bottom-right-radius: var(--_spacing---p-0);
box-shadow: none;
opacity: 0;
pointer-events: none;
visibility: hidden;
width: 100%;
height: calc(100dvh - 130px);
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
top: calc(100% + 1px);
overflow: hidden;
}
.nav_panel {
background-color: var(--_colours-primitives---midnight--100);
opacity: 0;
pointer-events: none;
}
.nav_panel.uc-solutions {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
height: 100%;
display: none;
}
.nav_panel.uc-developers, .nav_panel.uc-resources {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: none;
}
.nav_panel.uc-products {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: none;
}
.nav_panel.uc-products.is-active {
display: flex;
}
.nav_links-group.uc-solutions, .nav_links-group.uc-developers, .nav_links-group.uc-products {
flex-flow: column;
display: flex;
}
.nav_more-products-wrap {
padding-right: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
background-color: var(--_colours-semantics---button--transparent);
}
.nav_links-top-wrap {
border-bottom: 0px none var(--_colours-semantics---button--transparent);
flex-flow: column;
display: flex;
}
.nav_footnote-wrap {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
display: none;
}
.nav_links-col {
padding: var(--_spacing---p-6) var(--_spacing---p-0) var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.nav_links-col.uc-last-child.uc-border-bottom {
grid-column-gap: var(--_spacing---p-1);
grid-row-gap: var(--_spacing---p-1);
}
.nav_links-col.uc-border-bottom {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border-bottom: 0px none var(--_colours-semantics---button--transparent);
}
.nav_links-col.uc-border-bottom.uc-tablet-gap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
}
.nav_links-col.uc-small {
grid-column-gap: var(--_spacing---p-1);
grid-row-gap: var(--_spacing---p-1);
}
.nav_links-col-heading.text-body-sm {
padding-bottom: var(--_spacing---p-3);
}
.nav_links-col-heading.text-body-sm.uc-text-black {
padding-bottom: var(--_spacing---p-3);
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
color: var(--_colours-semantics---brand--main);
}
.nav_links-col-heading.text-body-sm.uc-border-0 {
padding-bottom: var(--_spacing---p-3);
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
}
.nav_links-col-heading.text-body-sm.uc-border-0.uc-m-border {
padding-bottom: var(--_spacing---p-0);
border-bottom: 0px none var(--_colours-semantics---button--transparent);
color: var(--_colours-semantics---content-light--secondary);
}
.nav_links-col-heading.text-body-sm.uc-border-0.hide-desktop {
display: block;
}
.nav_panel-list {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.nav_panels-container {
width: 100%;
height: 100%;
position: relative;
overflow: scroll;
}
.nav_new-link.text-body-1:where(.w-variant-12d44ab9-cc7d-9d60-e424-639208521b19) {
display: none;
}
.nav_links-grid {
border-right: 0px none var(--_colours-semantics---button--transparent);
flex-flow: column;
display: flex;
}
.nav_card-link {
padding: var(--_spacing---p-6) var(--_spacing---p-0) var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-1);
grid-row-gap: var(--_spacing---p-1);
}
.nav_card-link:where(.w-variant-0f07ce34-0ff4-9b0d-a9dc-554561ee8c63) {
padding-top: var(--_spacing---p-0);
padding-right: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
}
.nav_card-image-wrap {
height: auto;
display: none;
}
.nav_link-card-title.text-body-sm {
margin-top: 0;
margin-bottom: 0;
}
.nav_link-card-subtext.text-body-sm {
margin-bottom: 0;
}
.nav_cta-tablet {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
display: block;
}
.nav_middle-wrap {
z-index: 4;
width: 100%;
height: 100dvh;
padding-top: 4.38rem;
padding-bottom: var(--_spacing---p-5);
background-color: var(--_colours-primitives---neutral--white);
opacity: 0;
visibility: hidden;
flex-flow: column;
justify-content: space-between;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.nav_middle-wrap.is-open {
opacity: 1;
visibility: visible;
}
.nav_card-container {
padding-top: var(--_spacing---p-6);
padding-right: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.nav_left-wrap {
z-index: 6;
}
.nav_back-btn.text-body-sm {
opacity: 0;
pointer-events: none;
visibility: hidden;
margin-left: -5px;
transition-property: opacity;
transition-duration: .25s;
transition-timing-function: ease-in;
display: flex;
position: absolute;
inset: 50% auto auto 0%;
transform: translate(0, -50%);
}
.header_logos-container {
justify-content: flex-start;
}
.integrate_bento-block-wrap {
justify-content: center;
max-width: 100%;
}
.integrate_bento-card {
width: 6.25rem;
}
.integrate_bento-card.uc-big-card {
flex: 0 auto;
width: 12.5rem;
height: 12.5rem;
}
.integrate_bento-card-image {
width: 2.63rem;
}
.integrate_bento-card-image.uc-big {
width: 4rem;
}
.company-quotes_cards-wrap {
flex-flow: column;
height: auto;
}
.company-quotes_card {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
justify-content: center;
width: 100%;
min-width: 100%;
max-width: 100%;
display: flex;
}
.company-quotes_card.is-secondary {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.company-quotes_card-content {
width: 100%;
padding: var(--_spacing---p-6) var(--_spacing---p-0) var(--_spacing---p-0);
position: relative;
inset: auto;
}
.company-quotes_card-footer {
padding-right: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
position: relative;
}
.company-quotes_card-inner {
height: auto;
padding-right: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
overflow: hidden;
}
.company-quotes_author.text-body-1 {
margin-bottom: var(--_spacing---p-4);
}
.company-quotes_buttons-group.button-group.uc-stacks-quote {
justify-content: flex-end;
align-items: center;
position: relative;
top: auto;
}
.prefooter_wrap {
padding-right: var(--_spacing---p-16);
padding-left: var(--_spacing---p-16);
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.prefooter_left-wrap {
padding-left: var(--_spacing---p-0);
}
.prefooter_left-wrap:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
z-index: 1;
position: relative;
}
.customer-stories_slide-quote.heading-h4 {
font-size: var(--_typography---font-size--h4);
}
.stories_top-wrap {
flex-flow: wrap;
}
.stories_filter-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
}
.guide_wrap {
padding-top: var(--_spacing---p-12);
padding-right: var(--_spacing---p-12);
padding-bottom: var(--_spacing---p-12);
}
.country_visual-wrap {
min-height: auto;
}
.pricing-hero_grid {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
display: flex;
}
.pricing_type-wrap {
justify-content: flex-start;
align-items: flex-start;
}
.pricing-math_wrap {
flex-flow: column;
display: flex;
}
.pricing-math_calc-wrap {
width: 100%;
}
.pricing-math_details-col.uc-right-align {
justify-content: flex-start;
align-items: flex-start;
}
.prefooter_image:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d) {
max-width: 50%;
height: auto;
inset: auto 0% 0% auto;
}
.cs-detail_quote-wrap {
padding-right: var(--_spacing---p-8);
padding-left: var(--_spacing---p-8);
}
.support_wrap {
height: auto;
}
.checkout-hero_visual-wrap {
padding-top: 5.655rem;
padding-left: 5.44rem;
}
.features_grid, .dev_grid:where(.w-variant-bdbb71be-a12a-c10e-0cc6-148b1bcae290) {
grid-template-columns: 1fr 1fr;
}
.checkout-dev_card {
border-right-color: var(--_colours-semantics---button--transparent);
}
.checkout-dev_card:where(.w-variant-78402f57-6a73-e043-fac7-ba97fc9f8a91) {
border-left-color: var(--_colours-semantics---button--transparent);
}
.coverage_nav-container {
justify-content: flex-start;
align-items: center;
}
.subnav_hamburger-wrap {
display: none;
}
.timeline_globe {
width: 100%;
height: auto;
bottom: 10vw;
}
.timeline_dial-track {
bottom: -66vw;
}
.support_block {
height: 100%;
}
.support_block-text-wrap {
justify-content: space-between;
height: 100%;
}
.transaction_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
flex-flow: column;
align-items: stretch;
display: flex;
}
.stacks_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.stacks_component {
flex-flow: column;
}
.stacks_item {
flex-flow: column;
height: auto;
}
.stacks_visual {
width: 100%;
height: 15rem;
}
.stacks_visual-label.text-caption-main {
bottom: var(--_spacing---p-4);
}
.stacks_content-mask {
width: 100%;
height: 0;
}
.stacks_content {
width: 100%;
padding-top: var(--_spacing---p-4);
padding-right: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
padding-left: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
min-width: 0;
}
.video-modal {
padding-right: var(--_spacing---p-8);
padding-left: var(--_spacing---p-8);
}
}
@media screen and (max-width: 767px) {
body {
--_components---section--max-width: 90rem;
--_components---section--horizontal-padding: .875rem;
--_typography---font-family--secondary: "Inter Variable Font", Arial, sans-serif;
--_typography---font-size--body-1: .875rem;
--_typography---font-weight--regular: 400;
--_typography---letter-spacing--none: 0em;
--_typography---font-family--primary: "PP Mori 700", sans-serif;
--_typography---font-size--h1: 2.25rem;
--_typography---line-height--heading: 120%;
--_typography---font-weight--bold: 700;
--_typography---letter-spacing--tight: -.01em;
--_typography---font-size--h2: 1.75rem;
--_typography---font-size--h3: 1.25rem;
--_typography---font-size--h4: 1rem;
--_typography---font-size--h5\: clamp(1.5rem, 2.22vw, 2rem);
--_typography---font-size--h6\: clamp(1.375rem, 1.94vw, 1.75rem);
--_typography---line-height--body: 145%;
--_typography---font-size--caption-main: .75rem;
--_typography---font-weight--semibold: 600;
--_typography---font-size--body-sm: clamp(.8125rem, .97vw, .875rem);
--_typography---font-size--body-xs: clamp(.6875rem, .83vw, .75rem);
--_typography---font-size--body-2: 1.125rem;
--_typography---font-size--h7\: clamp(1.25rem, 1.67vw, 1.5rem);
--_typography---letter-spacing--caption: -.04em;
--_typography---line-height--normal: 100%;
--_typography---font-weight--medium: 500;
--_typography---font-size--body-md: clamp(.875rem, .8393rem + .1786vw, 1rem);
--_typography---font-size--caption-md: clamp(.6875rem, .83vw, .75rem);
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-xxlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 4rem;
}
.button.is-form-submit {
width: 100%;
}
.padding-xxhuge {
padding: 4.5rem;
}
.padding-large {
padding: 1.5rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.hide-mobile-landscape {
display: none;
}
.text-body-1 {
font-size: var(--_typography---font-size--body-1);
}
.margin-xxhuge {
margin: 4.5rem;
}
.heading-h2 {
font-size: var(--_typography---font-size--h2);
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.heading-h1 {
font-size: var(--_typography---font-size--h1);
}
.margin-large {
margin: 1.5rem;
}
.heading-h5 {
font-size: var(--_typography---font-size--h5\);
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.margin-medium {
margin: 1.25rem;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-medium {
padding: 1.25rem;
}
.padding-xxlarge {
padding: 3rem;
}
.text-style-nowrap {
white-space: normal;
}
.margin-huge {
margin: 3.5rem;
}
.heading-h4 {
font-size: var(--_typography---font-size--h4);
}
.heading-h6 {
font-size: var(--_typography---font-size--h6\);
}
.margin-xhuge {
margin: 4rem;
}
.padding-huge {
padding: 3.5rem;
}
.padding-global {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
}
.padding-global.uc-slider-mb {
margin-bottom: var(--_spacing---p-10);
}
.padding-global.uc-slider-mt {
margin-top: var(--_spacing---p-10);
}
.padding-global.uc-country-home {
padding-top: 7.38rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.padding-xlarge {
padding: 2rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.heading-h3 {
font-size: var(--_typography---font-size--h3);
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.c-cta {
height: 37px;
}
.c-cta:where(.w-variant-b5d90005-7d96-a10b-6c09-b2501c264d0a), .c-cta:where(.w-variant-871ed48c-d9e2-517f-97ca-4c29093ffa2f) {
height: auto;
}
.section_header {
height: 100dvh;
padding-top: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-20);
}
.header_eyebrow.text-body-sm {
margin-bottom: var(--_spacing---p-2);
}
.header_heading.heading-h1 {
max-width: 100%;
margin-bottom: var(--_spacing---p-10);
}
.section_footer-cta {
padding-top: var(--_spacing---p-12);
padding-bottom: var(--_spacing---p-12);
}
.footer-cta_wrap {
padding: var(--_spacing---p-6) var(--_spacing---p-6) var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-20);
grid-row-gap: var(--_spacing---p-20);
border-radius: var(--_spacing---p-2);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
overflow: hidden;
}
.footer-cta_left-wrap {
max-width: 100%;
}
.footer-cta_right-wrap {
width: 100%;
max-width: none;
}
.footer-cta_form {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
}
.cms_item.slider_slide {
width: calc(100% - 90px);
}
.c-blog-card {
padding-bottom: var(--_spacing---p-12);
grid-column-gap: var(--_spacing---p-9);
grid-row-gap: var(--_spacing---p-9);
flex-flow: column;
align-items: stretch;
display: flex;
}
.c-blog-card:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
padding-bottom: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column-reverse;
}
.blog-card_left-wrap:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
min-height: auto;
}
.blog-card_image-wrap.is-big {
width: 100%;
height: 12.81rem;
}
.section_blog-hero {
padding-top: 6rem;
padding-bottom: var(--_spacing---p-8);
}
.blog-hero_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.section_editorial-picks {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.uc-3-col {
grid-template-columns: 1fr;
}
.blog-card_date-time-wrap:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
margin-top: 0;
}
.blog-card_top-details-wrap:where(.w-variant-a1e5413c-7ad2-02e6-c634-ef142e8d4b0c) {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.blog-card.is-big {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: column;
}
.blog-card_details-wrap {
width: 100%;
}
.section_blog-template {
padding-bottom: 6rem;
}
.blog-template_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.blog-template_left-wrap, .blog-template_right-wrap {
width: 100%;
}
.blog-template_image-wrap {
height: 22rem;
}
.section_blog-body {
padding-top: var(--_spacing---p-12);
padding-bottom: var(--_spacing---p-12);
}
.blog-body_wrap {
flex-flow: column;
align-items: stretch;
display: flex;
}
.blog-body_toc-container {
max-width: 100%;
}
.blog-body_socials-share-wrap.uc-desktop-only {
display: none;
}
.blog-body_socials-share-wrap.uc-mobile-only {
margin-top: var(--_spacing---p-10);
padding-top: var(--_spacing---p-5);
border-top: 1px dashed #d8dee4;
display: flex;
}
.blog-body_toc-col {
display: none;
}
.nav_links-col {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.nav_new-link.text-body-1 {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.nav_new-link-arrow {
width: .88rem;
height: .88rem;
font-size: var(--_typography---font-size--body-1);
}
.header_breadcrumb-wrap {
margin-bottom: var(--_spacing---p-2);
}
.header_logos-row {
display: none;
}
.header_heading-wrap {
display: block;
}
.section_company-stats {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.company-stats_wrap {
padding: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-radius: var(--_spacing---p-2);
flex-flow: column;
align-items: stretch;
}
.company-stats_top-container {
max-width: 100%;
padding: var(--_spacing---p-2);
}
.company-stats_subtext.text-body-1 {
font-size: var(--_typography---font-size--body-1);
}
.company-stats_card-row {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
border-radius: var(--_spacing---p-1);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
max-width: none;
}
.company-stats_card-subtext.text-body-md {
max-width: 17.13rem;
}
.section_company-products {
height: auto;
min-height: auto;
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.company-products_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.company-products_card {
border-radius: var(--_spacing---p-2);
flex-flow: column;
width: 100%;
height: auto;
display: flex;
}
.company-products_card-image-wrap {
border-radius: var(--_spacing---p-1);
height: 22.19rem;
}
.company-products_details-wrap {
padding: var(--_spacing---p-2);
}
.company-products_bento-row {
flex-flow: column;
display: flex;
}
.section_integrate {
padding-bottom: var(--_spacing---p-32);
}
.integrate_wrap {
grid-column-gap: 2.56rem;
grid-row-gap: 2.56rem;
}
.integrate_details-wrap {
margin-top: -2.5rem;
}
.section_company-quotes, .section_faqs {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.faqs_wrap {
grid-column-gap: 3.31rem;
grid-row-gap: 3.31rem;
flex-flow: column;
display: flex;
}
.section_prefooter {
padding-top: var(--_spacing---p-8);
padding-bottom: var(--_spacing---p-12);
}
.prefooter_wrap {
padding: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
align-items: stretch;
}
.prefooter_wrap:where(.w-variant-5978c854-67eb-48ff-fd21-7e5be0546b05) {
padding-bottom: var(--_spacing---p-8);
}
.prefooter_left-wrap {
width: 100%;
padding: var(--_spacing---p-6);
}
.prefooter_right-wrap {
padding-right: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
display: none;
}
.prefooter_right-wrap:where(.w-variant-5978c854-67eb-48ff-fd21-7e5be0546b05) {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.section_payments-channels {
padding-top: var(--_spacing---p-24);
padding-bottom: var(--_spacing---p-24);
}
.tab_panel {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.tab_panel-content {
max-width: 100%;
padding: var(--_spacing---p-6) var(--_spacing---p-6) var(--_spacing---p-0);
}
.section_hero {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-9);
}
.section_hero.uc-home {
height: 100svh;
padding-top: var(--_spacing---p-72);
align-items: center;
display: flex;
}
.hero_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.c-video-masked.uc-home {
margin-top: -175px;
}
.masked-video_wrap.uc-home, .masked-video_wrap.uc-about-us {
height: 21.88rem;
}
.section_capabilities {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.capabilities_bento {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
}
.capabilities_row {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column;
display: flex;
}
.capabilities_card-top-wrap {
padding: var(--_spacing---p-2);
}
.capabilities_card-title.heading-h4 {
font-size: var(--_typography---font-size--body-2);
}
.section_stats {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.stats_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.stats_trigger-btn-wrap {
max-width: none;
margin: var(--_spacing---p-0);
}
.stats_trigger-btn {
padding: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.stats_trigger-btn.is-active {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.stats_trigger-btn-counter {
font-size: 3.5rem;
}
.stats_visual.uc-mobile {
margin-bottom: var(--_spacing---p-0);
display: block;
inset: auto;
}
.section_developers {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.developers_wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8) {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.developers_container {
display: block;
}
.developers_left-wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
}
.developers_left-wrap:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developers_left-wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developers_left-wrap:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_left-wrap:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.developers_heading.heading-h2:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developers_heading.heading-h2:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developers_heading.heading-h2:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developers_heading.heading-h2:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
transform: translate(0);
}
.developer-tabs_btn-wrap {
max-width: none;
}
.developer-tabs_btn {
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
}
.developer-tabs_btn-progress-container {
position: relative;
}
.developer-tabs_btn-texts-wrap {
margin-bottom: var(--_spacing---p-6);
transition: margin .45s cubic-bezier(.4, 0, .2, 1);
}
.section_customer-quotes {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.customer-stories_slide {
width: calc(100vw - 40px);
height: 28.13rem;
}
.customer-stories_slide-bg {
width: calc(100vw - 40px);
}
.customer-stories_slide-footer {
padding-right: var(--_spacing---p-6);
padding-bottom: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: wrap;
}
.customer-stories_slide-author.text-body-sm {
right: var(--_spacing---p-0);
position: relative;
}
.customer-stories_slide-content {
padding-right: var(--_spacing---p-6);
padding-bottom: var(--_spacing---p-5);
padding-left: var(--_spacing---p-6);
}
.customer-stories_slide-quote.heading-h6, .customer-stories_slide-quote.heading-h4 {
width: 100%;
}
.customer-stories_slide-divider {
width: calc(100% - 3rem);
}
.section_customer-hero {
padding-top: 10.88rem;
}
.slider_track {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.slider_nav-btn {
width: var(--_spacing---p-8);
}
.slider_slide {
height: 25rem;
}
.slider_slide-footer {
padding-right: var(--_spacing---p-3-5);
padding-bottom: var(--_spacing---p-3-5);
padding-left: var(--_spacing---p-3-5);
}
.slider_logo {
width: 20vw;
}
.slider_control-btn {
width: var(--_spacing---p-8);
padding: var(--_spacing---p-0);
aspect-ratio: 1;
}
.slider_control-btn:where(.w-variant-26e98f5d-fad5-60d7-ae8c-c325fca922cd) {
width: auto;
height: auto;
padding: var(--_spacing---p-2-5) var(--_spacing---p-4);
aspect-ratio: auto;
}
.slider_control-icon {
width: var(--_spacing---p-4);
}
.slider_control-text.text-body-sm {
display: none;
}
.slider_nav-wrap {
padding-left: .25rem;
padding-right: .25rem;
}
.section_cs-quote {
padding-top: var(--_spacing---p-20);
padding-bottom: var(--_spacing---p-20);
}
.cs-quote_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.cs-quote_footer {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
}
.cs-quote_name-title-wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.section_proof {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
}
.proof_texts-wrap {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.proof_subtext.text-body-1 {
display: block;
}
.section_stories {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.stories_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.stories_top-wrap {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
}
.stories_filter-wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.stories_card-grid {
grid-template-columns: 1fr;
}
.stories_card-link {
min-height: auto;
}
.stories_card-image-wrap {
height: 14.38rem;
}
.section_guide {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.guide_wrap {
padding-top: var(--_spacing---p-0);
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
flex-flow: column;
align-items: stretch;
display: flex;
}
.guide_image {
width: 60%;
}
.guide_content-wrap {
width: 100%;
padding: var(--_spacing---p-6);
}
.section_updates {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.updates_wrap {
border-radius: var(--_spacing---p-2);
}
.updates_top-wrap {
padding-top: var(--_spacing---p-6);
padding-bottom: 5.19rem;
padding-left: var(--_spacing---p-6);
}
.updates_bottom-wrap {
flex-flow: column;
display: flex;
}
.updates_bg-image {
width: 19.25rem;
height: auto;
display: none;
inset: auto 0% 0% auto;
}
.updates_bg-image.is-mobile {
display: block;
inset: 0% 0% auto auto;
}
.updates_card {
min-height: auto;
padding: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.c-footer {
padding-top: var(--_spacing---p-8);
padding-bottom: var(--_spacing---p-8);
}
.footer_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
}
.footer_top-container {
padding-bottom: var(--_spacing---p-12);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
flex-flow: column;
display: flex;
}
.footer_mid-container {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
grid-template-columns: 1fr;
}
.c-localization.uc-secondary {
width: 100%;
display: flex;
position: relative;
}
.c-localization.uc-tertiary {
width: 100%;
min-width: 12rem;
margin-left: var(--_spacing---p-4);
flex: 1;
}
.footer_address-container {
grid-template-columns: 1fr;
}
.footer_address-col:where(.w-variant-54dcb5c5-23c7-b380-3e1f-5a3447095d12) {
display: none;
}
.footer_nav-container {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
grid-template-columns: 1fr;
}
.footer_nav-col {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
}
.footer_nav-title-wrap {
padding-top: var(--_spacing---p-5);
padding-bottom: var(--_spacing---p-5);
cursor: pointer;
}
.footer_trigger-icon {
transition: transform .25s cubic-bezier(.4, 0, .2, 1);
display: block;
}
.footer_nav-list {
overflow: hidden;
}
.footer_col {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
}
.country_wrap, .country_texts-wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.country_visual-wrap {
border-radius: var(--_spacing---p-4);
min-height: auto;
overflow: hidden;
}
.masked-video_video-wrap.uc-cs-home {
height: 22.06rem;
}
.section_pricing-hero {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-16);
}
.pricing-hero_wrap {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.pricing-hero_title.heading-h1 {
margin-bottom: var(--_spacing---p-4);
}
.pricing-hero_grid {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: column;
display: flex;
}
.pricing-link:where(.w-variant-087a1462-b69b-c480-2df6-e3b50e24709a) {
color: var(--_colours-semantics---surface-light--primary);
justify-content: flex-start;
align-items: center;
transition: background-color .3s;
}
.pricing-link:where(.w-variant-17a17b8b-4156-2f09-df66-2d5ed8eb424a) {
color: var(--_colours-semantics---content-light--primary);
justify-content: flex-start;
align-items: center;
}
.pricing-link:hover:where(.w-variant-087a1462-b69b-c480-2df6-e3b50e24709a) {
background-color: var(--_colours-semantics---content-dark--primary);
color: var(--_colours-semantics---surface-dark--primary);
}
.pricing-link:hover:where(.w-variant-17a17b8b-4156-2f09-df66-2d5ed8eb424a) {
background-color: var(--_colours-semantics---button--secondary);
color: var(--_colours-semantics---surface-light--primary);
}
.pricing-link_text:where(.w-variant-087a1462-b69b-c480-2df6-e3b50e24709a) {
transition-duration: .3s;
}
.pricing-hero_standard, .pricing-hero_custom {
border-radius: var(--_spacing---p-2);
}
.pricing-hero_card-title-wrap {
padding-top: var(--_spacing---p-4);
padding-bottom: var(--_spacing---p-4);
border-bottom: 1px solid var(--_colours-semantics---stroke--light);
}
.pricing-hero_card-title-wrap.uc-secondary {
border-bottom-color: var(--_colours-semantics---accent-deep-sky--dark);
}
.pricing-hero_card-mid-wrap {
margin-right: var(--_spacing---p-6);
margin-left: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
border-top: 0px none var(--_colours-semantics---button--transparent);
flex-flow: column;
display: flex;
}
.pricing-hero_card-mid-wrap.uc-flex {
padding-right: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
border-top-color: var(--_colours-semantics---button--transparent);
}
.pricing-hero_card-details-wrap {
padding-right: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
}
.pricing-hero_card-details-wrap.uc-border {
padding-right: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-5);
padding-left: var(--_spacing---p-0);
border-right: 0px none var(--_colours-semantics---button--transparent);
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
}
.section_pricing {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.pricing_wrap {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
}
.pricing_list-wrap {
padding-bottom: var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
}
.pricing_list {
padding-right: var(--_spacing---p-5);
padding-left: var(--_spacing---p-5);
}
.pricing_list-item {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.pricing_title-wrap {
padding: var(--_spacing---p-5);
}
.pricing_description-wrap {
margin-left: var(--_spacing---p-8);
}
.section_pricing-math {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.pricing-math_wrap {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
flex-flow: column;
display: flex;
}
.pricing-math_calc-wrap {
width: 100%;
}
.pricing-math_details-wrap {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
}
.prefooter_image {
display: block;
}
.prefooter_image:where(.w-variant-499aae8d-1a0b-bb28-3577-362fcac8114d), .prefooter_image:where(.w-variant-5978c854-67eb-48ff-fd21-7e5be0546b05) {
display: none;
}
.section_cs-hero {
padding-top: 9.38rem;
padding-bottom: 14.56rem;
}
.section_cs-detail {
margin-top: -11.03rem;
}
.cs-detail_wrap {
height: 22.06rem;
}
.cs-detail_quote-wrap {
height: 100%;
padding: var(--_spacing---p-7);
}
.cs-detail_quote-wrap:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
padding: var(--_spacing---p-7);
border-radius: var(--_spacing---p-2);
}
.cs-detail_quote-text.heading-h4:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
margin-top: var(--_spacing---p-10);
margin-bottom: var(--_spacing---p-10);
}
.cs-detail_author-wrap {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.cs-detail_author-wrap:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.cs-detail_author-details-wrap {
text-align: center;
}
.cs-detail_author-details-wrap:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
text-align: center;
align-items: stretch;
}
.cs-detail_author-name.text-body-1 {
width: 100%;
}
.cs-detail_author-name.text-body-1:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
text-align: center;
}
.cs-detail_author-position.text-body-1 {
width: 100%;
}
.section_cs-body {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.cs-body_wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
flex-flow: column;
display: flex;
}
.cs-body_left-wrap {
max-width: 100%;
position: relative;
top: 0;
}
.cs-body_detail-mid-wrap {
margin-top: var(--_spacing---p-6);
margin-bottom: var(--_spacing---p-6);
padding-top: var(--_spacing---p-6);
padding-bottom: var(--_spacing---p-6);
}
.cs-body_body img {
height: 23.06rem;
}
.section_more-stories {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.more-stories_card-grid {
flex-flow: column;
display: flex;
}
.cs-body_details-col {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
display: grid;
}
.c-country-dropdown_trigger {
width: 100%;
padding: var(--_spacing---p-4) var(--_spacing---p-5);
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
border-radius: var(--_spacing---p-2);
cursor: pointer;
background-color: #00304f;
justify-content: space-between;
align-items: center;
transition: border .2s;
display: flex;
}
.c-country-dropdown_trigger.uc-secondary {
background-color: var(--_colours-semantics---surface-light--tertiary);
}
.c-country-dropdown_selected {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
color: var(--_colours-semantics---content-dark--secondary);
font-size: var(--_typography---font-size--body-sm);
justify-content: flex-start;
align-items: center;
display: flex;
}
.c-country-dropdown_selected.uc-secondary {
color: var(--_colours-semantics---content-light--primary);
}
.c-country-dropdown_chevron {
transition: transform .22s cubic-bezier(.4, 0, .2, 1);
}
.c-country-dropdown_chevron-icon {
justify-content: center;
align-items: center;
width: .75rem;
display: inline-flex;
}
.c-country-dropdown_panel {
z-index: 5;
border-radius: var(--_spacing---p-3);
background-color: #00304f;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.c-country-dropdown_panel.uc-secondary {
background-color: var(--_colours-semantics---surface-light--tertiary);
top: 105%;
}
.c-country-dropdown_list {
padding: var(--_spacing---p-2) var(--_spacing---p-1);
margin-bottom: 0;
list-style-type: none;
}
.c-country-dropdown_list.uc-secondary {
padding-top: var(--_spacing---p-1);
padding-bottom: var(--_spacing---p-1);
}
.section_support-hero {
padding-top: 12.19rem;
padding-bottom: 8.81rem;
}
.support-hero_wrap {
width: 100%;
max-width: none;
}
.support_search-field {
font-size: var(--_typography---font-size--h4);
}
.section_support {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.support_wrap {
grid-template-columns: 1fr;
}
.support_wrap.uc-col-2 {
border-radius: var(--_spacing---p-2);
flex-flow: column;
display: flex;
}
.support_card {
min-height: 14.88rem;
padding: var(--_spacing---p-6);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
border-right: 0px none var(--_colours-semantics---button--transparent);
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
}
.support_card:where(.w-variant-4cc51279-d9cd-bab8-0bb5-34a2d235624b) {
border-bottom: 0px none var(--_colours-semantics---button--transparent);
}
.support_card-title.text-body-2 {
margin-bottom: var(--_spacing---p-2);
}
.section_popular-articles {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.popular-articles_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.popular-articles_links-wrap {
grid-template-columns: 1fr 1fr;
}
.section_tutorials {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.tutorials_bottom-wrap {
grid-template-columns: 1fr;
}
.stories_cta-wrap {
margin-top: var(--_spacing---p-4);
}
.developer-tabs_mobile-image-wrap {
margin-top: var(--_spacing---p-0);
transition: margin .45s cubic-bezier(.4, 0, .2, 1);
display: block;
overflow: hidden;
}
.developer-tabs_mobile-image-wrap:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developer-tabs_mobile-image-wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developer-tabs_mobile-image-wrap:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developer-tabs_mobile-image-wrap:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
border-radius: var(--_spacing---p-2);
background-color: var(--_colours-semantics---surface-light--secondary);
}
.developer-tabs_mobile-inner {
background-image: url("https://cdn.prod.website-files.com/69b282e9b9701603b50bab22/69e653c11724b606f95b3fe1_f4eb9e4a46c2ab65d8c69e4ec8940453_Dotted%20BG.png");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
height: auto;
display: flex;
overflow: hidden;
}
.developer-tabs_mobile-inner:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developer-tabs_mobile-inner:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developer-tabs_mobile-inner:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developer-tabs_mobile-inner:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.developer-tabs_mobile-image {
width: 85%;
height: auto;
}
.company-products_cards-wrap {
transition-property: height;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.76, 0, .24, 1);
position: relative;
touch-action: pan-y !important;
}
.company-products_outer-wrap {
position: relative;
}
.section_checkout-hero {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-16);
}
.checkout-hero_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
flex-flow: column;
align-items: stretch;
display: flex;
}
.checkout-hero_content-wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.checkout-hero_visual-wrap {
height: 21.88rem;
padding-top: 8.25rem;
padding-left: 6.06rem;
}
.section_features {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.features_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.features_grid {
grid-template-columns: 1fr 1fr;
}
.section_dev {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.dev_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.dev_grid {
flex-flow: column;
display: flex;
}
.checkout-dev_card {
border-bottom: 1px dashed var(--_colours-semantics---content-light--secondary);
}
.checkout-dev_card:where(.w-variant-78402f57-6a73-e043-fac7-ba97fc9f8a91) {
border-top: 1px dashed var(--_colours-semantics---button--transparent);
border-left: 0px none var(--_colours-semantics---button--transparent);
border-bottom-color: var(--_colours-semantics---button--transparent);
}
.section_checkout-demo {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-16);
background-image: linear-gradient(180deg, var(--_colours-semantics---accent-deep-sky--dark) 80%, var(--_colours-semantics---surface-light--secondary) 80%);
}
.checkout-demo_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.checkout-demo_form {
padding: var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
}
.checkout-form_input-field {
min-height: var(--_spacing---p-12);
}
.checkout-form_button-group {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
grid-template-columns: 1fr;
}
.stories_filter.uc-jobs {
z-index: auto;
}
.stories_filter-trigger {
width: 100%;
}
.stories_filter-options-container {
z-index: 2;
}
.section_company-hero {
padding-top: 9.38rem;
padding-bottom: 6.94rem;
}
.section_jobs {
padding-bottom: var(--_spacing---p-16);
}
.jobs_wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
}
.jobs_filters-container {
height: 8rem;
padding: var(--_spacing---p-4);
border-radius: var(--_spacing---p-2);
flex-flow: column;
margin-top: -64px;
}
.jobs_detail-row {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.jobs_detail-container {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
display: flex;
}
.section_perks {
padding-top: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
}
.perks_grid {
border-radius: var(--_spacing---p-2);
flex-flow: column;
display: flex;
}
.perks_card {
min-height: 12.88rem;
padding-top: var(--_spacing---p-6);
padding-right: var(--_spacing---p-5);
padding-left: var(--_spacing---p-5);
border-right: 0px none var(--_colours-semantics---button--transparent);
}
.perks_card:where(.w-variant-3dd8a271-5321-b70a-d35b-b0545c9bafb0) {
border-bottom: 1px dashed var(--_colours-semantics---stroke--main);
}
.footer-cta_texts-wrap {
padding-top: var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.footer-cta_image {
margin-left: auto;
margin-right: auto;
transform: translate(0, 50%)scale(2);
}
.stats_visual-mobile-wrap {
height: 0;
transition: height .5s cubic-bezier(.165, .84, .44, 1);
display: block;
}
.stats_visual-inner {
height: 100%;
overflow: hidden;
}
.stats_visuals-wrap {
display: none;
}
.swiper-slide.slider_slide {
width: calc(100% - 90px);
}
.section_about-hero {
padding-top: 9.38rem;
padding-bottom: 14.13rem;
}
.section_company-statement, .section_explore-jobs {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.explore-jobs_wrap {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
}
.explore-jobs_video-container {
border-radius: var(--_spacing---p-2);
height: 25rem;
}
.company-hero_nav-link.text-caption-main {
padding: var(--_spacing---p-0);
}
.subnav_list {
z-index: 9;
width: 100%;
height: 100dvh;
padding: var(--_spacing---p-20) var(--_components---section--horizontal-padding) var(--_spacing---p-8);
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
background-color: var(--_colours-semantics---content-light--primary);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
transform: translate(100%);
}
.subnav_list-item.mobile-cta {
width: 100%;
margin-top: auto;
display: block;
}
.subnav_logo-link {
z-index: 10;
position: relative;
}
.section_coverage {
height: auto;
padding-top: 0;
padding-bottom: 8.63rem;
overflow: clip;
}
.coverage_nav {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
background-color: #171e2580;
position: sticky;
top: 3.75rem;
}
.coverage_nav-wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
}
.coverage_nav-list {
grid-column-gap: var(--_spacing---p-8);
grid-row-gap: var(--_spacing---p-8);
}
.coverage_wrap {
padding-top: var(--_spacing---p-12);
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
justify-content: flex-start;
align-items: center;
}
.coverage_globe-wrap {
height: 23.81rem;
}
.coverage_globe {
height: 100%;
}
.coverage_cards-wrap {
position: relative;
top: 0%;
transform: translate(0);
}
.subnav_right-wrap {
z-index: 10;
position: relative;
}
.subnav_hamburger-wrap {
display: block;
}
.section_timeline {
padding-top: var(--_spacing---p-16);
}
.timeline_story-item {
width: 80vw;
}
.timeline_story-image-wrap {
margin-top: var(--_spacing---p-6);
}
.timeline_visuals-wrap {
bottom: 10vw;
}
.timeline_dial-track {
width: 100vw;
}
.timeline_controls-wrap {
bottom: var(--_spacing---p-20);
width: 100%;
}
.timeline_nav-btn {
width: 1.88rem;
}
.timeline_nav-btn-icon {
width: 40%;
}
.timeline_nav-btn-wrap.button-group {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.section_legal-hero {
padding-top: 10.88rem;
padding-bottom: var(--_spacing---p-12);
}
.section_legal-body {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.legal-body_wrap {
grid-column-gap: var(--_spacing---p-16);
grid-row-gap: var(--_spacing---p-16);
flex-flow: column;
display: flex;
}
.toc_nav-container {
top: var(--_spacing---p-0);
position: relative;
}
.section_transaction {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-16);
}
.c-support-form {
width: 100%;
padding: var(--_spacing---p-6);
border-radius: var(--_spacing---p-2);
}
.c-support-form.uc-multi-step {
padding-top: var(--_spacing---p-8);
}
.support-form_input {
font-size: var(--_typography---font-size--h4);
}
.support-form_input.uc-secondary, .support-form_input-title-wrap {
flex: unset;
}
.support-form_input-title {
font-size: var(--_typography---font-size--h4);
text-overflow: clip;
white-space: nowrap;
}
.support-form_input-grid {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
grid-template-columns: 1fr;
}
.success_content-wrap {
border-radius: var(--_spacing---p-2);
}
.section_contact-sales {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-16);
}
.contact-sales_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
flex-flow: column;
display: flex;
}
.c-logo-tab {
width: 100%;
}
.logo-tab-image {
max-width: 20vw;
}
.support-form_step, .support-form_category, .support-form_input-col, .support-form_payment {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
}
.section_resources {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.resources_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.resources_grid {
grid-template-columns: 1fr;
}
.section_product-features {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.product-features_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.product-features_title.heading-h2 {
max-width: 21.88rem;
font-size: var(--_typography---font-size--h2);
}
.product-features_grid {
grid-template-columns: 1fr;
}
.product-features_card {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-radius: var(--_spacing---p-2);
flex-flow: column;
display: flex;
}
.product-features_texts-wrap {
width: 100%;
padding: var(--_spacing---p-7);
}
.product-features_card-title.heading-h4 {
font-size: var(--_typography---font-size--h3);
}
.product-features_card-visual-wrap {
width: calc(100% - 40px);
height: 18.75rem;
margin-left: auto;
margin-right: auto;
}
.product-features_card-image-wrap {
width: 15.5rem;
height: 9.38rem;
}
.section_settlement {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.settlement_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.settlement_top-wrap {
top: var(--_spacing---p-16);
}
.settlement_title.heading-h2 {
max-width: 13.69rem;
}
.settlement_grid {
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
}
.settlement_card {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
border-radius: var(--_spacing---p-2);
flex-flow: column;
display: flex;
top: 17.81rem;
}
.settlement_card-texts-wrap {
width: 100%;
padding: var(--_spacing---p-6) var(--_spacing---p-6) var(--_spacing---p-2);
}
.settlement_card-visual-wrap {
height: 20.88rem;
margin-top: var(--_spacing---p-4);
margin-right: auto;
margin-bottom: var(--_spacing---p-4);
width: calc(100% - 2rem);
margin-left: auto;
}
.settlement_card-image-wrap {
width: 13.94rem;
height: 12.13rem;
}
.section_plugins {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.plugins_wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
border-radius: var(--_spacing---p-4);
}
.plugins_title.heading-h4 {
font-size: var(--_typography---font-size--h3);
}
.plugins_logo-wrap {
border-radius: .69rem;
width: 3.83rem;
}
.plugins_logo {
max-width: 60%;
}
.plugins_logo-outer-wrap {
border-radius: .8rem;
}
.section_docs-setup {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.docs-setup_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.docs-setup_top-wrap {
grid-column-gap: var(--_spacing---p-12);
grid-row-gap: var(--_spacing---p-12);
flex-flow: column;
display: flex;
}
.section_checkout-success {
padding-top: 8.75rem;
padding-bottom: var(--_spacing---p-16);
}
.checkout-success_wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.checkout-success_content-wrap {
padding: var(--_spacing---p-8) var(--_spacing---p-6);
border-radius: var(--_spacing---p-2);
}
.c-subscription-modal {
padding-right: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
}
.subscription-form_wrap {
border-radius: var(--_spacing---p-2);
width: 100%;
}
.subscription-form_success-wrap {
padding: var(--_spacing---p-8) var(--_spacing---p-6);
}
.subscription-form_success-image {
width: 10rem;
}
.section_match {
padding-top: 7.38rem;
padding-bottom: var(--_spacing---p-16);
}
.c-match-formblock {
padding: var(--_spacing---p-6);
border-radius: var(--_spacing---p-2);
}
.match-form_header-title.heading-h4 {
font-size: var(--_typography---font-size--h3);
}
.match_container {
border-radius: var(--_spacing---p-2);
min-height: 23.25rem;
}
.footer_links-container {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.footer_mobile-address {
display: block;
}
.section_country-waitlist {
grid-column-gap: 7.63rem;
grid-row-gap: 7.63rem;
height: auto;
padding-top: 7.38rem;
}
.section_country-waitlist.uc-secondary {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
}
.country-waitlist_top-wrap {
grid-column-gap: var(--_spacing---p-10);
grid-row-gap: var(--_spacing---p-10);
}
.country-waitlist_subtext {
max-width: 21.88rem;
}
.country-waitlist_map-wrap {
width: 4rem;
height: 3.63rem;
}
.country-waitlist_globe-wrap {
width: 160vw;
}
.country-waitlist_globe {
width: 100%;
}
.country-waitlist_map-pole {
height: 4.25rem;
}
.country-waitlist_flag-wrap {
width: 100%;
height: 2.13rem;
}
.c-country-footer {
padding-top: var(--_spacing---p-5);
padding-bottom: var(--_spacing---p-10);
}
.country-footer_wrap {
padding-top: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
border-top: 0px none var(--_colours-semantics---button--transparent);
flex-flow: column;
display: flex;
}
.country-footer_contact-wrap {
margin-top: var(--_spacing---p-12);
order: 3;
}
.country-footer_product-slot {
width: 21.88rem;
margin-bottom: var(--_spacing---p-10);
order: 1;
}
.country-footer_logo-link-wrap {
width: 100%;
padding-top: var(--_spacing---p-10);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_colours-semantics---stroke--main);
order: 2;
}
.section_waitlist {
padding-top: 7.88rem;
padding-bottom: var(--_spacing---p-16);
}
.success-message_image {
width: 9.38rem;
}
.success-message_title.heading-h4 {
font-size: var(--_typography---font-size--h3);
}
.section_stacks {
padding-top: var(--_spacing---p-16);
padding-bottom: var(--_spacing---p-16);
}
.stacks_quote.heading-h4 {
font-size: var(--_typography---font-size--h3);
}
.stacks_image-overlay {
background-image: linear-gradient(#0e141b00, #000000e6 93%);
}
.video-modal {
padding-right: var(--_spacing---p-5);
padding-left: var(--_spacing---p-5);
justify-content: center;
align-items: center;
}
.close-btn {
left: var(--_spacing---p-6);
font-size: var(--_typography---font-size--caption-main);
}
.close-btn_icon {
width: var(--_spacing---p-7);
}
.video-modal_inner-wrap {
height: 70vh;
}
.controls-bar {
padding-right: var(--_spacing---p-6);
padding-left: var(--_spacing---p-6);
flex-flow: row;
}
.play-pause-btn {
padding: var(--_spacing---p-2) var(--_spacing---p-3);
}
.play-pause-btn_icon {
width: var(--_spacing---p-3-5);
height: var(--_spacing---p-3-5);
}
.speed-toggle-btn {
padding: var(--_spacing---p-2) var(--_spacing---p-3);
}
.speed-toggle-btn_icon {
width: var(--_spacing---p-3-5);
}
.c-locale-switcher {
padding-top: var(--_spacing---p-5);
padding-bottom: var(--_spacing---p-5);
}
}
@media screen and (max-width: 479px) {
body {
--_components---section--max-width: 90rem;
--_components---section--horizontal-padding: .875rem;
--_typography---font-family--secondary: "Inter Variable Font", Arial, sans-serif;
--_typography---font-size--body-1: .875rem;
--_typography---font-weight--regular: 400;
--_typography---letter-spacing--none: 0em;
--_typography---font-family--primary: "PP Mori 700", sans-serif;
--_typography---font-size--h1: 2.25rem;
--_typography---line-height--heading: 120%;
--_typography---font-weight--bold: 700;
--_typography---letter-spacing--tight: -.01em;
--_typography---font-size--h2: 1.75rem;
--_typography---font-size--h3: 1.25rem;
--_typography---font-size--h4: 1rem;
--_typography---font-size--h5\: clamp(1.5rem, 2.22vw, 2rem);
--_typography---font-size--h6\: clamp(1.375rem, 1.94vw, 1.75rem);
--_typography---line-height--body: 145%;
--_typography---font-size--caption-main: .75rem;
--_typography---font-weight--semibold: 600;
--_typography---font-size--body-sm: clamp(.8125rem, .97vw, .875rem);
--_typography---font-size--body-xs: clamp(.6875rem, .83vw, .75rem);
--_typography---font-size--body-2: 1.125rem;
--_typography---font-size--h7\: clamp(1.25rem, 1.67vw, 1.5rem);
--_typography---letter-spacing--caption: -.04em;
--_typography---line-height--normal: 100%;
--_typography---font-weight--medium: 500;
--_typography---font-size--body-md: clamp(.875rem, .8393rem + .1786vw, 1rem);
--_typography---font-size--caption-md: clamp(.6875rem, .83vw, .75rem);
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.container-large {
margin-top: 0;
}
.padding-global.uc-mobile-0 {
padding-right: var(--_spacing---p-0);
padding-left: var(--_spacing---p-0);
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.hide-mobile-portrait {
display: none;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.fs-styleguide_row {
flex-wrap: wrap;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.c-cta {
height: 37px;
}
.c-cta:where(.w-variant-b5d90005-7d96-a10b-6c09-b2501c264d0a), .c-cta:where(.w-variant-871ed48c-d9e2-517f-97ca-4c29093ffa2f) {
height: auto;
}
.footer-cta_wrap {
grid-column-gap: var(--_spacing---p-36);
grid-row-gap: var(--_spacing---p-36);
}
.footer-cta_form {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.c-header {
position: static;
}
.company-products_details-wrap {
width: 100%;
max-width: none;
}
.accordion_trigger-btn {
text-align: left;
}
.prefooter_right-wrap {
grid-column-gap: var(--_spacing---p-9);
grid-row-gap: var(--_spacing---p-9);
flex-flow: column;
display: none;
}
.prefooter_right-wrap:where(.w-variant-5978c854-67eb-48ff-fd21-7e5be0546b05) {
display: flex;
}
.prefooter_cta-group.button-group {
flex-flow: column;
align-items: stretch;
width: 100%;
}
.tabs_nav {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
}
.tabs_content {
width: calc(100% - 40px);
min-height: 42.5rem;
margin-left: auto;
margin-right: auto;
}
.tab_panel-visual-wrap {
height: 21.88rem;
}
.section_hero.uc-home {
padding-top: var(--_spacing---p-0);
}
.c-video-masked.uc-home {
margin-top: -200px;
}
.capabilities_card {
padding: var(--_spacing---p-0);
grid-column-gap: var(--_spacing---p-5);
grid-row-gap: var(--_spacing---p-5);
}
.capabilities_card-top-wrap {
padding: var(--_spacing---p-6) var(--_spacing---p-6) var(--_spacing---p-4);
}
.capabilities_card-image-wrap {
height: 19.88rem;
margin: var(--_spacing---p-0) var(--_spacing---p-4) var(--_spacing---p-4);
}
.slider_slide-footer {
grid-column-gap: var(--_spacing---p-6);
grid-row-gap: var(--_spacing---p-6);
flex-flow: wrap;
}
.slider_logo {
width: 30vw;
}
.cs-quote_footer {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.guide_wrap {
grid-column-gap: var(--_spacing---p-2);
grid-row-gap: var(--_spacing---p-2);
}
.guide_image {
width: 100%;
}
.guide_content-wrap {
padding-top: var(--_spacing---p-0);
}
.updates_bg-image.is-mobile {
width: 80%;
top: 10%;
right: -12%;
}
.c-localization.uc-tertiary {
min-width: auto;
margin-right: var(--_spacing---p-0);
margin-left: var(--_spacing---p-0);
flex: unset;
}
.footer_contact-link.uc-secondary {
white-space: nowrap;
}
.hero_container {
flex-flow: column;
justify-content: center;
height: 100%;
display: flex;
}
.pricing-math_calc-wrap {
padding: var(--_spacing---p-6);
}
.cs-detail_quote-logo, .cs-detail_quote-logo:where(.w-variant-94683980-2911-7124-940a-ea9ec52e05eb) {
width: 6rem;
}
.popular-articles_links-wrap {
grid-template-columns: 1fr;
}
.developer-tabs_mobile-image-wrap:where(.w-variant-7071628d-052b-f3d1-5312-1690fa8a1655), .developer-tabs_mobile-image-wrap:where(.w-variant-c60fc7e2-4157-28f2-f658-d036c46401b8), .developer-tabs_mobile-image-wrap:where(.w-variant-64713633-aee9-6f6f-3551-88f5ddf9f5b0), .developer-tabs_mobile-image-wrap:where(.w-variant-b14e9521-d9be-9ca5-9a68-a5c86a5a0a58) {
justify-content: center;
align-items: center;
display: flex;
}
.developer-tabs_mobile-inner {
height: auto;
padding-top: var(--_spacing---p-0);
padding-bottom: var(--_spacing---p-0);
justify-content: center;
align-items: center;
transition: padding .45s cubic-bezier(.4, 0, .2, 1);
display: flex;
}
.developer-tabs_mobile-image {
width: 85%;
height: auto;
}
.company-stats_texts-col {
max-width: 50%;
}
.company-stats_illustration {
transform: translate(55%, -50%);
}
.company-products_pills-wrap {
padding-left: var(--_components---section--horizontal-padding);
}
.company-products_outer-wrap {
margin-right: var(--_components---section--horizontal-padding);
margin-left: var(--_components---section--horizontal-padding);
}
.features_grid {
grid-template-columns: 1fr;
}
.company-products_texts-wrap {
padding-right: var(--_components---section--horizontal-padding);
padding-left: var(--_components---section--horizontal-padding);
}
.section_jobs {
z-index: 2;
position: relative;
}
.jobs_wrap, .section_perks {
z-index: 1;
}
.footer-cta_image {
transform: translate(0, 25%)scale(2);
}
.timeline_story-item {
width: calc(100% - 2.5rem);
}
.timeline_globe {
bottom: 7.5vw;
}
.timeline_controls-wrap {
bottom: var(--_spacing---p-8);
}
.support_list {
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.support_grid {
flex-flow: column;
display: flex;
}
.support_block {
height: 24rem;
padding: var(--_spacing---p-10) var(--_spacing---p-6) var(--_spacing---p-0);
border-radius: var(--_spacing---p-2);
}
.support_block-text-wrap {
height: auto;
}
.support_block-image {
width: 80%;
}
.success_content-wrap {
width: 100%;
padding: var(--_spacing---p-8);
}
.c-logo-tab {
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
justify-content: space-between;
}
.logo-tab-image {
max-width: calc(22.5vw - 16px);
}
.support-form_upload {
padding-right: var(--_spacing---p-8);
}
.support-form_upload-btn.c-button {
white-space: nowrap;
}
.support-form_tooltip {
width: 80vw;
}
.plugins_wrap {
padding: var(--_spacing---p-5);
}
.plugins_logos-wrap {
justify-content: space-between;
}
.docs-setup_top-wrap {
grid-column-gap: var(--_spacing---p-0);
grid-row-gap: var(--_spacing---p-0);
}
.docs-setup_image-wrap {
height: 25.88rem;
}
.docs-setup_image {
width: 90%;
height: auto;
}
.subscription-form_fields-col {
padding: var(--_spacing---p-0) var(--_spacing---p-6) var(--_spacing---p-6);
}
.localization_list-wrap.uc-tertiary {
top: calc(100% + 10px);
}
.section_country-waitlist.uc-secondary {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
}
.country-waitlist_top-wrap, .country-waitlist_formblock {
width: 100%;
}
.country-waitlist_form {
flex-flow: row;
justify-content: center;
align-items: flex-start;
}
.country-waitlist_form-input {
flex: 1;
width: 100%;
}
.country-footer_product-slot, .country-footer_product-link {
width: 100%;
}
.country-waitlist_globe-illustration {
max-width: 6rem;
}
.close-btn {
left: var(--_spacing---p-4);
}
.video-modal_inner-wrap {
aspect-ratio: 16 / 9;
border-radius: var(--_spacing---p-2);
height: auto;
}
.controls-bar {
padding: var(--_spacing---p-3) var(--_spacing---p-4);
grid-column-gap: var(--_spacing---p-4);
grid-row-gap: var(--_spacing---p-4);
}
.play-pause-btn {
flex: none;
}
.locale-switcher_wrap {
grid-column-gap: var(--_spacing---p-3);
grid-row-gap: var(--_spacing---p-3);
flex-flow: column;
align-items: stretch;
position: relative;
}
.locale-switcher_title {
max-width: 80%;
}
.locale-switcher_close-btn {
position: absolute;
bottom: auto;
left: auto;
right: 0%;
}
}
#w-node-fde9bed8-36cc-4c03-fe2c-06e91822ec83-1822ec80 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-fde9bed8-36cc-4c03-fe2c-06e91822ec85-1822ec80 {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-d20ed805-997b-17d5-6572-70eac702292e-1822ec80 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-d20ed805-997b-17d5-6572-70eac7022940-1822ec80 {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-fd7c6b90-4d55-689a-463f-ed3851cd7ca3-1822ec80 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-fd7c6b90-4d55-689a-463f-ed3851cd7cb5-1822ec80 {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-_967750bf-0713-3201-03eb-393151930ba0-51930b9c {
grid-area: 1 / 1 / 2 / 6;
}
#w-node-_967750bf-0713-3201-03eb-393151930ba0-51930b9c:where(.w-variant-d8d0aeff-c5b4-188c-dac7-a6d7ee3c3fe9) {
grid-column-end: 7;
}
#w-node-_967750bf-0713-3201-03eb-393151930baa-51930b9c {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-_0e51a5e8-0bbe-4b95-fa03-8f1eb699ee9e-b699ee93 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5a6206c7-0abd-d1f5-e634-1fc6d87b9298-500974ae, #w-node-_4b03548e-f82d-5da7-9551-9828de9fb27e-500974ae, #w-node-_6189a5b6-79b9-f89d-7a1a-bf2d37a01326-37a01322, #w-node-_6189a5b6-79b9-f89d-7a1a-bf2d37a01328-37a01322 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_9406f0ee-cb0f-6502-e8ba-dd8b10db7147-799913ef {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_9406f0ee-cb0f-6502-e8ba-dd8b10db7147-799913ef:where(.w-variant-2d35c20f-8c80-2fc4-df24-ba85bcfcce30) {
grid-column: span 6 / span 6;
}
#w-node-ff66b794-356a-6dd7-cabf-1628abd48bb7-799913ef {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-ff66b794-356a-6dd7-cabf-1628abd48bb7-799913ef:where(.w-variant-2d35c20f-8c80-2fc4-df24-ba85bcfcce30) {
grid-column: span 6 / span 6;
}
#w-node-_22fa78c6-fa2d-f499-214d-e6a81c33f28b-799913ef {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_22fa78c6-fa2d-f499-214d-e6a81c33f28c-799913ef, #w-node-_5aa7b9fc-bde7-28db-8eb1-b430e2b71f08-799913ef {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_5aa7b9fc-bde7-28db-8eb1-b430e2b71f08-799913ef:where(.w-variant-2d35c20f-8c80-2fc4-df24-ba85bcfcce30) {
grid-column: span 6 / span 6;
}
#w-node-_5aa7b9fc-bde7-28db-8eb1-b430e2b71f09-799913ef {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_5aa7b9fc-bde7-28db-8eb1-b430e2b71f09-799913ef:where(.w-variant-2d35c20f-8c80-2fc4-df24-ba85bcfcce30) {
grid-column: span 6 / span 6;
}
#w-node-_9e66e437-600b-c8a5-0724-eabfebdbbb8f-ebdbbb07 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_9e66e437-600b-c8a5-0724-eabfebdbbbd7-ebdbbb07, #w-node-_9e66e437-600b-c8a5-0724-eabfebdbbbf7-ebdbbb07 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dfc07ec6-9f46-e52e-d3b1-7663a5c62f04-a5c62f00 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_57299d2f-8ffa-9267-cc00-d15b1ace8237-a5c62f00 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-b1a501a3-1a1f-ce48-625e-a7be0074024c-0074024b, #w-node-b1a501a3-1a1f-ce48-625e-a7be00740256-0074024b {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_229eebb1-99a4-8662-a84e-b3077cdf3519-7cdf3518 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_229eebb1-99a4-8662-a84e-b3077cdf3528-7cdf3518 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_481eeedd-bb80-5445-2b0f-ef4b2d38f4ea-2d38f4e4, #w-node-_3f8891a1-af49-af4b-7b6f-ba57eae515fc-a2bc7185 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-c49789d2-6009-9d5b-efb0-76d066622dff-a2bc7185 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_114fad25-9b92-b9b2-b0e6-503da7e123fb-a2bc7185, #w-node-ebd0e817-7215-47df-9fc0-33e60913d9ed-a2bc7185, #w-node-_6d58ad43-5a50-8e9e-548c-90850a8791ca-0a8791c9, #w-node-_6d58ad43-5a50-8e9e-548c-90850a8791ce-0a8791c9 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_3f8891a1-af49-af4b-7b6f-ba57eae515fc-ea8fa8a9 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-c49789d2-6009-9d5b-efb0-76d066622dff-ea8fa8a9 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_114fad25-9b92-b9b2-b0e6-503da7e123fb-ea8fa8a9, #w-node-ebd0e817-7215-47df-9fc0-33e60913d9ed-ea8fa8a9 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_3f8891a1-af49-af4b-7b6f-ba57eae515fc-60aa4aca {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-c49789d2-6009-9d5b-efb0-76d066622dff-60aa4aca {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_114fad25-9b92-b9b2-b0e6-503da7e123fb-60aa4aca, #w-node-ebd0e817-7215-47df-9fc0-33e60913d9ed-60aa4aca {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_3f8891a1-af49-af4b-7b6f-ba57eae515fc-11c2d6a1 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-c49789d2-6009-9d5b-efb0-76d066622dff-11c2d6a1 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_114fad25-9b92-b9b2-b0e6-503da7e123fb-11c2d6a1, #w-node-ebd0e817-7215-47df-9fc0-33e60913d9ed-11c2d6a1 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_3f8891a1-af49-af4b-7b6f-ba57eae515fc-ad4bff31 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-c49789d2-6009-9d5b-efb0-76d066622dff-ad4bff31 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_114fad25-9b92-b9b2-b0e6-503da7e123fb-ad4bff31, #w-node-ebd0e817-7215-47df-9fc0-33e60913d9ed-ad4bff31 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-fb0fa720-3ed8-8285-bef4-43ec61fcb8ea-d4a2aa63 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c2a1d63e-9781-a757-2ba0-0beff4937ec5-ed3ca613, #w-node-a1c614a2-3aef-7397-d35a-6933ddffcfa3-ed3ca613 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-c9a86dfe-5b47-df63-e1db-00be69b4c7db-69b4c7da {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-c9a86dfe-5b47-df63-e1db-00be69b4c7e2-69b4c7da, #w-node-c657c31e-573d-9f05-0daf-93465e74b038-5e74b034 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-c657c31e-573d-9f05-0daf-93465e74b045-5e74b034 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-c121d4f9-02b7-c8f0-ab9b-8c117c747026-586bf9d6 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-c121d4f9-02b7-c8f0-ab9b-8c117c74704b-586bf9d6 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_03edac0f-c35e-ad71-aa30-b4fbbf16768d-cdf27b21 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_9eab7acc-fd42-719d-b618-d18d8f846e41-cdf27b21 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-d04e3916-58d4-0592-48b7-0564bbc986bd-cdf27b21 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_440ba731-7f67-2a61-438b-c13efa7b9f75-cdf27b21 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_78818e2f-68cc-7999-1b2f-02e2781a75f8-823c37bd {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_2833319e-f875-5078-0a95-4cfb35669a99-823c37bd {
grid-area: 1 / 5 / 2 / 13;
}
#w-node-_2dc59bc4-32e7-b75c-71ce-af993bd1ccd2-301f66ae, #w-node-cd6f186d-0a53-20d4-9eaa-6cf48e88c257-301f66ae, #w-node-_2603a3df-7889-0583-959f-1775cd5eb495-20d2575a, #w-node-da54cd69-9b2e-60d7-5d55-6367bad612ce-20d2575a {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_61846acb-fb0c-d322-7ac7-415cf6ae4263-20d2575a {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-f93abaaa-6f40-4271-daa2-822284583347-18e811d0, #w-node-f93abaaa-6f40-4271-daa2-822284583362-18e811d0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-bbd3c0ab-0776-fbc1-650f-cb48bff2476f-18e811d0, #w-node-_7f592ec8-81e4-76e1-c02d-2807987642c5-18e811d0, #w-node-_846388f6-9013-0f4e-8918-8e6be2e7b985-18e811d0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_63d5baac-9e24-5b72-2686-ca63c3068f59-18e811d0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78818e2f-68cc-7999-1b2f-02e2781a75f8-300d0c8c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_2833319e-f875-5078-0a95-4cfb35669a99-300d0c8c {
grid-area: 1 / 5 / 2 / 13;
}
#w-node-_78818e2f-68cc-7999-1b2f-02e2781a75f8-2fc95f7c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_2833319e-f875-5078-0a95-4cfb35669a99-2fc95f7c {
grid-area: 1 / 5 / 2 / 13;
}
#w-node-_78818e2f-68cc-7999-1b2f-02e2781a75f8-1d244dd3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_2833319e-f875-5078-0a95-4cfb35669a99-1d244dd3 {
grid-area: 1 / 5 / 2 / 13;
}
#w-node-_78818e2f-68cc-7999-1b2f-02e2781a75f8-4c34a325 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_2833319e-f875-5078-0a95-4cfb35669a99-4c34a325 {
grid-area: 1 / 5 / 2 / 13;
}
#w-node-aa9ef242-86ed-4688-83e2-f17127eda350-360f51dd {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_0117f6c6-135f-471b-be23-c520691c6e95-360f51dd, #w-node-_72bfcde4-cbb4-dfa7-d18e-d8a6253b19b7-360f51dd, #w-node-_373ea8a7-e7c4-f976-f5f2-c82b71162b93-360f51dd, #w-node-_373ea8a7-e7c4-f976-f5f2-c82b71162ba6-360f51dd, #w-node-_720f0f7b-a965-2b56-9cb2-3d9cf72dd4cd-360f51dd, #w-node-_720f0f7b-a965-2b56-9cb2-3d9cf72dd4e0-360f51dd {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_63b8c2b4-54c8-ab7e-f2e2-896d94861ee1-94861edf, #w-node-_63b8c2b4-54c8-ab7e-f2e2-896d94861ee4-94861edf, #w-node-c772aed2-fbdb-5f56-f001-3a1ace9f8e2c-94861edf {
grid-area: span 1 / span 4 / span 1 / span 4;
}
@media screen and (max-width: 991px) {
#w-node-_481eeedd-bb80-5445-2b0f-ef4b2d38f4ea-2d38f4e4 {
grid-column: span 9 / span 9;
}
#w-node-_61846acb-fb0c-d322-7ac7-415cf6ae4263-20d2575a {
grid-column: span 12 / span 12;
}
}
@media screen and (max-width: 767px) {
#w-node-aa9ef242-86ed-4688-83e2-f17127eda350-360f51dd {
grid-area: span 1 / span 12 / span 1 / span 12;
}
}