html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--black: black;
--white-smoke: whitesmoke;
--grey--grey-300: #bebebe;
--grey--grey-50: #f5f5f5;
--deep-pink: #ff0064;
--white: white;
--gainsboro: #dbdbdb;
--grey--grey-0: #fafafa;
--grey--grey-100: #ededed;
--grey-900\: #212121;
--deep-pink--deep-pink-tag: #ff006433;
--grey--grey-800: #424242;
--grey--grey-900: #212121;
--dark-grey: #a7a7a7;
--grey-200: #ceced3;
--red--red-600: #e8005b;
--blue--blue-700: #3063af;
--grey--grey-600: #909090;
--grey--grey-200: #dbdbdb;
--grey--grey-700: #707070;
--grey--grey-500: #9e9e9e;
--grey-800\: #424242;
--bg-blue-gradient: #035cac;
--card-bg-color: #141414;
--black-bg: #030303;
--transparent55: #1414148c;
--combine-library-warning-400: #f8b34b;
--combine-library-error-800: #e2004f;
--combine-library-error-100: #ffecec;
--combine-library-success-800: #6d9400;
--combine-library-success-100: #ebf7de;
--combine-library-grey-800: #1f2c3d;
--combine-library-primary-800: #472def;
--combine-library-grey-400: #8c94a5;
--combine-library-grey-600: #5f6570;
--combine-library-primary-600: #6157f8;
--combine-library-grey-050: #f2f3f7;
--combine-library-grey-100: #d9dce2;
--combine-library-grey-200: #bfc4ce;
--combine-library-secondary-600: #00a1c1;
--combine-library-white: white;
--elements-webflow-library--neutral--100: white;
--combine-library--warning-800: #f27900;
--elements-webflow-library--neutral--800: #211f54;
--elements-webflow-library--accent--primary-1: #4a3aff;
--elements-webflow-library--neutral--300: #eff0f6;
--elements-webflow-library--general--shadow-02: #14142b14;
--hover-blue: #3063e0;
--blue--blue-600: #3d7ee1;
--blue--blue-50: #ecf3fe;
--red--red-50: #ffe6f0;
--gradient-strock: #ffa940;
--grey--grey-400: #b1b1b1;
--gradient-pink: #680029;
--hover-btn-color: #3063e0;
--blue--blue-900: #1c3a68;
--relume-library-lite--rl-black: black;
--relume-library-lite--rl-white: white;
--relume-library-lite--grey: #e4e2df;
--relume-library-lite--white: white;
--relume-library-lite--rl-gray: #f4f4f4;
--grey-50\: #f5f5f5;
--grey-50-3\: #f5f5f5;
--red--red-500: #ff0064;
--red--red-800: #8c0037;
--blue--blue-800: #254c88;
--transparent30: #1414144d;
--quote-bg: #a9cafb40;
--blue--blue-500: #438bf7;
--untitled-ui--gray600: #475467;
--untitled-ui--primary600: #7f56d9;
--untitled-ui--white: white;
--untitled-ui--primary700: #6941c6;
--untitled-ui--primary100: #f4ebff;
--untitled-ui--gray500: #667085;
--untitled-ui--primary800: #53389e;
--untitled-ui--gray100: #f2f4f7;
--untitled-ui--gray900: #101828;
--untitled-ui--gray300: #d0d5dd;
--untitled-ui--gray700: #344054;
--untitled-ui--gray50-2: #f9fafb;
--untitled-ui--gray800: #1d2939;
--untitled-ui--success50: #ecfdf3;
--untitled-ui--success700: #027a48;
--red--red-900: #4d001e;
--red--red-700: #b50047;
--pink-tag-bg: white;
--blue--blue-100: #c5dbfd;
--blue--blue-200: #a9cafb;
--blue--blue-300: #81b1fa;
--blue--blue-400: #69a2f9;
--green--green-50: #e6faf3;
--green--green-100: #b0efd8;
--green--green-200: #8ae7c6;
--green--green-300: #55dbab;
--green--green-400: #34d59b;
--green--green-500: #01ca82;
--green--green-600: #01b876;
--green--green-700: #018f5c;
--green--green-800: #016f48;
--green--green-900: #005537;
--notification--warning: #ffa940;
--notification--success: #01b876;
--notification--alert: #d71d10;
--notification--info: #438bf7;
--orange--orange-50: #fff0ee;
--orange--orange-100: #ffd2ca;
--orange--orange-200: #ffbcb1;
--orange--orange-300: #ff9d8d;
--orange--orange-400: #ff8a77;
--orange--orange-500: #ff6d55;
--orange--orange-600: #e8634d;
--orange--orange-700: #b54d3c;
--orange--orange-800: #8c3c2f;
--orange--orange-900: #6b2e24;
--pure-orange--pure-orange-50: #fff6ec;
--pure-orange--pure-orange-100: bisque;
--pure-orange--pure-orange-200: #ffd7a7;
--pure-orange--pure-orange-300: #ffc57f;
--pure-orange--pure-orange-400: #ffba66;
--pure-orange--pure-orange-600: #e89a3a;
--pure-orange--pure-orange-700: #b5782d;
--pure-orange--pure-orange-800: #8c5d23;
--pure-orange--pure-orange-900: #6b471b;
--pure-orange--pure-orange-500: #ffa940;
--pure-red--pure-red-50: #fde9e7;
--pure-red--pure-red-100: #f9bab6;
--pure-red--pure-red-200: #f69892;
--pure-red--pure-red-300: #f26a60;
--pure-red--pure-red-400: #f04d41;
--pure-red--pure-red-500: #ec2012;
--pure-red--pure-red-600: #d71d10;
--pure-red--pure-red-700: #a8170d;
--pure-red--pure-red-800: #82120a;
--pure-red--pure-red-900: #630d08;
--red--red-100: #ffb0cf;
--red--red-200: #ff8ab8;
--red--red-300: #ff5497;
--red--red-400: #ff3383;
--salad--salad-50: #f3f9eb;
--salad--salad-100: #dbedc0;
--salad--salad-200: #c9e4a2;
--salad--salad-300: #b1d878;
--salad--salad-400: #a1d15d;
--salad--salad-500: #8ac535;
--salad--salad-600: #7eb330;
--salad--salad-700: #628c26;
--salad--salad-800: #4c6c1d;
--salad--salad-900: #3a5316;
--violet--violet-50: #f5f0f7;
--violet--violet-100: #dfd0e5;
--violet--violwt-200: #cfbad8;
--violet--violet-300: #b99ac7;
--violet--violet-400: #ac86bc;
--violet--violet-500: #9768ab;
--violet--violet-600: #895f9c;
--violet--violet-700: #6b4a79;
--violet--violet-800: #53395e;
--violet--violet-900: #3f2c48;
--yellow--yellow-50: #fffce6;
--yellow--yellow-100: #fff5b1;
--yellow--yellow-200: #fff08b;
--yellow--yellow-300: #ffe956;
--yellow--yellow-400: #ffe535;
--yellow--yellow-500: #ffde03;
--yellow--yellow-600: #e8ca03;
--yellow--yellow-700: #b59e02;
--yellow--yellow-800: #8c7a02;
--yellow--yellow-900: #6b5d01;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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-pagination-next-icon {
margin-left: 4px;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-page-count {
text-align: center;
width: 100%;
margin-top: 20px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--black);
color: var(--black);
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 20px;
}
h1 {
color: var(--white-smoke);
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 47.78px;
font-weight: 600;
line-height: 120%;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 39.81px;
font-weight: 600;
line-height: 120%;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 33.18px;
font-weight: 700;
line-height: 120%;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 27.65px;
font-weight: 700;
line-height: 120%;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 23.04px;
font-weight: 700;
line-height: 120%;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
p {
color: var(--grey--grey-300);
margin-bottom: 0;
font-size: 19.3px;
line-height: 150%;
}
a {
color: var(--grey--grey-50);
text-decoration: underline;
}
img {
max-width: 100%;
display: inline-block;
}
.container {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.container.is-top-absolute {
position: absolute;
top: 0%;
bottom: auto;
left: 50%;
transform: translate(-50%);
}
.container.blog-absolute {
align-items: center;
display: none;
overflow: visible;
}
.container.relative-top {
margin-top: 0;
padding-top: 30px;
}
.container.no-oh {
overflow: visible;
}
.nav-wrap {
justify-content: space-between;
align-items: center;
width: 94%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.navbar {
border-bottom: 1px solid #a7a7a733;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
box-shadow: 0 0 9px #0000001c;
}
.nav-link {
color: var(--black);
margin-right: 24px;
font-family: Montserrat, sans-serif;
font-weight: 500;
line-height: 1.25;
text-decoration: none;
}
.nav-link:hover {
color: var(--deep-pink);
}
.nav-link.w--current {
display: block;
}
.nav-link.is-login {
background-color: var(--black);
color: var(--white);
border-radius: 7px;
padding: 10px 27px 10px 24px;
font-weight: 600;
transition: all .3s;
}
.nav-link.is-login:hover {
transform: scale(1.1);
}
.nav-logo-btn {
width: 192px;
}
.section-hero-1 {
background-color: var(--white-smoke);
padding-top: 200px;
padding-bottom: 100px;
position: relative;
}
.section-hero-1.is-vertical {
padding-top: 100px;
}
.top-bg-img {
position: absolute;
inset: 0% 0% auto auto;
}
.top-bg-img.is-left {
left: 0;
right: auto;
}
.lrg-container {
width: 94%;
max-width: 1586px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.lrg-container.is-top-absolute {
position: absolute;
inset: 0% auto auto 50%;
transform: translate(-50%);
}
.lrg-container.is-top-absolute.is-about-us {
width: 100%;
position: absolute;
top: 0;
}
.lrg-container.is-top-absolute.is-about-us.reversed {
left: auto;
right: 15%;
}
.flex-wrap-1 {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-content {
width: 42%;
}
.hero-content.is-vertical {
text-align: center;
width: 80%;
max-width: 800px;
margin-bottom: 60px;
}
.hero-content.is-about-us {
text-align: center;
width: auto;
max-width: 752px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.btn-1 {
background-color: var(--black);
color: var(--white);
border-radius: 7px;
padding: 14px 30px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
text-decoration: none;
transition: all .3s;
display: inline-block;
}
.btn-1:hover {
transform: translate(0, -4px)scale(1.05);
box-shadow: 0 2px 6px #00000047;
}
.btn-wrap-1 {
justify-content: center;
align-items: center;
margin-top: 24px;
margin-bottom: 20px;
display: flex;
}
.hero-video {
aspect-ratio: 16 / 9;
object-fit: fill;
border-radius: 16px;
width: 100%;
height: auto;
overflow: hidden;
transform: translate(0);
}
.hero-video.hero-video-height {
aspect-ratio: auto;
border-radius: 12px;
width: 100%;
height: auto;
padding-top: 56.25%;
overflow: hidden;
}
.hero-video.hero-video-height.transient-thoughts {
aspect-ratio: auto;
height: auto;
padding-top: 45%;
}
.hero-video.hero-video-height.aspect-video {
aspect-ratio: 16 / 9;
}
.hero-video.hero-video-height.spinner-wheel {
padding-top: 66%;
}
.hero-video.hero-video-height.winning-wheel {
padding-top: 45%;
}
.hero-video.hero-video-height.emojis-everywhere {
padding-top: 48%;
}
.hero-video.hero-video-height.talking-tiles {
padding-top: 45%;
}
.hero-video.hero-video-height.quick-questions {
padding-top: 49%;
}
.hero-video.hero-video-height.link-library {
padding-top: 48%;
}
.hero-video.hero-video-height.word-cloud {
padding-top: 45%;
}
.hero-video.hero-video-height.updated {
width: 100%;
height: 100%;
padding-top: 0%;
}
.hero-video.hero-video-height.update {
height: auto;
padding-top: 70%;
}
.hero-video.hero-video-height.height-70 {
padding-top: 70%;
}
.pink-highlight {
color: var(--deep-pink);
}
.subhead-1 {
flex-direction: column;
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 26px;
display: block;
}
.current-avail-text {
color: var(--black);
margin-top: 5px;
font-family: Montserrat, sans-serif;
font-weight: 300;
}
.current-avail-text.in-cta {
color: #fff;
white-space: nowrap;
}
.current-avail-text.in-cta.max-680 {
white-space: normal;
}
.current-avail-text.in-cta.text-break {
white-space: normal;
font-family: Inter, sans-serif;
}
.section-head {
margin-bottom: 90px;
position: relative;
}
.section-head.is-centered {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.section-head.is-sm {
width: 100%;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.section-head.is-sm.is-centered.no-bm {
justify-content: flex-start;
margin-top: 40px;
font-size: 14px;
}
.section-head.no-bm {
margin-bottom: 0;
}
.card-1 {
width: 27%;
font-size: 20px;
line-height: 32px;
position: relative;
}
.card-head {
align-items: center;
margin-bottom: 35px;
display: flex;
}
.flex-wrap-2 {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.card-icon {
width: 56px;
height: 56px;
margin-right: 16px;
}
.card-head-title {
max-width: 130px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-weight: 600;
line-height: 28px;
}
.col-line {
background-color: var(--gainsboro);
width: 2px;
}
.footer {
color: var(--white);
background-color: #000;
padding-top: 18px;
padding-bottom: 18px;
}
.flex-wrap-3 {
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.footer-link {
color: var(--white);
margin-left: 50px;
margin-right: 50px;
font-family: Montserrat, sans-serif;
font-weight: 200;
text-decoration: none;
}
.section {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.section.is-grey.no-padding-top {
padding-top: 140px;
padding-bottom: 90px;
}
.section.is-grey.bottom-extra {
padding-bottom: 200px;
}
.section.is-grey.bottom-extra.gradient-bg-new {
background-image: linear-gradient(125deg, #ff006480, #42001ade 0%, #000 32% 63%, #070e18fa 75%, #1b3863e6 100%, #3773cccc);
}
.section.is-black {
background-color: var(--black);
color: var(--white);
}
.section.is-blog-article {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/62f541af1d857c25d470b776_How%20do%20you%20make%20a%20stream%20alive%20(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 240px;
padding-bottom: 240px;
}
.section.is-blog-article.viewported {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/62f541af1d857c25d470b776_How%20do%20you%20make%20a%20stream%20alive%20(1).png");
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
justify-content: center;
align-items: flex-end;
height: 80vh;
padding-top: 0;
padding-bottom: 0;
}
.section.overflow-hidden {
overflow: hidden;
}
.section.blog-content-top-padding {
padding-top: 0;
}
.section.blog-content-top-padding.bottom-extra {
background-color: var(--white);
color: var(--black);
padding-bottom: 32px;
}
.section.bottom-zero {
padding-bottom: 0;
}
.section-bg-img-block {
width: 33.33%;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.section-bg-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section-bg-pattern {
position: absolute;
inset: 0% -215px auto auto;
}
.lrg-quote-content-block {
text-align: center;
width: 66.66%;
margin-left: auto;
padding: 56px 8%;
}
.lrg-quote-text {
width: 100%;
max-width: 585px;
margin-left: auto;
margin-right: auto;
font-family: Montserrat, sans-serif;
font-size: 26px;
font-weight: 600;
line-height: 36px;
}
.lrg-quote-meta {
margin-top: 130px;
}
.lrg-quote-name {
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.lrg-quote-title {
font-weight: 300;
}
.hero-video-block {
width: 50%;
}
.hero-video-block.is-vertical {
border: 0 #dadada;
border-radius: 10px;
width: 70%;
overflow: hidden;
}
.hero-video-block.is-vertical.is-about-us {
width: 100%;
}
.top-hero-bg-img {
position: absolute;
inset: 0% 0% auto auto;
}
.top-hero-bg-img.is-top-right.is-about-us {
max-width: 45%;
bottom: auto;
left: auto;
right: 0%;
}
.fade-in-1 {
font-family: Inter, sans-serif;
font-size: 40px;
}
.animation-spacer {
height: 400px;
}
.mobile-logo {
display: none;
}
.flex-wrap-4 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.is-home-hero-desktop {
margin-bottom: 32px;
display: block;
}
.home-hero-desktop-row1 {
display: block;
}
.is-home-hero-mobile {
display: none;
}
.legal-rte h2 {
letter-spacing: normal;
margin-top: 48px;
margin-bottom: 16px;
font-size: 24px;
line-height: 32px;
}
.legal-rte p {
margin-bottom: 16px;
font-size: 16px;
line-height: 24px;
}
.legal-rte a {
color: #3b82f6;
text-decoration: none;
}
.h1-small {
margin-bottom: 40px;
font-size: 28px;
line-height: 40px;
}
.text-is-centered {
text-align: center;
}
.pag-right-arrow-icon {
flex: none;
width: 15px;
height: 15px;
margin-right: 5px;
line-height: 0%;
}
.pag-number-block {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.pag-page-number {
color: var(--white);
background-color: #333;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 44px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
display: flex;
}
.pag-page-number:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.pag-page-number.w--current {
background-color: var(--deep-pink);
}
.pag-page-number.is-dots:hover {
background-color: #0000;
}
.pag-page-number.is-active {
background-color: var(--deep-pink);
color: var(--white);
}
.hidden-pag-design {
display: none;
}
.pag-right-arrow {
color: var(--gainsboro);
padding: 5px;
}
.pag-page-block {
font-size: 13px;
font-weight: 400;
line-height: 22px;
}
.blog-pagination {
text-align: center;
width: 300px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: none;
}
.pag-left-arrow-icon {
flex: none;
width: 15px;
height: 15px;
margin-right: 5px;
line-height: 0%;
transform: rotate(180deg);
}
.pag-left-arrow {
color: var(--gainsboro);
padding: 5px;
}
.blog-items-block {
grid-column-gap: 40px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-item-card {
color: var(--black);
flex-direction: column;
justify-content: flex-end;
align-items: center;
min-height: 490px;
text-decoration: none;
display: flex;
position: relative;
}
.blog-card-content {
border: 1px solid var(--gainsboro);
background-color: var(--white);
border-radius: 8px;
width: 80%;
padding: 20px;
position: relative;
}
.blog-card-content.blog-home-card {
background-color: var(--white-smoke);
border-radius: 20px;
}
.blog-card-content.blog-home-card.dark-card {
background-color: var(--grey--grey-0);
flex-flow: column;
align-items: flex-start;
height: 306px;
display: flex;
position: relative;
}
.blog-card-content.blog-home-card.dark-card:hover {
border-color: var(--deep-pink);
background-color: var(--grey--grey-100);
}
.blog-card-content.blog-card-home {
background-color: var(--white-smoke);
border-radius: 20px;
}
.blog-card-meta {
justify-content: flex-start;
align-items: center;
margin-top: 20px;
font-size: 13px;
display: flex;
}
.blog-card-meta.la {
justify-content: flex-start;
}
.blog-card-img {
object-fit: cover;
border: 0 solid #000;
border-radius: 8px;
width: 100%;
height: 100%;
transition: all .3s;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
}
.h3-blog-title {
color: var(--black);
-webkit-text-stroke-color: var(--grey-900\);
margin-top: 0;
margin-bottom: 12px;
font-family: Inter, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 115%;
transition: all .2s linear;
}
.h3-blog-title.is-large {
color: var(--white-smoke);
font-size: 42px;
line-height: 44px;
}
.h3-blog-title.margin-top.margin-extrasmall:hover {
color: var(--black);
}
.blog-item-category {
border: 1px none var(--deep-pink);
color: var(--deep-pink);
background-color: #ff006400;
border-radius: 36px;
width: auto;
margin-bottom: 8px;
padding: 0;
font-size: 14px;
font-weight: 500;
display: block;
}
.blog-item-category.updated {
background-color: var(--deep-pink--deep-pink-tag);
color: var(--white);
border-style: solid;
padding: .25rem 1rem;
}
.blog-card-auth-img {
object-fit: cover;
border-radius: 50%;
width: 30px;
height: 30px;
margin-right: 5px;
}
.blog-card-auth {
border-right: 1px solid var(--gainsboro);
text-transform: uppercase;
align-items: center;
margin-right: 8px;
padding-right: 8px;
font-weight: 600;
display: flex;
}
.blog-card-img-block {
object-fit: cover;
border: 1px solid #272727;
border-radius: 8px;
width: 100%;
height: 70%;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.div-block {
align-items: center;
display: flex;
}
.blog-filter-block {
background-color: #222;
border-radius: 10px;
justify-content: space-between;
align-items: center;
width: 94%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 23px;
display: flex;
position: absolute;
inset: -52px 0% auto;
box-shadow: 0 1px 8px #0000001a;
}
.search-blog-input {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--gainsboro);
color: var(--white);
background-color: #0000;
width: 200px;
margin-bottom: 0;
font-size: 14px;
line-height: 21px;
}
.search-blog-input:focus {
border-bottom-color: var(--white);
}
.blog-search-wrap {
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.blog-search-icon {
width: 16px;
height: 24px;
margin-right: 10px;
}
.blog-search-block {
margin-bottom: 0;
}
.blog-category-item-content {
padding: 14px 21px;
}
.blog-category-name {
color: var(--black);
font-weight: 600;
text-decoration: none;
}
.blog-category-block {
border: 1px solid var(--gainsboro);
}
.blog-dropdown-list {
background-color: var(--white);
}
.blog-dropdown-list.w--open {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
border-radius: 8px;
}
.blog-category-dropdown-block {
position: relative;
}
.remove-filter-icon {
font-size: 0;
line-height: 0;
}
.remove-filter-btn {
color: var(--deep-pink);
width: 20px;
height: 20px;
display: none;
position: absolute;
inset: auto auto 20px -20px;
}
.blog-category-dropdown-toggle.is-active {
color: var(--deep-pink);
}
.blog-article-head {
background-color: var(--white);
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 840px;
margin-left: auto;
margin-right: auto;
padding: 44px 20px;
display: flex;
position: relative;
}
.blog-article-head.bottom-grey {
background-color: #f2f2f2;
top: -50%;
}
.blog-article-head.bottom-grey.black {
color: var(--white);
background-color: #20202000;
border-radius: 8px;
max-width: none;
top: auto;
}
.blog-article-head.bottom-grey.black.bg-color-gradient {
border-radius: 16px;
max-width: 960px;
}
.richtext-1 {
clear: none;
color: var(--grey--grey-900);
-webkit-text-stroke-color: #212121;
border-radius: 0;
width: 100%;
max-width: 700px;
margin: 0 auto 100px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.richtext-1 h2 {
color: var(--grey--grey-900);
letter-spacing: -.02px;
margin-top: 56px;
margin-bottom: 20px;
font-family: Inter, sans-serif;
font-size: 33.18px;
font-weight: 600;
line-height: 120%;
}
.richtext-1.no-negative {
font-size: 16px;
}
.richtext-1.no-negative a {
color: var(--deep-pink);
}
.richtext-1 p {
color: var(--grey--grey-900);
margin-top: 24px;
margin-bottom: 24px;
font-size: 18px;
line-height: 160%;
}
.richtext-1 h3 {
color: var(--grey-900\);
margin-top: 40px;
font-weight: 600;
}
.richtext-1 h4 {
color: var(--grey-900\);
margin-top: 24px;
margin-bottom: 0;
font-weight: 600;
}
.richtext-1.update {
max-width: 860px;
}
.cms-empty {
text-align: center;
background-color: #0000;
}
.nav-main-links {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-content {
align-items: center;
display: flex;
}
.nav-content-block {
width: 100%;
}
.menu-close {
display: none;
}
.menu-open {
display: none;
position: relative;
}
.nav-link-wrap {
justify-content: flex-end;
align-items: center;
display: flex;
}
.ham-line {
height: 2px;
position: relative;
}
.text-span-3, .text-span-5 {
color: var(--deep-pink);
}
.h2-title-1 {
font-size: 38px;
}
.card-header {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/624e13ccce725d2c46677180_david-lundgren-1677087-unsplash.jpg");
background-position: 50% 30%;
background-size: cover;
height: 300px;
}
.carousel {
background-color: #0000;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 400px;
}
.carousel.is_contained {
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: auto;
padding-bottom: 75px;
}
.card {
background-color: #111;
border-radius: 5px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
box-shadow: 0 5px 2rem #0000004d;
}
.arrow-left {
width: 50px;
height: 50px;
display: block;
inset: auto auto 0% 0%;
}
.arrow-left:hover {
color: var(--deep-pink);
}
.arrow-right {
width: 50px;
height: 50px;
display: block;
inset: auto 0% 0% auto;
}
.arrow-right:hover {
color: var(--deep-pink);
}
.card-body {
padding: 26px;
}
.carousel-slider {
height: 565px;
}
.carousel-slider._2 {
right: -21%;
}
.carousel-slider._4 {
right: -63%;
}
.carousel-slider._3 {
right: -42%;
}
.carousel-mask {
width: 40%;
overflow: visible;
}
.lrg-quote-text-2 {
width: 100%;
max-width: 585px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
font-family: Montserrat, sans-serif;
font-size: 19px;
font-weight: 600;
line-height: 29px;
}
.lrg-quote-name-2 {
color: var(--deep-pink);
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.heading-about-us-colored {
color: var(--deep-pink);
}
.lrg-subhead {
text-align: left;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 28px;
}
.team-card-wrap {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 25%;
max-width: none;
display: flex;
}
.team-card-wrap.is-advisors {
justify-content: flex-start;
width: 33.33%;
}
.founding-team-linkeding-wrapper {
grid-column-gap: 8px;
color: var(--white);
justify-content: center;
align-items: flex-end;
margin-top: 0;
text-decoration: none;
display: flex;
}
.founding-team-linkeding-wrapper.is-advisors {
color: var(--black);
}
.founding-job-title {
color: var(--deep-pink);
max-width: 100%;
margin-bottom: 56px;
font-family: Montserrat, sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 120%;
}
.founding-job-title.is-advisors {
color: var(--black);
margin-bottom: 24px;
font-weight: 400;
}
.founding-job-title.is-chairman {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.founding-text-block {
font-size: 18px;
line-height: 18px;
}
.h3-advisors {
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 25px;
}
.h3-advisors.is-investors {
margin-top: 16px;
margin-bottom: 8px;
}
.slider3_mask {
width: 35%;
overflow: visible;
}
.slider3_slide {
padding-left: .875rem;
padding-right: .875rem;
}
.slider3_arrow {
background-color: #fff;
border: 1px solid #000;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.slider3_arrow.hide-mobile-landscape {
background-color: #0000;
border-style: none;
justify-content: center;
top: -50px;
}
.slider-investors {
background-color: #0000;
align-items: center;
width: 100%;
height: auto;
margin-top: 56px;
padding: 16px 3.975rem 4rem;
display: flex;
overflow: hidden;
}
.slider-investor_card {
background-color: var(--white);
text-align: center;
border-radius: 30px;
width: 315px;
height: 296px;
padding: 0;
box-shadow: 1px 4px 4px 2px #0000001a;
}
.lrg-subhead-2 {
text-align: left;
width: 100%;
max-width: 948px;
margin-top: 39px;
font-size: 20px;
line-height: 28px;
}
.lrg-subhead-3 {
text-align: center;
width: 100%;
max-width: 790px;
margin-top: 36px;
font-size: 20px;
line-height: 28px;
}
.advisor-img {
width: 256px;
height: 256px;
margin-bottom: 26px;
}
.founding-img {
width: 200px;
height: 200px;
margin-bottom: 20px;
}
.founding-team-name {
margin-top: 0;
}
.team-wrap {
justify-content: space-between;
align-items: stretch;
margin-top: 50px;
display: flex;
}
.team-wrap.is-advisors {
width: 100%;
max-width: 894px;
margin-left: auto;
margin-right: auto;
}
.collection-list-wrapper, .collection-list, .collection-item {
height: 100%;
}
.card-2 {
width: 20%;
font-size: 20px;
line-height: 32px;
position: relative;
}
.slide-link-block {
width: 100%;
text-decoration: none;
}
.instruction-spacer {
height: 90px;
}
.instruction-page {
padding: 59px 41px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.slide-nav {
display: block;
}
.text-block, .text-block-2, .text-block-3 {
margin-top: 10px;
font-size: 18px;
}
.form-block-homepage-footer {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 100px;
display: flex;
}
.text-field {
background-color: #f2f2f2;
border-radius: 10px;
height: auto;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 28px;
}
.select-field {
background-color: #f2f2f2;
border-radius: 10px;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 28px;
}
.textarea {
object-fit: fill;
background-color: #f2f2f2;
border-radius: 15px;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 36px;
}
.field-label, .field-label-2, .field-label-3, .field-label-4 {
color: var(--dark-grey);
font-family: Montserrat, sans-serif;
font-weight: 400;
}
.success-message {
background-color: var(--black);
color: var(--deep-pink);
font-family: Montserrat, sans-serif;
}
.submit-button {
background-color: var(--deep-pink);
text-align: left;
border-radius: 10px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
}
.submit-button.btn-1 {
display: inline-block;
}
.form {
width: 40%;
height: auto;
}
.error-message {
background-color: var(--black);
color: #ff0207;
border-radius: 50px;
margin-top: 20px;
font-family: Montserrat, sans-serif;
}
.inline-link {
color: var(--deep-pink);
}
.heading {
margin-bottom: 30px;
}
.link {
color: var(--grey-200);
font-weight: 400;
}
.link.white-text {
font-weight: 400;
}
.link.pink-highlight {
color: var(--deep-pink);
}
.link.width-auto {
width: auto;
display: flex;
}
.div-block-2 {
border-top: 1px solid #2c2c2c;
}
.pricing-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
display: grid;
}
.plan-name {
color: #333;
background-color: #333;
border-radius: 8px;
align-items: center;
margin-bottom: 4px;
padding: 16px;
display: flex;
}
.price-point-flex {
background-color: var(--gainsboro);
border-radius: 8px;
align-items: center;
margin-bottom: 10px;
padding: 16px;
display: flex;
}
.pricing-features-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing-feature-flex {
align-items: center;
padding-left: 16px;
display: flex;
}
.plan-name-text {
color: var(--white);
margin-right: 15px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 600;
}
.pricing-number {
color: var(--black);
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
}
.pricing-number.pricing-text-timeperiod {
padding-bottom: 3px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
}
.pricing-tick-wrapper {
justify-content: center;
align-items: center;
width: 12px;
min-width: 12px;
height: 12px;
min-height: 12px;
margin-right: 10px;
display: flex;
}
.pricing-feature-text {
font-family: Montserrat, sans-serif;
text-decoration: none;
}
.plan-offer-text {
color: #e8f318;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
}
.html-embed {
margin: 10px 10px 20px;
padding-left: 0;
}
.div-block-4 {
flex-direction: row;
display: flex;
}
.div-block-6 {
height: 20px;
min-height: 10px;
max-height: 20px;
}
.hero-video-html-embed {
mix-blend-mode: normal;
border: 0 solid #dadada;
border-radius: 10px;
}
.or-separator {
color: var(--deep-pink);
text-align: center;
margin-bottom: 10px;
font-weight: 700;
}
.div-block-7 {
justify-content: center;
width: 100%;
margin-top: -8%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.content-card {
justify-content: center;
display: flex;
}
.body-font-sora {
background-color: var(--black);
color: var(--white);
font-family: Inter, sans-serif;
font-size: 16px;
}
.page-wrapper {
font-size: 16px;
position: relative;
overflow: visible;
}
.page-wrapper.z-index-0 {
z-index: 0;
}
.main-wrapper {
overflow: visible;
}
.section-hero-home {
color: var(--white);
background-color: #000;
background-image: linear-gradient(125deg, #ff338340, #000 15% 63%, #3773cccc);
overflow: hidden;
}
.page-padding {
z-index: 20;
justify-content: center;
max-width: none;
padding: 130px 60px;
display: block;
position: relative;
top: auto;
bottom: auto;
overflow: hidden;
}
.page-padding.less-z-axis {
z-index: 2;
max-width: 1280px;
margin-left: 0;
margin-right: 0;
}
.page-padding.less-z-axis.mx-auto {
margin-left: auto;
margin-right: auto;
}
.page-padding.over-flow-hidden {
overflow: hidden;
}
.page-padding.faq {
border-style: none;
margin-bottom: 40px;
}
.page-padding.inner {
padding-top: 30px;
padding-bottom: 30px;
}
.page-padding.py-40 {
padding: 40px 10px;
}
.page-padding.pt-80 {
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.page-padding.pt-80.pb-0 {
padding-bottom: 0;
}
.page-padding.section-ai-mb {
padding-top: 80px;
padding-bottom: 80px;
}
.page-padding.pt-0 {
padding-top: 0;
}
.page-padding.transparent-bg {
padding-top: 60px;
}
.page-padding.transparent-bg.padding-small {
padding-top: 16px;
padding-bottom: 16px;
}
.page-padding.is-hidden {
display: none;
}
.page-padding.reduce-margin {
padding-bottom: 80px;
}
.page-padding.footer-padding {
padding-top: 80px;
padding-bottom: 40px;
}
.page-padding.footer-padding.update {
height: 100%;
padding-bottom: 150px;
}
.vertical-spacing {
max-width: none;
padding-top: 0;
padding-bottom: 0;
}
.vertical-spacing.hero-spacing {
padding-top: 220px;
}
.vertical-spacing.cta-spacing {
padding-top: 100px;
padding-bottom: 100px;
}
.vertical-spacing.footer-spacing {
width: 100%;
max-width: 100%;
position: relative;
}
.vertical-spacing.footer-spacing.more-spacing {
margin-bottom: 240px;
}
.vertical-spacing.bottom-0 {
padding-bottom: 0;
}
.vertical-spacing.facts-spacing {
margin-bottom: 61px;
}
.vertical-spacing.new-spacing {
padding-top: 100px;
}
.vertical-spacing.inner-spacing {
padding-top: 50px;
padding-bottom: 50px;
}
.logo-slider-section {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
}
.logo-slider-section.relative-top {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
max-width: 1280px;
display: flex;
position: relative;
}
.logo-slider-section.relative {
z-index: 3;
position: relative;
}
.logo-slider-section.nav-container {
justify-content: space-between;
align-items: center;
max-width: 1280px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.logo-slider-section.nav-container.nav-mobile {
display: none;
}
.logo-slider-section.nav-container.overflow-hidden {
overflow: hidden;
}
.logo-slider-section.p-n {
max-width: 1407px;
}
.logo-slider-section.iframe {
aspect-ratio: 16 / 9;
max-width: 100%;
overflow: hidden;
}
.logo-slider-section.creator-logo {
overflow: visible;
}
.logo-slider-section.sales-container.margin-top.margin-xxhuge {
flex-flow: column;
margin-top: 7rem;
display: flex;
overflow: visible;
}
.hero-wrapper.text-is-centered {
width: 100%;
max-width: 1280px;
}
.margin-bottom-8 {
justify-content: center;
margin-bottom: 8px;
}
.margin-bottom-8.withgraphics {
grid-column-gap: 48px;
grid-row-gap: 48px;
align-items: center;
display: flex;
}
.margin-bottom-100 {
margin-bottom: 100px;
}
.margin-bottom-52 {
flex-direction: column;
align-items: center;
display: flex;
}
.style-guide-section {
font-family: Inter, sans-serif;
}
.para-small {
color: var(--grey-200);
width: 100%;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.margin-bottom-56 {
margin-bottom: 0;
}
.bottom-margin-36 {
margin-bottom: 36px;
}
.cta-button {
background-color: var(--deep-pink);
box-shadow: inset 2px -2px 5px 0 var(--red--red-600), inset -2px 2px 5px 0 var(--red--red-600);
color: #fff;
text-align: center;
text-transform: none;
border-radius: 36px;
padding: 15px 34px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
}
.cta-button:hover {
box-shadow: inset 2px -2px 5px 0 var(--blue--blue-700), inset -2px 2px 5px 0 var(--blue--blue-700);
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.cta-button.ghost {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.cta-button.ghost:hover {
color: #0c1930;
background-color: #fff;
}
.cta-button.white {
background-color: var(--white);
color: var(--black);
text-transform: capitalize;
}
.cta-button.white.margin-verticle {
margin-left: 1rem;
margin-right: 1rem;
}
.cta-button.white.margin-verticle:hover {
background-color: var(--grey--grey-300);
}
.cta-button.white.margin-verticle.template-btn {
padding: 12px 24px;
}
.cta-button.white.margin-verticle.template-btn:hover {
border: 1px solid var(--grey--grey-600);
background-color: var(--grey--grey-200);
}
.cta-button.nav {
color: #999;
text-transform: capitalize;
background-color: #222;
font-size: 16px;
font-weight: 400;
}
.cta-button.nav:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button.submit {
width: 100%;
max-width: 372px;
}
.cta-button.submit._w-full {
max-width: 100%;
}
.cta-button.price {
color: #ccc;
background-color: #666;
}
.cta-button.price-compare {
color: #fff;
background-color: #666;
margin-top: 16px;
padding: 12px 20px;
}
.cta-button.price-compare:hover {
background-color: var(--deep-pink);
}
.cta-button.price-btn {
text-transform: capitalize;
flex: 0 auto;
font-size: 14px;
font-weight: 600;
}
.cta-button.nav-btn {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button.nav-btn:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button.nav-btn.for-newhero {
color: #fff;
background-color: #ff5d92;
border: 1px solid #ff5d92;
font-weight: 600;
}
.cta-button.copy-text {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-top: 24px;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button.copy-text:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button.on-pink {
color: #ff0064;
text-transform: none;
background-color: #ffeff3;
}
.cta-button.margin-left-24 {
margin-left: 24px;
}
.cta-button.nav-action {
text-transform: none;
margin-left: 0;
padding: 10px 24px;
}
.cta-button.nav-action.link-type {
color: var(--white);
background-color: #000;
margin-left: 24px;
font-weight: 400;
}
.cta-button.nav-action.link-type:hover {
color: var(--grey-200);
}
.cta-button.nav-action.gamer-cta {
display: inline-block;
position: static;
}
.cta-button.pricing-btn {
justify-content: center;
align-self: stretch;
align-items: stretch;
display: flex;
}
.cta-button.pricing-btn.is-secondary {
border: 1px solid var(--grey--grey-700);
background-color: var(--grey--grey-800);
}
.cta-button.pricing-btn.is-secondary:hover {
border-color: var(--grey--grey-600);
background-color: var(--grey--grey-700);
}
.cta-button.pricing-btn.is-secondary.margin-vertical.margin-small {
box-shadow: inset 2px -2px 5px 0 var(--grey--grey-800), inset -2px 2px 5px 0 var(--grey--grey-800);
}
.cta-button.pricing-btn.is-secondary.margin-vertical.margin-small:hover {
border-color: var(--grey--grey-800);
box-shadow: inset 2px -2px 5px 0 var(--grey--grey-700), inset -2px 2px 5px 0 var(--grey--grey-700);
}
.cta-button.pricing-btn.is-secondary.margin-vertical.margin-small.best-value-btn {
margin-top: 1rem;
}
.cta-button.pricing-btn.margin-vertical.margin-small:hover {
box-shadow: inset 2px -2px 5px 0 var(--blue--blue-700), inset -2px 2px 5px 0 var(--blue--blue-700);
}
.cta-button.pricing-btn.margin-vertical.margin-small.best-value-btn {
margin-top: 1rem;
}
.cta-button.secondary-btn {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
}
.cta-button.secondary-btn:hover {
border-color: var(--grey--grey-500);
background-color: var(--grey--grey-800);
}
.cta-button.margin-top-bottom {
margin-top: 2rem;
margin-bottom: 2.5rem;
}
.cta-button.margin-top-bottom.decrease-margin-bottom {
margin-bottom: 1.5rem;
margin-left: 40px;
}
.heading-extralarge {
aspect-ratio: auto;
color: var(--white);
letter-spacing: -2px;
font-family: Inter, sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 115%;
position: static;
}
.heading-extralarge.pricing {
font-size: 49px;
line-height: 1.2;
}
.heading-extralarge.text-align-center.white {
font-weight: 700;
}
.flexcolwrap {
flex-wrap: wrap;
display: flex;
}
.heading-large {
color: var(--white);
text-align: center;
letter-spacing: 0;
width: auto;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 1.25;
}
.heading-large.except {
width: auto;
}
.heading-large.enterprise {
flex: none;
}
.heading-large.enterprise.centred {
color: var(--black);
text-align: center;
flex: 0 auto;
font-size: 36px;
font-weight: 600;
}
.heading-large.centred {
text-align: center;
}
.heading-large.centred._80 {
width: 80%;
}
.heading-large.text {
color: var(--black);
-webkit-text-stroke-color: var(--white);
}
.heading-large.black {
color: var(--grey-900\);
font-family: Inter, sans-serif;
}
.heading-large.black.text-is-centered {
text-align: center;
}
.margin-bottom-48 {
margin-bottom: 48px;
}
.flex3col {
width: 33.333%;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
}
.flex3col.button {
padding-top: 20px;
}
.flex3col.button.dark {
color: #fff;
background-color: #0c1930;
}
.flex3col.textlinkcol {
padding-top: 19px;
}
.flex3col.full {
width: 100%;
}
.bottom-margin-28 {
margin-bottom: 28px;
}
.paragraph-medium {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.625;
text-decoration: none;
}
.flex2col {
width: 50%;
margin-bottom: 15px;
padding: 10px 15px;
}
.flex2col._2 {
width: 100%;
}
.margin-bottom-64 {
margin-bottom: 64px;
}
.nuterals {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.margin-bottom-16 {
margin-bottom: 16px;
}
.hidden-classes {
display: none;
}
.margin-bottom-80 {
margin-bottom: 80px;
}
.heading-extrasmall {
font-size: 24px;
font-weight: 300;
line-height: 1.41;
}
.margin-bottom-76 {
margin-bottom: 76px;
}
.margin-bottom-76.max-500.mx-auto {
margin-left: auto;
margin-right: auto;
}
.margin-bottom-88 {
margin-bottom: 88px;
}
.margin-bottom-92 {
margin-bottom: 92px;
}
.margin-bottom-44 {
margin-bottom: 44px;
}
.heading-xxs-h6 {
font-size: 20px;
font-weight: 300;
line-height: 1.5;
}
.stylename {
text-transform: uppercase;
border-top: 1px solid #d4d4d4;
border-bottom: 0 #d4d4d4;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: 600;
}
.margin-bottom-84 {
margin-bottom: 84px;
}
.margin-bottom-32 {
margin-bottom: 32px;
}
.heading-small {
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 160%;
}
.heading-small._w-full {
width: 100%;
}
.heading-small.white-text.bold-text {
color: var(--white);
-webkit-text-stroke-color: var(--white);
font-weight: 500;
}
.bottom-margin-4 {
margin-bottom: 4px;
}
.margin-bottom-12 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.margin-bottom-12.max-500.mx-auto {
margin-left: auto;
margin-right: auto;
}
.margin-bottom-12.pricing-category {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.margin-bottom-12.pricing-category.text-align-left {
justify-content: flex-start;
align-items: flex-start;
}
.margin-bottom-68 {
margin-bottom: 68px;
}
.page-wrapper-2 {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 50%;
position: relative;
}
.margin-bottom-24 {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px none var(--dark-grey);
border-radius: 5px;
flex-direction: column;
align-items: flex-start;
margin-bottom: 24px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
font-size: 14px;
display: block;
}
.margin-bottom-24.centred {
align-items: center;
}
.margin-bottom-24.text-is-centered.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
display: block;
}
.margin-bottom-24.webinar-border {
border-style: solid;
border-radius: 8px;
}
.colorbox {
background-color: #dcdcdd;
border-radius: 6px;
width: 100%;
height: 100px;
margin-right: 25px;
display: inline-block;
}
.colorbox.violet-red {
background-color: #d13291;
}
.colorbox.turqoise {
background-color: #b57aff;
}
.colorbox.dark-grey {
background-color: #4b5563;
}
.colorbox.pure-white {
background-color: #fff;
border: 1px solid #000;
}
.colorbox.black {
background-color: #000;
}
.colorbox.royal-blue {
background-color: #536dfb;
}
.colorbox.dark-slate-blue {
background-color: #29315c;
}
.margin-bottom-60 {
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.margin-bottom-60.max-500.mx-auto {
margin-left: auto;
margin-right: auto;
}
.margin-bottom-60.max-width-regular {
max-width: 30rem;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-72 {
margin-bottom: 72px;
}
.heading-medium {
letter-spacing: -.015em;
font-family: Inter, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.25;
}
.margin-bottom-20 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.margin-bottom-20.max-820 {
display: block;
}
.margin-bottom-96 {
margin-bottom: 96px;
}
.styletitle {
text-transform: uppercase;
border-bottom: 1px solid #d4d4d4;
margin: 20px 15px 30px;
font-size: 14px;
}
.paragraph-large {
color: var(--grey-800\);
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.text-span-9 {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637689a22f1c49d4b5128d03_Vector.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.max-680 {
max-width: 680px;
line-height: 28px;
}
.max-680.mx-auto {
margin-left: auto;
margin-right: auto;
}
.para-max-530 {
max-width: 620px;
}
.para-max-530.mx-auto {
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.para-lite {
color: #f2f2f2;
}
.hero-button-wrap {
justify-content: flex-start;
align-items: center;
margin-top: 0%;
margin-bottom: 160px;
display: flex;
position: relative;
}
.image-100 {
border-radius: 10px;
width: 100%;
font-size: 16px;
display: block;
}
.image-100.desktop-hid {
display: none;
}
.image-100.tab-mob-hid {
position: absolute;
top: 0;
}
.image-100.cover {
height: 200px;
}
.image-100._100-height {
width: auto;
height: 100%;
}
.image-100.fulll-cover {
object-fit: cover;
width: 100%;
}
.image-100.hero-pattern {
margin-top: 60px;
margin-bottom: 40px;
}
.image-100.hero-pattern._w-230 {
width: 230px;
}
.image-100.chevron, .image-100.chevron-up {
width: 100%;
}
.image-100.radius-medium {
border-radius: 16px;
}
.image-100.header-logo {
width: 80%;
display: block;
}
.image-100.grey-effect {
filter: invert(70%);
}
.hero-cta-creative-image-wrapper {
flex: 1;
display: none;
position: relative;
}
.video-wrapper {
aspect-ratio: auto;
border-radius: 20px;
justify-content: center;
width: 100%;
max-width: 1080px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
padding: 32px 0 0;
display: block;
position: relative;
}
.video-wrapper.hiddenn {
display: none;
}
.video-wrapper.lp-v-wrap {
margin-bottom: 24px;
}
.video-wrapper.aspect-video {
aspect-ratio: 16 / 9;
}
.video-wrapper.margin-top.margin-xxlarge.align-center {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-800) 37%, var(--grey--grey-800) 62%, var(--deep-pink));
}
.video-wrapper.padding-xsmall {
background-color: var(--card-bg-color);
background-color: #141414;
border-radius: 16px;
max-width: none;
height: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.video-wrapper.padding-xsmall.extra-padding {
padding: 2rem;
}
.video-wrapper.padding-xsmall.updated {
border-left-style: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.video-wrapper.minimise-margin {
margin-bottom: 0;
}
.video-wrapper.minimise-margin.margin-top.margin-large {
max-width: 1240px;
}
.video-wrapper.minimise-margin.margin-bottom.margin-large {
margin-bottom: 3rem;
}
.video-wrapper.minimise-margin.margin-bottom.margin-xlarge {
margin-bottom: 4rem;
}
.video-wrapper.minimise-margin.margin-bottom.margin-xhuge {
margin-bottom: 5rem;
}
.hero-badges-wrap {
grid-column-gap: 28px;
justify-content: center;
display: flex;
}
.hero-badges-wrap.lp-badge-wrap {
grid-column-gap: 22px;
max-width: 432px;
margin-left: auto;
margin-right: auto;
}
.hero-badges-wrap.align-left {
grid-row-gap: 9px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.hero-badge {
text-align: left;
background-color: #ffffff1a;
border-radius: 12px;
align-items: center;
width: 268px;
padding: 18px 20px;
display: flex;
}
.hero-badge.lp-badge {
padding: 13px 14px;
}
.badge-icon-wrap {
width: 24px;
margin-right: 12px;
}
.badge-icon-wrap.lpi {
width: 18px;
}
.badge-category {
text-transform: uppercase;
font-size: 10px;
line-height: 1.3;
}
.badge-category.lp {
font-size: 8px;
}
.product-text {
font-size: 14px;
font-weight: 600;
}
.product-text.lpt {
font-size: 11px;
}
.case-studies-section {
background-color: var(--white);
color: var(--black);
position: relative;
}
.case-studies-section.dark {
background-color: var(--black);
color: var(--white);
}
.gradient-bg {
z-index: 1;
opacity: .26;
filter: blur(50px);
background-image: linear-gradient(#30c1d1, #ff0 55%, #ff0064);
border-radius: 50%;
display: block;
position: absolute;
inset: 0%;
overflow: visible;
}
.gradient-bg.contact-us-gradient {
opacity: .12;
height: 90%;
position: absolute;
top: 6%;
left: 0%;
right: 0%;
}
.gradient-bg.enterprice {
background-image: linear-gradient(#30c1d1, #ff0 55%, #ff0064);
}
.gradient-bg.testimonials {
filter: blur(150px);
height: 70%;
top: 21%;
}
.case-studies-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.h2-max {
max-width: 750px;
}
.case-studies-track {
width: 100%;
display: flex;
overflow: auto;
}
.case-studies-list {
grid-column-gap: 60px;
display: flex;
}
.case-study-card {
color: var(--black);
text-align: left;
border-radius: 10px;
}
.case-studies-bottom {
background-color: var(--black);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
justify-content: space-between;
align-items: flex-end;
padding: 16px 32px 28px;
display: flex;
}
.cs-name {
color: var(--deep-pink);
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
line-height: 1.33333;
}
.cs-para-max {
max-width: 320px;
}
.case-studies-top {
display: flex;
position: relative;
}
.cs-image-wrap {
z-index: 2;
width: 40%;
position: relative;
}
.cs-content-absolute-wrap {
background-color: var(--white);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
align-items: flex-end;
padding-bottom: 46px;
padding-left: 45%;
padding-right: 16px;
display: flex;
position: absolute;
inset: 35% 0% 0%;
}
.cs-para {
color: var(--grey-900\);
max-width: 300px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 24px;
}
.absolute-creative-wrap {
justify-content: center;
height: 90px;
display: flex;
position: absolute;
inset: -45px 0% auto;
}
.home-tabs-section {
background-color: var(--black);
color: var(--white);
text-align: center;
}
.tabs-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.absolute-hero-gradient {
opacity: .2;
filter: blur(110px);
background-image: linear-gradient(135deg, #30c1d1, #ff0 51%, #ff0064);
border-radius: 50%;
width: 700px;
height: 700px;
display: none;
position: absolute;
inset: 100px -20% 0% auto;
}
.absolute-hero-gradient.centred {
margin-left: -350px;
inset: 0% 0% auto 50%;
}
.tabs-wrap {
width: 100%;
}
.tabs-menu {
grid-column-gap: 60px;
background-color: #333;
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/6376a003a6bc8f54033855e5_Arrow%201.svg"), url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/6376a003a6bc8f54033855e5_Arrow%201.svg"), url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/6376a003a6bc8f54033855e5_Arrow%201.svg");
background-position: 76%, 45%, 19%;
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: auto, auto, auto;
border-radius: 1000px;
justify-content: space-between;
max-width: 683px;
margin-bottom: 60px;
padding: 6px;
display: flex;
}
.tab-button {
color: #ccc;
text-transform: uppercase;
background-color: #0000;
border-radius: 1000px;
padding: 2px;
font-size: 18px;
font-weight: 600;
}
.tab-button.w--current {
color: var(--white);
background-color: #0000;
background-image: linear-gradient(135deg, #ff0064, #ff0 50%, #30c1d1);
line-height: 1.25;
}
.tab-link-text-wrap {
background-color: #333;
border-radius: 1000px;
width: 100%;
height: 100%;
padding: 14px 18px;
}
.tabs {
flex-direction: column;
align-items: center;
display: flex;
}
.tabs-content {
width: 100%;
}
.new-nav {
z-index: 10005;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: var(--white);
background-color: #0000;
background-image: linear-gradient(#000, #fff0);
padding-top: 0;
padding-bottom: 0;
position: sticky;
top: 0;
}
.new-nav.showcase {
background-color: #000;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.nav-linking {
color: var(--white);
padding-top: 10px;
padding-bottom: 10px;
}
.nav-linking:hover {
color: var(--grey--grey-300);
}
.nav-linking.w--current {
color: #fff;
}
.nav-linking.hide {
padding-top: 10px;
padding-bottom: 10px;
display: none;
}
.nav-linking.for-newhero {
color: #ffe0e8;
}
.nav-linking.gamer-nav-bar {
border: 1px solid var(--white);
color: var(--black);
background-color: #fff;
border-radius: 50px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
}
.tab-content-wrapper {
text-align: center;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
align-items: center;
display: flex;
overflow: visible;
}
.tab-content-image-wrapper {
border-radius: 8px;
width: 100%;
max-width: 600px;
margin-bottom: 40px;
position: relative;
}
.tab-image-side-creative {
flex-direction: column;
justify-content: center;
width: 2.5vw;
display: flex;
position: absolute;
inset: 0% -2.9vw 0% auto;
}
.tab-para-max {
max-width: 682px;
margin-bottom: 24px;
}
.tabs-card-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: 100%;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
justify-content: space-between;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0%;
padding-right: 0%;
display: grid;
}
.tab-card {
text-align: left;
background-color: #3336;
border-style: solid;
border-color: #333;
border-radius: 12px;
width: auto;
padding: 20px;
}
.tab-card-top {
align-items: center;
margin-bottom: 12px;
display: block;
}
.tab-card-icon-wrap {
justify-content: center;
align-items: center;
width: 25px;
margin-right: 12px;
display: none;
}
.html-embed-2 {
display: none;
}
.tab-card-title {
text-transform: capitalize;
font-weight: 600;
line-height: 1.25;
}
.new-cta-section {
background-color: var(--black);
color: var(--white);
text-align: center;
}
.new-cta-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.cta-left {
align-items: flex-start;
width: 35%;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.cta-right {
align-items: center;
width: 35%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.cta-middle {
width: 25%;
min-width: 312px;
}
.cta-middle.centre-alligned {
flex-direction: column;
align-items: center;
display: flex;
}
.cta-middle.zooom {
width: 80%;
min-width: auto;
}
.cta-title {
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 60px;
}
.logo-wrap {
max-width: 312px;
}
.cta-bottom-text {
font-size: 16px;
}
.cta-bottom-text.home-hero {
color: #c7c7c7;
font-size: 16px;
}
.contact-us-section {
background-color: var(--black);
color: var(--black);
margin-top: 0;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.contact-us-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
}
.contact-form-block {
background-image: linear-gradient(135deg, #ff0064, #ff0 50%, #30c1d1);
border-radius: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-width: auto;
max-width: 746px;
padding: 2px;
display: flex;
}
.contact-form-block.la {
text-align: left;
}
.contact-form {
background-color: #fff;
border-radius: 24px;
flex-direction: column;
align-items: center;
width: 100%;
padding: 8% 10%;
display: block;
}
.contact-field-label {
color: #666;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.contact-us-field {
background-color: var(--white);
color: #000;
border: 0 solid #000;
border-bottom: 1.5px solid #333;
padding-bottom: 27px;
padding-left: 0;
font-size: 14px;
}
.contact-us-field:active {
color: var(--black);
}
.contact-us-field:focus {
color: #000;
}
.contact-us-field::placeholder {
color: #666;
}
.contact-us-field.msg {
width: 100%;
height: 100px;
}
.contact-us-field.no-padding {
padding-bottom: 0;
}
.contact-field-block {
width: 100%;
margin-bottom: 25px;
}
.button-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.footer-section {
background-color: var(--black);
color: var(--white);
position: relative;
}
.footer-section.more-spacing {
background-color: var(--black-bg);
margin-top: 36px;
position: relative;
}
.footer-top-creative {
z-index: 1;
position: absolute;
inset: 17% 0% auto;
}
.footer-creative-image-wrap {
margin-top: -11.3%;
}
.footer-creative-image-wrap.noselect {
margin-top: -24%;
}
.new-footer-wrapper {
justify-content: space-between;
display: flex;
}
.new-footer-wrapper.new-update {
justify-content: space-between;
}
.footer-right {
justify-content: space-between;
width: 100%;
display: flex;
}
.footer-logo-wrap {
width: 160px;
margin-bottom: 0;
}
.footer-social-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-bottom: 0;
display: flex;
}
.footer-social-link {
justify-content: center;
align-items: center;
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
display: flex;
}
.embed-flex {
opacity: .75;
mix-blend-mode: luminosity;
justify-content: center;
align-items: center;
display: flex;
}
.footer-form-title {
font-size: 12px;
font-weight: 600;
}
.footer-field-block {
width: 307px;
height: 40px;
margin-top: 10px;
position: relative;
}
.footer-field {
color: #fff;
background-color: #222;
border: 1px solid #666;
border-radius: 1000px;
height: 40px;
margin-bottom: 0;
}
.footer-submit-button {
background-color: var(--white);
color: var(--black);
border-radius: 100px;
height: 32px;
font-size: 12px;
font-weight: 600;
line-height: 1;
position: absolute;
inset: 4px 6px 0% auto;
}
.footer-column.hide {
display: none;
}
.footer-link-title {
color: #959595;
margin-bottom: 20px;
font-size: 14px;
}
.footer-link-title._0-opacity {
opacity: 0;
}
.footer-link-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-direction: column;
display: flex;
}
.new-footer-link {
color: #ccc;
font-size: 14px;
line-height: 1.28571;
text-decoration: none;
}
.new-footer-link:hover {
color: var(--gainsboro);
}
.new-footer-link.w--current {
display: none;
}
.pricing-hero-section {
text-align: center;
background-image: linear-gradient(125deg, #ff338340, #000 14% 58%, #3773ccb3);
}
.new-pricing-hero-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.pricing-h1-max {
max-width: 791px;
margin-left: auto;
margin-right: auto;
}
.pricing-hero-cta-wrapper {
grid-column-gap: 20px;
justify-content: center;
margin-bottom: 44px;
display: flex;
}
.pricing-hero-creative-wrap {
max-width: 978px;
}
.pricing-card-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
margin-top: 50px;
display: flex;
}
.pricing-card-wrap.top-100 {
margin-top: 100px;
}
.pricing-card-wrap.new-spacing {
margin-top: 0;
padding-top: 40px;
}
.pricing-cards-grid {
grid-column-gap: 3%;
justify-content: space-between;
width: 100%;
display: flex;
}
.pricing-cards-grid._5-col {
grid-column-gap: 20px;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
}
.pricing-cards-grid._5-col.update {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.pricing-cards-grid._5-col.update.new-pricing-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.pricing-cards-grid._5-col.new-pricing-grid {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.new-pricing-card-wrap {
background-color: #333;
border-radius: 16px;
width: 32%;
padding: 2px;
transition: all .3s;
}
.new-pricing-card-wrap:hover {
background-image: linear-gradient(135deg, #ff0064, #ff0 50%, #30c1d1);
}
.new-pricing-card-wrap.free:hover {
background-image: linear-gradient(135deg, #0086ff, #ff0064 100%, #ff0064);
}
.new-pricing-card-wrap.pro:hover {
background-image: linear-gradient(135deg, #0086ff, #ff0 100%, #ff0);
}
.new-pricing-card-wrap.free-new:hover {
background-image: linear-gradient(135deg, #c3ccff, #ffd6e7 100%, #ffd6e7);
}
.new-pricing-card-wrap.basic-new:hover {
background-image: linear-gradient(135deg, #f9c7b6, #fcfbac 100%, #fcfbac);
}
.new-pricing-card-wrap.basic-new.new-pricing-card-border {
background-color: var(--grey--grey-900);
width: 100%;
max-width: 398px;
height: 100%;
padding: 1px;
}
.new-pricing-card-wrap.basic-new.new-pricing-card-border:hover {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--black) 51%, var(--deep-pink));
}
.new-pricing-card-wrap.basic-new.new-pricing-card-border.hide {
display: none;
}
.new-pricing-card-wrap.basic-new.best-value-border {
background-color: var(--deep-pink);
padding: 1px;
position: relative;
}
.new-pricing-card-wrap.basic-new.best-value-border:hover {
background-image: none;
}
.new-pricing-card-wrap.basic-new.best-value-border.pricinggroup1 {
width: 100%;
max-width: 398px;
}
.new-pricing-card-wrap.basic-new.best-value-border.pricinggroup1.update-pricing {
height: 100%;
}
.new-pricing-card-wrap.basic-new.best-value-border.pricinggroup3 {
width: 100%;
max-width: 398px;
height: 100%;
}
.new-pricing-card {
background-color: #1d1d1d;
border-radius: 16px;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 48px;
display: flex;
}
.new-pricing-card.free-c {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637a33e6707d7405702abca4_Vector.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card.basic-c {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637a33e68d9ddae8bee2250e_Vector%20(1).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card.pro-c {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637a33e6ceb5f756bc83bb8e_Vector%20(2).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card._5-cc {
padding: 32px 20px;
}
.new-pricing-card._5-cc.fr {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63ef4b6805285ff1b5d66c36_Vector%20(14).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card._5-cc.bc {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63ef4b52b6792e16b57e786e_Vector%20(13).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card._5-cc.bc.new-card {
background-color: var(--card-bg-color);
background-image: none;
background-repeat: repeat;
background-size: auto;
max-width: 398px;
}
.new-pricing-card._5-cc.bc.new-card.best-value-card {
justify-content: space-between;
align-items: center;
padding-top: 32px;
}
.new-pricing-card._5-cc.pr {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63ef4b39a31e9893c5a32fa7_Vector%20(12).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card._5-cc.prp {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63ef4b135e809916325840bb_Vector%20(11).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.new-pricing-card._5-cc.ent {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63ef4afd4a19e521c99e6d27_Vector%20(10).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
}
.price-category {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #7b8deb, #fa0468);
-webkit-background-clip: text;
background-clip: text;
font-size: 18px;
font-weight: 600;
line-height: 2;
}
.price-category.basic {
background-image: linear-gradient(90deg, #ff6d3a, #fffc02);
font-size: 18px;
}
.price-category.pro {
background-image: linear-gradient(90deg, #55aeab, #dff021);
font-size: 16px;
}
.price-category.basic-new {
background-image: linear-gradient(to right, #f9c7b6, #fcfbac);
}
.price-category.free-new {
background-image: linear-gradient(to right, #c3ccff, #ffd6e7);
}
.pricing-top {
flex-direction: column;
align-items: center;
display: flex;
}
.pricing-top.align-left {
justify-content: flex-start;
align-items: flex-start;
}
.pricing-top.margin-top.margin-xxsmall {
width: 100%;
}
.price {
font-size: 32px;
font-weight: 700;
line-height: 1.25;
}
.price.update {
color: var(--grey--grey-300);
}
.price-card-feature {
color: #d0d0d0;
margin-bottom: 18px;
font-size: 13px;
line-height: 1.25;
}
.price-card-feature.no-bottom {
margin-bottom: 0;
}
.pricing-bottom {
flex-direction: column;
align-items: center;
display: flex;
}
.pricing-bottom.align-left {
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
width: 100%;
}
.pricing-points-grid {
grid-row-gap: 24px;
flex-direction: column;
width: 100%;
margin-bottom: 35px;
display: flex;
}
.pricing-points-grid.text-align-left {
margin-bottom: 0;
}
.pricing-point-flex {
text-align: left;
align-items: flex-start;
max-width: 100%;
display: flex;
}
.pricing-point-icon {
justify-content: center;
align-items: center;
width: 24px;
min-width: 24px;
margin-right: 8px;
display: flex;
}
.pricing-point {
color: var(--grey--grey-300);
font-size: 14px;
font-weight: 400;
line-height: 1.3;
}
.pricing-period-span {
font-size: 20px;
}
.pricing-period-span.non-bold {
font-weight: 400;
}
.enterprise-section {
background-color: var(--white);
color: var(--black);
text-align: center;
position: relative;
}
.enterprise-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.ep-left {
width: 25%;
display: none;
}
.ep-mid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: auto;
display: flex;
}
.ep-right {
width: 25%;
margin-top: 0;
display: none;
}
.link-span {
color: var(--deep-pink);
font-weight: 400;
text-decoration: none;
}
.link-span.ud {
text-decoration: underline;
}
.pricing-compare-section {
text-align: center;
}
.pricing-compare-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
display: flex;
}
.pricing-compare-wrapper.new-spacing {
align-items: stretch;
padding-top: 0;
}
.pricing-compare-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.pricing-compare-grid._5-col {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom: 49px;
}
.blank {
height: 10px;
}
.compare-box {
background-color: #222;
border-radius: 5px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 18px 20px;
display: flex;
}
.compare-box.tagss.free {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637a3906a69b509b6ff82a14_Vector%20(3).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
align-items: stretch;
width: 100%;
}
.compare-box.tagss.basic {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637a3906cf7e151644f1c3ee_Vector%20(4).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
align-items: stretch;
width: 100%;
}
.compare-box.tagss.pro {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/637a39062913f93440410b85_Vector%20(5).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
align-items: stretch;
width: 100%;
}
.compare-box.tagss.free-copy {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63f34d326b5db10e55ab2ed9_Vector%20(15).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
align-items: stretch;
width: 100%;
}
.compare-box.tagss.basic-copy {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/63f34d53452f6e3902fc5062_Vector%20(16).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
align-items: stretch;
width: 100%;
}
.compare-box.compare-title {
background-image: linear-gradient(135deg, #ff0064, #ff0 50%, #30c1d1);
justify-content: center;
align-items: stretch;
width: 100%;
padding: 1px;
}
.compare-box.comparison-point {
text-align: center;
align-items: center;
}
.plan-compare-price-wrap {
background-color: #111;
border-radius: 5px;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
padding: 7px;
display: flex;
}
.compare-price {
margin-bottom: 7px;
padding-top: 5px;
font-size: 18px;
font-weight: 600;
line-height: 1.25;
}
.compare-price-period-span {
font-size: 12px;
}
.compare-title-dark-bg {
background-color: #111;
border-radius: 5px;
width: 100%;
height: 100%;
overflow: hidden;
}
.compare-gradient-wrap {
text-align: left;
text-transform: uppercase;
background-image: linear-gradient(135deg, #ff006433, #ff03 50%, #30c1d133);
align-items: center;
width: 100%;
height: 100%;
padding: 18px 24px;
font-size: 18px;
line-height: 1.3;
display: flex;
overflow: visible;
}
.white-cta-section {
background-color: var(--white);
color: var(--black);
text-align: center;
position: relative;
}
.white-cta-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.solution-hero-section {
text-align: center;
position: relative;
overflow: hidden;
}
.solution-hero-wrap {
flex-direction: column;
align-items: center;
display: flex;
}
.solution-hero-wrap.no-60-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.solution-logo {
width: 370px;
}
.solution-logo._w-260 {
width: 260px;
}
.solution-subtext {
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
.solution-hero-para-max {
color: #c5c2c2;
max-width: 720px;
}
.video-absolute-element {
display: none;
position: absolute;
inset: 0% 0% auto auto;
}
.partners-section {
background-color: var(--white);
color: var(--black);
position: relative;
overflow: hidden;
}
.partners-section.bg-transparent {
background-color: #0000;
overflow: hidden;
}
.partners-section.bg-transparent.soft-bg {
background-color: var(--black);
background-image: radial-gradient(circle farthest-corner at 50% 50%, #131313, var(--black) 46%, var(--black));
}
.partners-section.logo-container {
background-color: var(--black);
}
.partners-logo-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1124px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.partners-logo {
justify-content: center;
align-items: center;
height: 65px;
min-height: 65px;
display: flex;
}
.splide {
width: 100%;
position: relative;
}
.splide.slider1.pill {
padding-right: 14em;
}
.splide__list {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.splide__slide {
flex: none;
width: 50%;
}
.splide__track {
width: 100%;
}
.splide__arrows {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.splide__arrows.is--mobile-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
margin-top: 40px;
display: flex;
}
.showcase-h1-wrap {
max-width: 65%;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.showcase-h1-ab-left {
width: 60%;
position: absolute;
inset: -46% auto 0% -66%;
}
.showcase-h1-ab-right {
width: 60%;
position: absolute;
inset: -31% -69% 0% auto;
}
.showcase-hero-para-max {
max-width: 900px;
}
.about-h1-flex {
text-align: center;
justify-content: center;
max-width: 700px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.about-h1-left {
position: absolute;
inset: 0% auto 0% -50%;
}
.about-h1-right {
position: absolute;
inset: 0% -51% 0% auto;
}
.about-para {
color: #ccc;
max-width: 1057px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 1.5;
}
.about-image-wrap {
max-width: 1057px;
margin-left: auto;
margin-right: auto;
display: none;
}
.nav-menu {
z-index: 0;
justify-content: space-between;
align-items: center;
width: 97%;
margin-top: 0;
padding-top: 0;
padding-right: 0;
display: flex;
position: absolute;
}
.footer-bottom-strip {
background-color: #111;
padding-top: 0;
padding-bottom: 0;
}
.footer-stripe-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-stripe-text {
color: #9a9a9a;
font-size: 12px;
text-decoration: none;
}
.terms-link-wrapper {
grid-column-gap: 35px;
align-items: center;
display: flex;
}
.about-hero-section {
position: relative;
}
.tab-cards-track {
width: 100%;
max-width: 1085px;
display: flex;
overflow: auto;
}
.nav-dropdown-list {
display: none;
}
.nav-dropdown-list.w--open {
background-image: linear-gradient(135deg, #ff0064, #ff0 50%, #30c1d1);
border-radius: 10px;
width: 30vw;
padding: 2px;
left: -105%;
}
.nav-drop-link-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #111;
border-radius: 10px;
justify-content: space-between;
padding: 40px;
display: flex;
}
.nav-dropdown-link {
color: var(--grey-200);
font-size: 14px;
line-height: 1.28571;
text-decoration: none;
}
.nav-dropdown-link:hover {
color: var(--white);
}
.nav-dropdown-link.w--current {
display: none;
}
.nav-dropdown-link-title {
color: #666;
margin-bottom: 20px;
font-size: 14px;
}
.nav-links-wrapper {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.new-nav-brand {
max-width: 200px;
}
.new-nav-brand.w--current {
z-index: 99;
display: block;
}
.new-nav-brand.hide.w--current {
z-index: 2;
display: block;
}
.home-hero-cta-wrap {
text-align: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-hero-cta-wrap.top-40 {
margin-top: 40px;
}
.home-hero-cta-wrap.mx-auto {
margin-left: auto;
margin-right: auto;
}
.testimonial-bottom-para {
max-width: 1075px;
margin-top: 154px;
}
.mobile-graph-wrap {
display: none;
}
.footer-success-state {
color: var(--deep-pink);
background-color: #0000;
padding-left: 0;
padding-right: 0;
}
.image-101 {
margin-bottom: 30px;
}
.select-field-2 {
color: #000;
}
.splide__arrow {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/638f7205e41aba80212f9481_Vector%20415%20(Stroke)%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30%;
border: 1px solid #000;
border-radius: 50%;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
transition: background-color .2s;
}
.splide__arrow:hover {
background-color: var(--deep-pink);
}
.splide__arrow.splide__arrow--next {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/638f7205cc57e590fb2816d8_Vector%20415%20(Stroke).svg");
}
.landing-hero-flex {
grid-column-gap: 40px;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 172px;
display: flex;
}
.hero-landing-left {
flex-direction: column;
align-items: flex-start;
width: 54%;
display: flex;
}
.hero-landing-right {
width: 48%;
}
.landing-hero-creative-wrapper {
align-items: center;
margin-bottom: 32px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.landing-creative-image-wrap {
width: 60%;
}
.streched-line {
background-image: linear-gradient(to right, #ff0, #ff00);
flex: 1;
height: 1px;
margin-left: -20%;
}
.pricing-st {
color: var(--grey-200);
font-size: 13px;
}
.white-text {
color: var(--white);
}
.blog-para {
color: #424242;
font-size: 14px;
line-height: 160%;
}
.paragraph {
color: #a3a3a3;
text-align: center;
font-size: 16px;
}
.paragraph-2, .paragraph-3 {
color: #c5c2c2;
}
.section_feat-hero {
text-align: center;
background-image: linear-gradient(125deg, #ff338340, #000 15% 63%, #3773cccc);
}
.hero-section-wrap {
flex-direction: column;
align-items: center;
display: flex;
}
.max-820 {
color: var(--grey-200);
max-width: 800px;
font-size: 14px;
}
.max-820.mx-auto {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.max-820.margin-top-80 {
margin-top: 80px;
}
.max-820.grey-800 {
color: var(--grey-800\);
}
.is-semibold {
font-size: 20px;
font-weight: 600;
}
.color-yellow {
color: #ff0;
font-size: 20px;
}
.feature-tag {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px solid var(--deep-pink);
text-transform: uppercase;
background-color: #ff006426;
border-radius: 20px;
justify-content: center;
align-items: center;
padding: .25rem 1rem;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
display: flex;
}
.feature-tag.solution-tag-wrap {
background-color: #0000;
border-style: none;
border-radius: 40px;
}
.text-bababa {
color: #bababa;
}
.feature-video-author-flex {
grid-column-gap: 32px;
grid-row-gap: 16px;
text-align: left;
background-color: #ffffff14;
border-radius: 12px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 656px;
padding: 16px 24px;
display: flex;
}
.feature-video-author-flex.margin-top.margin-xlarge {
border-style: none;
margin-top: 4rem;
}
.feature-video-author-flex.extension-testimonial-wrapper.margin-top.margin-xlarge {
border-width: .5px;
border-color: var(--grey--grey-800);
flex-flow: column;
max-width: 1160px;
margin-top: 4rem;
}
.feat-author-profile {
border-radius: 50%;
flex-flow: row;
align-items: center;
width: 100px;
min-width: 100px;
height: 100px;
min-height: auto;
display: flex;
overflow: hidden;
}
.feature-author-text-wrap {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.video-title {
color: var(--grey-200);
font-family: Georgia, Times, Times New Roman, serif;
font-size: 20px;
font-style: italic;
font-weight: 400;
line-height: 160%;
}
.text-a3a3a3 {
color: #a3a3a3;
width: 80%;
}
.logos-section-wrap {
text-align: center;
width: 100%;
max-width: none;
}
.h2-32px {
color: var(--white);
letter-spacing: -.5px;
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 1.25;
}
.h2-32px.sora {
color: var(--grey-900\);
font-family: Inter, sans-serif;
}
.h2-32px.max-950 {
font-size: 36px;
}
.h2-32px.margin-bottom-16 {
color: var(--white);
}
.h2-32px.grey-900 {
color: var(--grey-900\);
}
.h2-32px.max-680.mx-auto, .h2-32px.text-is-centered.para-max-530.mx-auto.margin-top-20 {
line-height: 1.45;
}
.magic-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.text-cccccc {
color: var(--grey-200);
white-space: normal;
}
.div-block-8 {
max-width: 400px;
}
.magic-image-wrap {
display: block;
}
.magic-image-wrap.mob {
display: none;
}
.max-900 {
max-width: 900px;
}
.max-950 {
max-width: 950px;
font-size: 14px;
}
.section-feat-meeting {
text-align: center;
}
.meeting-section-wrap {
flex-direction: column;
align-items: center;
display: flex;
}
.meeting-image-wrap {
width: 100%;
}
.meeting-image-wrap.mob {
display: none;
}
.mm-steps-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.mm-step-flex {
grid-column-gap: 36px;
justify-content: center;
width: auto;
max-width: 1232px;
display: flex;
position: relative;
}
.mm-step-flex.two-step-flex {
flex-flow: row;
justify-content: center;
align-items: stretch;
max-width: 750px;
display: flex;
}
.mm-step-flex.one-step-flex {
max-width: 375px;
}
.mm-step-card {
z-index: 2;
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
text-align: left;
border-radius: 16px;
width: 100%;
padding: 32px;
position: relative;
}
.para-18 {
color: var(--grey-200);
font-family: Inter, sans-serif;
font-size: 18px;
line-height: 28px;
}
.para-18.grey-800 {
color: var(--grey-800\);
}
.blue-color {
color: #30c1d1;
}
.steps-line {
background-image: linear-gradient(110deg, #ff0, #ff00e5 50%, #44d2ff);
width: 100%;
height: 6px;
padding-left: 0%;
padding-right: 0%;
position: absolute;
inset: 48px 0% auto;
}
.section_feat-flex {
text-align: center;
position: relative;
}
.ticker-wrap {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1110px;
margin-bottom: 200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.ticker-flex {
grid-column-gap: 12px;
align-items: center;
display: flex;
}
.ticker {
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
}
.feat-flex-wrap {
grid-row-gap: 240px;
flex-flow: column;
align-items: stretch;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.feat-flex-wrap.margin-bottom-100 {
grid-row-gap: 180px;
}
.feat-flex-wrap.margin-top.margin-xlarge {
margin-top: 5rem;
}
.feat-flex-wrap.margin-top.margin-xhuge.bg-flex-wrapper {
grid-row-gap: 180px;
}
.feat-flex-wrap.margin-top.margin-xhuge.radial-bg {
background-image: radial-gradient(circle farthest-corner at 50% 50%, #002e57, var(--black) 56%);
}
.feat-flex {
clear: none;
grid-column-gap: 120px;
grid-row-gap: 120px;
text-align: left;
flex: 0 auto;
order: 0;
justify-content: space-between;
align-self: auto;
align-items: center;
max-width: 1280px;
display: flex;
position: static;
overflow: visible;
}
.feat-flex.reverse {
flex-direction: row-reverse;
}
.feat-flex.in-row {
flex-flow: row;
}
.feat-flex.bg-flex-container {
grid-column-gap: 80px;
grid-row-gap: 80px;
border: 1px solid var(--grey--grey-800);
background-color: var(--transparent55);
border-radius: 16px;
padding: 64px 32px;
}
.feat-flex.bg-flex-container.radial-bg {
background-image: radial-gradient(circle farthest-corner at 100% 100%, #00427e, var(--black) 39%);
}
.feat-left {
flex-flow: column;
align-items: flex-start;
width: 40%;
max-width: none;
display: flex;
}
.feat-title {
font-size: 36px;
font-weight: 600;
line-height: 1.3;
display: block;
}
.feat-title.pink-highlight {
font-family: Inter, sans-serif;
font-size: 32px;
}
.feat-title.color-yellow {
font-family: Inter, sans-serif;
font-size: 32px;
line-height: 1.4;
}
.feat-title.blue-color {
font-family: Inter, sans-serif;
font-size: 32px;
}
.feat-right {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 38%, var(--grey--grey-900) 68%, var(--deep-pink));
border-radius: 16px;
flex: 0 auto;
width: 45%;
max-width: none;
margin-right: 0;
padding: 1px;
overflow: hidden;
}
.feat-right.p-left {
flex: 0 auto;
width: 60%;
margin-left: 0;
margin-right: 0;
}
.feat-right.p-left.icebreaker-image {
width: 90%;
}
.feat-image-wrap {
background-color: var(--card-bg-color);
object-fit: fill;
border-radius: 16px;
width: 100%;
max-width: none;
height: 100%;
padding: 12px;
position: static;
overflow: hidden;
}
.feat-image-wrap.feat-video-width {
width: 100%;
height: 400px;
}
.feat-image-wrap.padding-small, .feat-image-wrap.padding-xsmall, .feat-image-wrap.padding-xxsmall {
background-color: var(--card-bg-color);
}
.section_feat-marquee {
text-align: center;
overflow: hidden;
}
.marquee-track {
display: none;
}
.marquee-track.t-rgt {
justify-content: flex-end;
}
.marquee-track.t-lgt {
margin-bottom: 24px;
display: none;
}
.marquee-list {
align-items: center;
display: flex;
}
.marquee-list.rgt {
justify-content: flex-end;
}
.marquee-card {
color: var(--white);
text-align: left;
background-color: #3336;
border: 1px solid #333;
border-radius: 12px;
width: 234px;
padding: 20px;
text-decoration: none;
}
.marquee-card:hover {
border-width: 1px;
border-color: var(--deep-pink);
}
.marquee-card.rgt-c {
margin-left: 32px;
margin-right: 0;
}
.marquee-card.rgt-c.ee {
width: 270px;
}
.marquee-card.rgt-c.qq {
width: 250px;
}
.marquee-card.tt {
width: 280px;
}
.marquee-card.link-span {
border-color: var(--grey--grey-900);
background-color: var(--card-bg-color);
}
.marquee-card.link-span:hover {
border-color: var(--deep-pink);
}
.marquee-card.link-features {
border-width: 1px;
}
.marquee-card.link-features:hover {
border-color: var(--deep-pink);
}
.marquee-card.link-features {
color: #fff;
text-decoration: none;
}
.max-200 {
max-width: 200px;
}
.mm-tag-icon {
width: 38px;
display: block;
}
.feat-sub {
color: var(--combine-library-warning-400);
margin-top: 0;
margin-bottom: 0;
padding-bottom: 15px;
font-size: 18px;
font-weight: 400;
line-height: 1.357;
}
.feat-sub.grey-200 {
color: var(--grey-200);
font-size: 19.3px;
}
.feat-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.pagination_page-design {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
margin-left: 8px;
margin-right: 8px;
display: grid;
}
.next {
color: var(--white);
background-color: #0000;
border-style: none;
margin-left: 0;
margin-right: 0;
padding-left: 8px;
padding-right: 8px;
}
.pagination {
margin-top: 60px;
}
.blog-section-wrap {
width: auto;
max-width: 1248px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.blog-filter-bar {
background-color: #222;
border-radius: 10px;
justify-content: space-between;
align-items: center;
width: 100%;
height: 64px;
margin-bottom: 52px;
margin-left: auto;
margin-right: auto;
padding: 12px 24px;
display: flex;
box-shadow: 0 1px 8px #0000001a;
}
.page-dots {
color: var(--white);
background-color: #333;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 44px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
display: flex;
}
.page-dots.is-dots:hover {
background-color: #0000;
}
.page-dots.is-active {
background-color: var(--deep-pink);
color: var(--white);
}
.filter-option {
color: var(--grey--grey-50);
padding: 14px 21px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.filter-option:hover {
background-color: var(--grey--grey-800);
border-radius: 7px;
}
.reset-link {
grid-column-gap: 12px;
color: var(--deep-pink);
align-items: center;
padding: 14px 10px;
text-decoration: none;
display: flex;
}
.reset-link:hover {
background-color: var(--grey--grey-800);
border-radius: 7px;
}
.cross-icon {
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
}
.filter-text {
color: var(--black);
}
.cms-select, .categories-cms {
display: none;
}
.html-embed-3, .html-embed-4, .html-embed-5, .html-embed-6, .html-embed-7, .html-embed-8, .html-embed-9, .html-embed-10, .html-embed-11 {
display: flex;
}
.marquee-card-2 {
color: #fff;
text-align: left;
background-color: #3336;
border: 2px solid #333;
border-radius: 12px;
width: 234px;
padding: 20px;
text-decoration: none;
}
.html-embed-12 {
display: flex;
}
.background-video {
overflow: hidden;
}
.hero-video-copy {
border-radius: 12px;
margin-left: 0;
padding-left: 0;
left: auto;
overflow: hidden;
transform: translate(0);
}
.featured-video {
object-fit: fill;
border-radius: 20px;
width: auto;
max-width: none;
height: auto;
max-height: none;
display: block;
position: static;
overflow: hidden;
transform: translate(0);
}
.new-video-copy {
object-fit: fill;
border-radius: 20px;
width: 100%;
max-width: 100%;
display: inline-block;
position: static;
overflow: hidden;
transform: translate(0);
}
.image-102 {
float: left;
clear: left;
position: absolute;
}
.feat-video {
z-index: 999;
aspect-ratio: 16 / 9;
border-radius: 10px;
width: 100%;
height: auto;
padding-top: 0;
padding-left: 0;
position: relative;
overflow: hidden;
}
.feat-video.slido-video {
aspect-ratio: 15 / 9;
border-radius: 8px;
}
.feat-video.slido-video.netflix-ratio {
aspect-ratio: 2;
}
.feat-video.slido-video.netflix-ratio.landscape {
aspect-ratio: 16 / 9;
}
.feat-video.slido-video.netflix-ratio.bg-video {
aspect-ratio: 2.39;
}
.feat-video.slido-video.custom {
aspect-ratio: 17 / 9;
}
.feat-video.slido-video.homepage-videos {
box-sizing: border-box;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.feat-video.slido-video.homepage-videos.margin-top.margin-xxlarge.creator-video, .feat-video.slido-video.homepage-videos.creator {
aspect-ratio: 2.39;
}
.feat-video.slido-video.homepage-videos.creator.customer-video {
aspect-ratio: 3 / 2;
height: 100%;
}
.background-video-2 {
z-index: 999;
object-fit: fill;
}
.background-video-2.feat-video {
z-index: 999;
width: auto;
height: 400px;
}
.html-embed-13 {
width: 100%;
height: 100%;
}
.text-block-4, .text-block-5, .text-block-6, .text-block-7 {
font-size: 12px;
}
.ap-hero-sectionwrap {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: space-between;
align-items: center;
display: flex;
}
.ap-hero-left {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
display: flex;
}
.ap-hero-right {
width: 50%;
}
.section_ap-whyap {
text-align: center;
}
.why-ap-section-wrap {
flex-direction: column;
align-items: center;
display: flex;
}
.why-ap-flex {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.why-ap-card {
flex-direction: column;
align-items: center;
width: 30%;
max-width: 350px;
display: flex;
}
.why-ap-icon {
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
}
.who-section-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.who-card {
color: var(--black);
text-align: left;
border: 1px solid #313131;
border-radius: 12px;
flex-direction: column-reverse;
display: flex;
overflow: hidden;
}
.who-card-strip {
background-color: var(--deep-pink);
width: 100%;
height: 4px;
}
.who-card-strip._2 {
background-color: #ff0;
}
.who-card-strip._3 {
background-color: #30c1d1;
}
.who-card-strip._4 {
background-color: #9667fb;
}
.who-card-strip._5 {
background-color: #f77c60;
}
.who-card-strip._6 {
background-color: #29ff7e;
}
.who-card-content {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
}
.who-card-content-wrap {
color: var(--white);
background-color: #0f0f0f;
flex: 1;
padding: 20px;
}
.ap-user-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.section_ap-faq {
text-align: center;
margin-bottom: 220px;
}
.section_ap-faq.new-faq {
object-fit: fill;
margin-bottom: 0;
overflow: hidden;
}
.section_ap-faq.new-faq.relative {
position: relative;
overflow: hidden;
}
.faq-section-wrap {
flex-direction: column;
align-items: center;
display: flex;
}
.faq-section-wrap.black-theme.margin-top.margin-xlarge {
margin-top: 4rem;
}
.faq-grid {
grid-column-gap: 16px;
grid-row-gap: 20px;
color: var(--black);
text-align: left;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
width: 100%;
max-width: 900px;
display: flex;
}
.faq {
cursor: pointer;
border: .1px solid #000;
padding: 20px;
}
.faq.faq-new-card {
border-color: var(--grey--grey-800);
background-color: var(--card-bg-color);
cursor: default;
border-radius: 12px;
}
.faq-question-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.question {
font-size: 20px;
font-weight: 600;
line-height: 1.2;
}
.question.white {
color: var(--grey--grey-50);
font-weight: 500;
}
.faq-arrow {
justify-content: center;
align-items: center;
width: 26px;
min-width: 20px;
display: flex;
}
.faq-answer-wrap {
overflow: hidden;
}
.answer-parent {
flex-flow: wrap;
padding-top: 20px;
display: flex;
}
.faq-answer {
color: var(--black);
font-weight: 200;
}
.faq-answer.white {
color: var(--grey--grey-200);
}
.faq-answer.white.text-size-regular {
color: var(--grey--grey-300);
white-space: normal;
overflow-wrap: normal;
font-weight: 400;
display: block;
}
.section_mk-hero {
background-color: var(--deep-pink);
}
.mk-hero-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 120px;
margin-bottom: 120px;
display: flex;
}
.logo-guidlines-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 1px;
display: flex;
}
.text-link {
color: var(--deep-pink);
font-weight: 600;
text-decoration: none;
}
.text-link:hover {
text-decoration: underline;
}
.logos-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template: "Area"
/ 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 800px;
margin-bottom: 40px;
display: grid;
}
.logos-card {
background-color: var(--white);
}
.cs-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.cs-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1008px;
display: grid;
}
.cs-card {
background-color: #ff0064;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 149px;
height: 149px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.cs-card.blue {
background-color: #0184fd;
}
.cs-card.yellow {
background-color: #ff0;
}
.cs-card.whitesmoke {
background-color: var(--white-smoke);
}
.cs-card.white {
color: var(--grey--grey-300);
background-color: #fff;
}
.cs-card.white.grey {
background-color: var(--grey--grey-300);
}
.cs-card.bg-color-gradient.stroke {
border: 1px solid var(--grey--grey-800);
}
.screenshot-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.screenshots-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 24px;
display: grid;
}
.innovation-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.innovation-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.innovation-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-color: #161616;
border-radius: 8px;
flex-direction: column;
flex: 1;
padding: 16px;
display: flex;
}
.innovation-tick {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
.facts-section-wrap {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.facts-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.facts-pointer {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: left;
display: flex;
}
.facts-tick {
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
}
.facts-text-wrap {
padding-top: 4px;
line-height: 1.2;
}
.section_mk-media-form {
background-color: var(--white);
color: var(--black);
text-align: center;
position: relative;
overflow: hidden;
}
.user-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
width: 100%;
display: flex;
}
.user-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: left;
border: 1px solid #555;
border-radius: 8px;
align-items: center;
width: 30%;
height: 80px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.user-icon {
width: 40px;
min-width: 40px;
}
.ap-steps-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.steps-card {
background-color: #0f0f0f;
flex-direction: column;
align-items: center;
padding: 40px 20px;
display: flex;
}
.step-number {
color: var(--deep-pink);
font-size: 40px;
font-weight: 700;
line-height: 1;
}
.step-number._2 {
color: #ff0;
}
.step-number._3 {
color: #30c1d1;
}
.paragraph-4 {
width: 80%;
}
.paragraph-5 {
color: var(--grey-200);
text-align: center;
width: 100%;
font-weight: 300;
line-height: 28px;
display: flex;
}
.enter-email {
flex-direction: column;
align-items: center;
display: none;
}
.pricing-tab-title {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px solid var(--grey--grey-800);
background-color: var(--card-bg-color);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 480px;
height: 56px;
margin: 32px auto;
padding: 4px;
display: flex;
}
.enter-email-input {
-webkit-text-stroke-color: var(--dark-grey);
background-color: #fff0;
border: 1px solid #ccc;
border-radius: 50px;
}
.submit-button-2 {
background-color: #ff0064;
border-radius: 40px;
padding: 14px 32px;
font-weight: 600;
}
.text-block-8 {
color: #e0e0e0;
text-align: left;
flex: 1;
font-size: 12px;
font-weight: 400;
}
.text-block-8.annual {
color: #fff;
flex: 0 auto;
font-weight: 500;
}
.text-block-8.active {
color: #000;
}
.placeholder {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
padding: 8px 0 8px 16px;
display: flex;
}
.paragraph-6 {
color: var(--dark-grey);
margin-top: -24px;
margin-bottom: -24px;
font-size: 14px;
font-weight: 400;
}
.paragraph-7 {
margin-top: 16px;
margin-bottom: 16px;
}
.plans {
margin-top: 32px;
}
.plans.page-padding.pt-80 {
margin-top: 0;
}
.plans-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
border: 2px #000;
border-radius: 13px;
flex-wrap: wrap;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 64px;
margin-bottom: 64px;
display: flex;
}
.plans-grid.new-update {
margin-bottom: 8rem;
}
.plan {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: .5px none var(--grey-200);
background-color: #ffffff14;
border-radius: 13px;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-self: stretch;
align-items: center;
width: 180px;
height: 150px;
padding: 24px;
display: flex;
position: relative;
}
.plan.interaction-block {
border-width: 9px;
border-color: var(--grey--grey-800);
}
.plan-text {
color: var(--grey-200);
text-transform: uppercase;
width: 120px;
font-size: 14px;
font-weight: 500;
line-height: 120%;
position: absolute;
top: 85px;
}
.plan-text.interaction-text {
color: var(--grey--grey-50);
}
.enterprise-channels {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 32px;
margin-bottom: 48px;
display: flex;
}
.channel {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.channel-text {
color: #ff0064;
font-weight: 600;
}
.channel-text._2 {
color: #a3a300;
flex: 0 auto;
align-self: auto;
}
.channel-text._3 {
color: #00b8cc;
text-align: left;
flex: none;
align-self: auto;
}
.channel-text._4 {
color: var(--combine-library-warning-400);
text-align: left;
flex: none;
}
.channel-text._5 {
color: #0086ff;
flex: none;
}
.text-block-9 {
padding-top: 16px;
font-size: 18px;
line-height: 28px;
}
.paragraph-8 {
color: var(--grey-200);
line-height: 160%;
}
.paragraph-8.ap-hero-info {
font-family: Inter, sans-serif;
font-weight: 400;
}
.form-block {
display: none;
}
.paragraph-9 {
color: var(--deep-pink);
}
.paragraph-9.button {
margin-top: 8px;
margin-bottom: 8px;
font-weight: 500;
}
.cs-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-items: center;
width: 100%;
display: flex;
}
.tab {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-color: #fff0;
border-radius: 24px;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
padding: 16px 32px;
font-weight: 600;
display: flex;
}
.tab.w--current {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: var(--grey--grey-50);
color: #000;
border-radius: 150px;
align-self: stretch;
}
.tab.inactive {
color: var(--white);
background-color: #fff0;
padding-top: 8px;
padding-bottom: 8px;
}
.tab.inactive.inactive-tab {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
}
.tab.inactive.inactive-tab.w--current {
color: var(--black);
background-color: #fff;
padding-top: 8px;
padding-bottom: 8px;
}
.save {
background-color: #9af5bf;
border-radius: 24px;
padding: 8px;
}
.save.update {
width: auto;
line-height: 10px;
}
.save.update.old {
width: 112px;
}
.ta {
text-align: center;
font-weight: 600;
}
.ta.inactive-text {
color: var(--white);
}
.active-text {
color: #056756;
font-size: 13px;
font-weight: 500;
}
.active-text.offer-text {
text-align: center;
white-space: nowrap;
width: auto;
font-size: 11px;
text-decoration: none;
}
.tab-text {
color: var(--black);
font-weight: 600;
}
.tab-text.active {
color: var(--black);
}
.tab-text.inactive {
flex: none;
}
.tab-text.inactive.active-text {
color: var(--black);
font-size: 16px;
}
.icon-chevron {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
}
.content-innovation {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
}
.left-content-innovation {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
align-items: center;
display: flex;
}
.text-block-10 {
text-align: left;
padding-left: 26px;
padding-right: 26px;
font-size: 12px;
}
.text-block-11 {
font-weight: 600;
}
.tab-link-tab-2 {
color: #fff;
background-color: #ddd0;
}
.text-block-12 {
font-weight: 600;
}
.accordion {
width: 100%;
}
.accordion-toggle {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.dropdown-list {
text-align: left;
background-color: #161616;
display: block;
}
.accordion-text {
color: #fff;
-webkit-text-stroke-color: white;
}
.descriptions {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
width: 100%;
display: flex;
}
.dropdown-link {
color: #fff;
font-size: 14px;
font-weight: 300;
}
.icon-2, .accordiion-chevron {
color: #fff;
}
.dropdown-link-2, .dropdown-link-3 {
position: static;
}
.dropdown-list-2 {
width: 100%;
}
.text-block-13 {
color: #ccc;
text-align: left;
margin-left: 56px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.fs-copyclip_button {
color: #fff;
text-align: center;
background-color: #5c2aff;
border-radius: 500px;
padding: .6rem 2rem .65rem;
}
.fs-copyclip_button:hover {
background-color: #6739ff;
}
.new-hero {
background-color: #ff006400;
flex-direction: column;
justify-content: flex-start;
height: 65vh;
margin: 24px 24px 0;
display: flex;
}
.section_summary {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
align-items: center;
padding: 0 120px;
display: flex;
}
.title-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.rectangle-bar {
background-color: #ff0064;
width: 240px;
height: 12px;
margin-top: -6px;
}
.summary {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.summary-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.summary-text {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
align-items: center;
margin-bottom: auto;
display: flex;
}
.h3 {
color: #fff;
text-align: center;
-webkit-text-stroke-color: white;
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 24px;
font-weight: 500;
line-height: 140%;
}
.summary-1 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.link-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.new-link {
color: var(--white);
-webkit-text-stroke-color: #ff2472;
text-decoration: none;
}
.summary-main {
z-index: 20;
grid-column-gap: 48px;
grid-row-gap: 48px;
width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.summary-main.less-z-axis {
z-index: 2;
}
.summary-main.over-flow-hidden {
overflow: hidden;
}
.summary-main.faq {
border-style: none;
margin-bottom: 40px;
}
.div-block-9 {
margin-left: 25%;
margin-right: 25%;
}
.new-faq {
background-color: #fff;
position: relative;
overflow: hidden;
}
.bold-text {
color: var(--black);
}
.heading-extralarge-home {
aspect-ratio: auto;
text-align: center;
letter-spacing: 0;
max-width: 732px;
font-family: Inter, sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 125%;
}
.heading-extralarge-home.pricing {
font-size: 72px;
line-height: 1.2;
}
.heading-2 {
text-align: center;
max-width: 800px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
line-height: 60px;
}
.heading-2.h2-32px {
margin-bottom: 20px;
}
.heading-3 {
text-align: center;
}
.container-2 {
max-width: none;
}
.container-3 {
max-width: none;
padding-top: 40px;
display: flex;
}
.div-block-10 {
margin-left: 5px;
margin-right: 5px;
padding-right: 0;
}
.div-block-11 {
width: 25%;
margin-left: 40px;
margin-right: 40px;
display: block;
}
.text-block-14 {
padding-bottom: 0;
}
.text-block-15 {
padding-top: 20px;
}
.bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .text-block-16 {
font-size: 20px;
}
.text-block-17, .text-block-18, .text-block-19, .text-block-20 {
padding-top: 20px;
}
.heading-4 {
text-align: center;
font-family: Montserrat, sans-serif;
}
.paragraph-10 {
text-align: center;
width: 75%;
margin-left: auto;
margin-right: auto;
padding-left: 10%;
padding-right: 10%;
font-family: Montserrat, sans-serif;
}
.grid {
grid-template: "Area Area-2 Area-3" 100%
/ 33% 33% 33%;
padding-left: 60px;
padding-right: 60px;
}
.button-3 {
aspect-ratio: auto;
background-color: var(--deep-pink);
color: var(--white);
text-align: center;
overflow-wrap: normal;
border-radius: 9px;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 25px;
}
.combine-form_error-message {
border: 1px solid var(--combine-library-error-800);
background-color: var(--combine-library-error-100);
color: var(--combine-library-error-800);
border-radius: .25rem;
margin-top: .5rem;
padding: .5rem 1.25rem;
font-size: .875rem;
}
.combine-form_success-message {
border: 1px solid var(--combine-library-success-800);
background-color: var(--combine-library-success-100);
color: var(--combine-library-success-800);
text-align: left;
border-radius: .25rem;
padding: .5rem 1.25rem;
font-size: .875rem;
}
.combine-button {
background-color: var(--combine-library-grey-800);
color: #fff;
text-align: center;
border-radius: .5rem;
padding: .75rem 1.75rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
transition-property: background-color;
}
.combine-button:hover {
background-color: #28364ae6;
}
.combine-form_link {
color: var(--combine-library-error-800);
text-decoration: underline;
}
.combine-form_link:hover {
color: var(--combine-library-primary-800);
}
.combine-form_checkbox-label {
color: var(--white-smoke);
margin-bottom: .125rem;
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-form_checkbox-icon {
border-color: var(--combine-library-grey-400);
cursor: pointer;
border-radius: .125rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.combine-form_checkbox-icon:hover {
border-color: var(--combine-library-grey-600);
}
.combine-form_checkbox-icon.w--redirected-checked {
border-color: var(--combine-library-primary-600);
background-color: var(--combine-library-primary-600);
background-size: 90%;
border-radius: .125rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.combine-form_checkbox-icon.w--redirected-focus {
border-color: var(--combine-library-primary-600);
box-shadow: none;
border-radius: .125rem;
width: 1rem;
height: 1rem;
margin: 0 .5rem 0 0;
}
.combine-form_checkbox {
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.combine-form_field-wrapper {
margin-bottom: 1.25rem;
}
.combine-form_text-area-grey {
border: 1px solid var(--combine-library-grey-050);
background-color: var(--combine-library-grey-050);
color: var(--combine-library-grey-800);
border-radius: .5rem;
min-width: 16rem;
height: 100%;
min-height: 8rem;
margin-bottom: 0;
padding: .5rem 1.25rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
transition: border-color .25s;
}
.combine-form_text-area-grey:hover {
border-color: var(--combine-library-grey-100);
}
.combine-form_text-area-grey:focus {
border-color: var(--combine-library-primary-600);
}
.combine-form_text-area-grey::placeholder {
color: var(--combine-library-grey-200);
}
.combine-form_label {
color: var(--combine-library-grey-800);
margin-bottom: .5rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-form_input-grey {
border: 1px solid var(--combine-library-grey-050);
background-color: var(--combine-library-grey-050);
color: var(--combine-library-grey-800);
border-radius: .5rem;
min-width: 16rem;
height: 3rem;
margin-bottom: 0;
padding: .5rem 1.25rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
transition: border-color .25s;
}
.combine-form_input-grey:hover {
border-color: var(--combine-library-grey-100);
}
.combine-form_input-grey:focus {
border-color: var(--combine-library-primary-600);
}
.combine-form_input-grey::placeholder {
color: var(--combine-library-grey-200);
}
.combine-form_form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.combine-contact2_form-wrapper {
width: 100%;
max-width: 36rem;
margin-bottom: 0;
display: none;
}
.combine-text-size-regular {
color: var(--combine-library-grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-icon_medium {
width: 2.25rem;
height: 2.25rem;
}
.combine-icon_color3 {
color: var(--combine-library-warning-400);
}
.combine-contact2_feature {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.combine-icon_color2 {
color: var(--combine-library-secondary-600);
}
.combine-icon_color1 {
color: var(--combine-library-primary-600);
}
.combine-heading-style-h2 {
color: var(--combine-library-grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-contact2_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 33rem;
display: flex;
}
.combine-contact2_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: center;
display: flex;
}
.combine-padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-container-large {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_contact2 {
background-color: var(--combine-library-white);
}
.field-label-5, .field-label-6, .text-field-2 {
display: none;
}
.form-tab {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--white);
-webkit-text-stroke-color: var(--white);
-webkit-text-fill-color: inherit;
background-color: #222;
background-clip: border-box;
border: 1px solid #ccc;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 600px;
height: 56px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 4px 4px 4px 16px;
display: flex;
}
.form-tab:active {
color: var(--white);
border-color: #c2c2c2;
}
.div-block-12 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
width: 100%;
display: flex;
}
.form-button {
background-color: #ff0064;
border-radius: 40px;
height: 56px;
padding: 14px 32px;
font-weight: 600;
}
.checkbox {
background-color: var(--white);
color: var(--white);
-webkit-text-stroke-color: var(--white);
}
.checkbox-field {
width: 100%;
}
.form-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
width: 600px;
margin-bottom: 19px;
display: flex;
}
.checkbox-label {
grid-column-gap: .5em;
grid-row-gap: .5em;
-webkit-text-stroke-color: var(--deep-pink);
width: 100%;
display: flex;
}
.link-2 {
color: var(--grey--grey-300);
-webkit-text-stroke-color: var(--combine-library-success-100);
}
.link-3 {
color: #ff0064;
}
.section-2 {
height: 150px;
}
.error-message-2 {
background-color: var(--deep-pink);
}
.success-message-2 {
background-color: #9af5bf;
border-radius: 36px;
margin-bottom: 14px;
}
.text-block-21 {
color: var(--black);
-webkit-text-stroke-color: var(--black);
font-size: 14px;
}
.new-spacing {
padding-top: 130px;
}
.text-block-22 {
color: var(--grey-800\);
font-size: 16px;
}
.div-block-13 {
max-width: 1248px;
margin-left: auto;
margin-right: auto;
}
.text-block-23 {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.text-block-24 {
color: var(--grey-200);
text-transform: capitalize;
font-size: 15px;
font-weight: 500;
}
.text-block-25 {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
}
.text-block-26 {
font-size: 15px;
}
.text-block-27 {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
}
.text-block-28 {
text-transform: capitalize;
font-size: 15px;
font-weight: 500;
}
.text-block-29, .text-block-30 {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
}
.text-block-31 {
color: var(--grey-200);
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
}
.text-block-32, .text-block-33 {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
}
.text-block-34 {
font-size: 15px;
}
.width-30 {
width: 30%;
}
.div-block-14 {
width: 25%;
display: block;
}
.heading-5 {
text-align: center;
align-self: center;
width: auto;
}
.div-block-15 {
flex-wrap: wrap;
justify-content: flex-start;
align-self: center;
align-items: center;
width: auto;
display: flex;
}
.feat-flex-copy {
grid-column-gap: 100px;
text-align: left;
justify-content: space-between;
align-items: center;
max-width: 1280px;
display: flex;
}
.div-block-16 {
flex-direction: column;
align-items: center;
width: 40%;
max-width: 600px;
display: flex;
}
.block-quote {
margin-top: 24px;
margin-bottom: 24px;
}
.heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12 {
margin-top: 24px;
}
.block-quote-2 {
margin-top: 24px;
margin-bottom: 24px;
}
.list-item, .list-item-2 {
margin-top: 12px;
}
.list-item-3, .list-item-4 {
margin-bottom: 24px;
}
.heading-13 {
margin-top: 24px;
}
.heading-14 {
margin-top: 23px;
}
.heading-15, .heading-16 {
margin-top: 24px;
}
.list, .list-2, .list-3, .list-4 {
margin-bottom: 24px;
}
.image-104 {
aspect-ratio: auto;
object-fit: fill;
border-radius: 20px;
width: 100%;
height: auto;
}
.image-wrap {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 37%, var(--grey--grey-900) 69%, var(--deep-pink));
border-radius: 16px;
width: 100%;
max-width: 1032px;
margin-bottom: 52px;
margin-left: auto;
margin-right: auto;
padding: 1px;
display: block;
position: relative;
overflow: visible;
}
.image-104 {
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 16px;
}
.image-104.image-slido {
border-radius: 12px;
}
.image-105 {
border-radius: 10px;
}
.image-thumbnail {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 55%, var(--deep-pink));
border-radius: 10px;
width: 100%;
max-width: 1032px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding: 2px;
display: block;
position: relative;
overflow: visible;
}
.feat-video-ipa {
z-index: 999;
width: 100%;
height: 393px;
position: relative;
overflow: hidden;
}
.max-500 {
color: var(--grey-200);
max-width: 500px;
font-size: 17px;
line-height: 28px;
}
.max-500.mx-auto {
margin-left: auto;
margin-right: auto;
}
.icebreaker-callout {
align-items: center;
width: 100%;
max-width: 700px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.dynamic-content {
color: var(--grey--grey-300);
-webkit-text-stroke-color: #212121;
width: 100%;
max-width: 700px;
margin: 0 auto 20px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.dynamic-content h2 {
color: var(--grey--grey-50);
margin-top: 32px;
margin-bottom: 20px;
}
.dynamic-content.no-negative {
font-size: 16px;
}
.dynamic-content.no-negative a {
color: var(--deep-pink);
}
.dynamic-content p {
margin-top: 24px;
margin-bottom: 24px;
font-size: 18px;
line-height: 1.7;
}
.dynamic-content h3 {
color: var(--grey--grey-50);
margin-top: 40px;
}
.dynamic-content h4 {
color: var(--grey--grey-50);
margin-top: 24px;
margin-bottom: 0;
}
.icebreaker-img {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.icebreaker-heading {
width: 100%;
max-width: 1024px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.cta-button-center {
background-color: var(--deep-pink);
color: #fff;
text-align: center;
text-transform: capitalize;
border-radius: 36px;
width: 100%;
max-width: 300px;
margin: 40px auto;
padding: 15px 34px;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
transition: all .3s;
display: block;
}
.cta-button-center:hover {
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.cta-button-center.ghost {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.cta-button-center.ghost:hover {
color: #0c1930;
background-color: #fff;
}
.cta-button-center.white {
background-color: var(--white);
color: var(--black);
text-transform: capitalize;
}
.cta-button-center.nav {
color: #999;
text-transform: capitalize;
background-color: #222;
font-size: 16px;
font-weight: 400;
}
.cta-button-center.nav:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-center.submit {
width: 100%;
max-width: 372px;
}
.cta-button-center.price {
color: #ccc;
background-color: #666;
}
.cta-button-center.price-compare {
color: #ccc;
background-color: #666;
margin-top: 16px;
padding: 12px 20px;
}
.cta-button-center.price-compare:hover {
background-color: var(--deep-pink);
}
.cta-button-center.nav-btn {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-center.nav-btn:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-center.nav-btn.for-newhero {
color: #fff;
background-color: #ff5d92;
border: 1px solid #ff5d92;
font-weight: 600;
}
.cta-button-center.copy-text {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-top: 24px;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-center.copy-text:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-center.on-pink {
color: #ff0064;
text-transform: none;
background-color: #ffeff3;
}
.heading-17, .heading-18 {
text-align: center;
}
.html-embed-14, ._w-embed {
width: 100%;
position: relative;
}
.h3-blog-title-icebreaker {
color: var(--black);
margin-top: 0;
margin-bottom: 12px;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 34px;
transition: all .2s linear;
}
.h3-blog-title-icebreaker.is-large {
color: var(--white-smoke);
font-size: 42px;
line-height: 44px;
}
.div-block-17 {
position: relative;
}
.div-block-18 {
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: none;
}
.div-block-19 {
flex-direction: column;
align-items: center;
display: flex;
}
.heading-19 {
text-align: center;
font-family: Inter, sans-serif;
}
.margin-bottom-24-copy {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
margin-bottom: 24px;
font-size: 14px;
display: flex;
}
.margin-bottom-24-copy.centred {
align-items: center;
}
.cta-button-ai {
background-color: var(--deep-pink);
background-image: linear-gradient(90deg, var(--deep-pink), #007ced);
outline-offset: 0px;
color: #fff;
text-align: center;
text-transform: capitalize;
text-shadow: 0 1px #0003;
white-space: nowrap;
border: 1px solid #bebebe;
border-radius: 36px;
outline: 3px #fff;
align-items: center;
padding: 15px 34px;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
display: flex;
}
.cta-button-ai:hover {
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.cta-button-ai.ghost {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.cta-button-ai.ghost:hover {
color: #0c1930;
background-color: #fff;
}
.cta-button-ai.white {
background-color: var(--white);
color: var(--black);
text-transform: capitalize;
}
.cta-button-ai.nav {
color: #999;
text-transform: capitalize;
background-color: #222;
font-size: 16px;
font-weight: 400;
}
.cta-button-ai.nav:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-ai.submit {
width: 100%;
max-width: 372px;
}
.cta-button-ai.price {
color: #ccc;
background-color: #666;
}
.cta-button-ai.price-compare {
color: #ccc;
background-color: #666;
margin-top: 16px;
padding: 12px 20px;
}
.cta-button-ai.price-compare:hover {
background-color: var(--deep-pink);
}
.cta-button-ai.nav-btn {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-ai.nav-btn:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-ai.nav-btn.for-newhero {
color: #fff;
background-color: #ff5d92;
border: 1px solid #ff5d92;
font-weight: 600;
}
.cta-button-ai.copy-text {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-top: 24px;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-ai.copy-text:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-ai.on-pink {
color: #ff0064;
text-transform: none;
background-color: #ffeff3;
}
.body {
background-color: #fff;
}
.twitch-avatar {
width: 100px;
display: block;
}
.text-block-35 {
flex-flow: column;
align-items: center;
display: flex;
}
.div-block-20 {
align-items: flex-start;
display: flex;
}
.paragraph-11 {
color: var(--combine-library-grey-100);
font-family: Inter, sans-serif;
}
.text-block-36 {
font-family: Inter, sans-serif;
font-size: 14px;
}
.paragraph-12 {
color: var(--grey-200);
font-family: Inter, sans-serif;
line-height: 28px;
}
.paragraph-13, .paragraph-14 {
font-family: Inter, sans-serif;
line-height: 28px;
}
.paragraph-15 {
color: var(--grey-200);
font-family: Inter, sans-serif;
font-size: 14px;
}
.paragraph-16 {
font-family: Inter, sans-serif;
line-height: 28px;
}
.hero-wave-size {
opacity: 0;
display: inline-block;
overflow: visible;
}
.paragraph-17 {
color: #dbdbdb;
font-weight: 400;
}
.paragraph-18 {
color: var(--grey-200);
font-size: 18px;
font-weight: 400;
}
.paragraph-19 {
font-size: 18px;
}
.paragraph-20 {
color: var(--grey-200);
}
.paragraph-21 {
font-size: 14px;
}
.paragraph-22 {
color: var(--grey-200);
line-height: 28px;
}
.text-block-37, .text-block-38 {
font-size: 14px;
}
.bold-text-7 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.bold-text-8 {
color: #d71d10;
}
.paragraph-23, .paragraph-24, .paragraph-25, .paragraph-26 {
line-height: 28px;
}
.text-span-10, .text-span-11, .text-span-12, .text-span-13 {
display: block;
}
.text-span-14 {
display: inline;
}
.paragraph-27, .paragraph-28, .paragraph-29 {
line-height: 28px;
}
.paragraph-29.font-16 {
font-size: 16px;
}
.paragraph-30, .paragraph-31 {
line-height: 28px;
}
.font-16 {
font-size: 16px;
line-height: 28px;
}
.heading-20 {
font-family: Inter, sans-serif;
font-size: 36px;
}
.paragraph-32, .paragraph-33 {
line-height: 28px;
}
.paragraph-34 {
font-size: 14px;
}
.paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40 {
line-height: 28px;
}
.paragraph-41 {
font-size: 14px;
}
.paragraph-41.text-align-center.margin-top.margin-small {
margin-top: 24px;
}
.paragraph-41.text-align-center.margin-top.margin-xlarge, .paragraph-41.max-width-large.margin-top.margin-xlarge {
margin-top: 4rem;
}
.paragraph-42, .paragraph-43, .paragraph-44, .paragraph-45, .paragraph-46, .paragraph-47, .paragraph-48, .paragraph-49 {
line-height: 28px;
}
.max-920 {
max-width: 960px;
}
.text-block-40 {
font-size: 14px;
}
.paragraph-50, .paragraph-51 {
line-height: 28px;
}
.paragraph-52 {
font-size: 14px;
line-height: 24px;
}
.paragraph-53, .paragraph-54, .paragraph-55, .paragraph-56, .paragraph-57, .paragraph-58 {
line-height: 28px;
}
.text-block-41 {
font-size: 14px;
}
.paragraph-59 {
line-height: 28px;
}
.paragraph-60 {
font-size: 14px;
}
.paragraph-61, .paragraph-62, .paragraph-63, .paragraph-64, .paragraph-65 {
line-height: 28px;
}
.text-block-42 {
font-size: 14px;
}
.paragraph-66, .paragraph-67, .paragraph-68, .paragraph-69, .paragraph-70, .paragraph-71 {
line-height: 28px;
}
.text-block-43 {
font-size: 14px;
}
.paragraph-72, .paragraph-73 {
line-height: 28px;
}
.paragraph-74 {
font-size: 14px;
line-height: 24px;
}
.paragraph-75, .paragraph-76, .paragraph-77, .paragraph-78 {
line-height: 28px;
}
.text-block-44 {
font-size: 14px;
}
.paragraph-79 {
max-width: none;
line-height: 28px;
}
.paragraph-80, .paragraph-81, .paragraph-82 {
line-height: 28px;
}
.text-block-45 {
font-size: 14px;
}
.paragraph-83 {
line-height: 28px;
}
.paragraph-84 {
font-size: 14px;
}
.paragraph-85, .paragraph-86, .paragraph-87, .paragraph-88 {
line-height: 28px;
}
.text-block-46 {
font-size: 14px;
}
.paragraph-89 {
line-height: 28px;
}
.paragraph-90 {
font-size: 14px;
}
.paragraph-91, .paragraph-92, .paragraph-93, .paragraph-94, .paragraph-95 {
line-height: 28px;
}
.text-block-47 {
font-size: 14px;
}
.paragraph-96 {
line-height: 28px;
}
.paragraph-97 {
font-size: 14px;
}
.paragraph-98, .paragraph-99, .paragraph-100, .paragraph-101 {
line-height: 28px;
}
.text-block-48 {
font-size: 14px;
}
.paragraph-102, .paragraph-103 {
line-height: 28px;
}
.bold-text-9 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-104, .paragraph-105, .paragraph-106 {
line-height: 28px;
}
.paragraph-107 {
font-size: 14px;
}
.paragraph-108, .paragraph-109, .paragraph-110, .paragraph-111, .paragraph-112 {
line-height: 28px;
}
.text-block-49 {
font-size: 14px;
}
.paragraph-113, .paragraph-114 {
line-height: 28px;
}
.bold-text-10 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-115, .paragraph-116, .paragraph-117 {
line-height: 28px;
}
.paragraph-118 {
font-size: 14px;
}
.paragraph-119, .paragraph-120, .paragraph-121, .paragraph-122 {
line-height: 28px;
}
.paragraph-123 {
line-height: 29px;
}
.paragraph-124, .paragraph-125, .paragraph-126 {
line-height: 28px;
}
.bold-text-11 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-127, .paragraph-128, .paragraph-129 {
line-height: 28px;
}
.paragraph-130 {
font-size: 14px;
}
.paragraph-131, .paragraph-132, .paragraph-133, .paragraph-134, .paragraph-135 {
line-height: 28px;
}
.text-block-50 {
font-size: 14px;
}
.paragraph-136 {
line-height: 28px;
}
.bold-text-12 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-137, .paragraph-138, .paragraph-139 {
line-height: 28px;
}
.paragraph-140 {
font-size: 14px;
}
.paragraph-141, .paragraph-142, .paragraph-143, .paragraph-144, .paragraph-145, .paragraph-146 {
line-height: 28px;
}
.text-block-51 {
color: var(--grey-200);
}
.text-block-52 {
font-size: 14px;
}
.paragraph-147, .paragraph-148 {
line-height: 28px;
}
.bold-text-13 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-149, .paragraph-150, .paragraph-151 {
line-height: 28px;
}
.paragraph-152 {
font-size: 14px;
}
.paragraph-153, .paragraph-154, .paragraph-155, .paragraph-156, .paragraph-157, .paragraph-158 {
line-height: 28px;
}
.text-block-53 {
color: var(--grey-200);
}
.text-block-54 {
color: var(--grey-200);
font-size: 18px;
}
.paragraph-159, .paragraph-160 {
line-height: 28px;
}
.bold-text-14 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-161, .paragraph-162, .paragraph-163, .paragraph-164, .paragraph-165, .paragraph-166, .paragraph-167, .paragraph-168 {
line-height: 28px;
}
.text-block-55 {
color: var(--grey-200);
}
.text-block-56 {
color: var(--grey-200);
font-size: 18px;
}
.text-block-57 {
font-size: 14px;
}
.paragraph-169, .paragraph-170, .paragraph-171 {
line-height: 28px;
}
.bold-text-15 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-172, .paragraph-173, .paragraph-174 {
line-height: 28px;
}
.paragraph-175 {
font-size: 14px;
}
.paragraph-176, .paragraph-177, .paragraph-178, .paragraph-179, .paragraph-180 {
line-height: 28px;
}
.text-block-58 {
font-size: 14px;
}
.paragraph-181 {
line-height: 28px;
}
.bold-text-16 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-182, .paragraph-183, .paragraph-184, .paragraph-185 {
line-height: 28px;
}
.paragraph-186 {
font-size: 14px;
line-height: 24px;
}
.paragraph-187, .paragraph-188, .paragraph-189, .paragraph-190, .paragraph-191 {
line-height: 28px;
}
.text-block-59 {
font-size: 14px;
}
.paragraph-192, .paragraph-193 {
line-height: 28px;
}
.bold-text-17 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-194, .paragraph-195, .paragraph-196, .paragraph-197, .paragraph-198, .paragraph-199, .paragraph-200, .paragraph-201, .paragraph-202 {
line-height: 28px;
}
.max-820 {
max-width: 820px;
}
.solution-tag {
width: 260px;
}
.solution-tag.teams {
width: 330px;
}
.solution-tag.youtube, .solution-tag.hybrid, .solution-tag.in-person {
width: 300px;
}
.solution-tag.gamers-logo {
width: 76px;
height: 76px;
}
.text-block-60 {
color: var(--grey-200);
font-size: 19.3px;
line-height: 28px;
}
.text-block-61 {
font-size: 14px;
}
.paragraph-203 {
line-height: 28px;
}
.bold-text-18 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-204 {
font-size: 14px;
}
.paragraph-205, .paragraph-206, .paragraph-207, .paragraph-208, .paragraph-209, .paragraph-210 {
line-height: 28px;
}
.text-block-62 {
font-size: 16px;
line-height: 24px;
}
.paragraph-211, .paragraph-212 {
line-height: 28px;
}
.bold-text-19 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-213, .paragraph-214, .paragraph-215 {
line-height: 28px;
}
.paragraph-216 {
font-size: 14px;
}
.paragraph-217, .paragraph-218, .paragraph-219, .paragraph-220, .paragraph-221, .paragraph-222 {
line-height: 28px;
}
.text-block-63 {
line-height: 24px;
}
.paragraph-223, .paragraph-224, .paragraph-225 {
line-height: 28px;
}
.bold-text-20 {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.paragraph-226 {
line-height: 28px;
}
.paragraph-227 {
flex-flow: column;
line-height: 28px;
display: block;
}
.paragraph-228 {
line-height: 28px;
}
.paragraph-229 {
font-size: 14px;
}
.paragraph-230, .paragraph-231, .paragraph-232, .paragraph-233, .paragraph-234, .paragraph-235 {
line-height: 28px;
}
.text-block-64 {
font-size: 14px;
}
.paragraph-236, .paragraph-237 {
line-height: 28px;
}
.bold-text-21 {
margin-top: 12px;
font-size: 14px;
font-style: italic;
font-weight: 400;
display: block;
}
.paragraph-238, .paragraph-239, .paragraph-240, .paragraph-241, .paragraph-242, .paragraph-243, .paragraph-244, .paragraph-245, .paragraph-246 {
line-height: 28px;
}
.text-block-65 {
font-size: 14px;
}
.paragraph-247, .paragraph-248, .paragraph-249 {
line-height: 28px;
}
.bold-text-22 {
margin-top: 12px;
font-size: 14px;
font-style: italic;
font-weight: 400;
display: block;
}
.paragraph-250, .paragraph-251, .paragraph-252, .paragraph-253, .paragraph-254, .paragraph-255, .paragraph-256, .paragraph-257, .paragraph-258 {
line-height: 28px;
}
.paragraph-259, .paragraph-260, .paragraph-261 {
color: var(--grey-200);
-webkit-text-stroke-color: var(--grey-200);
line-height: 28px;
}
.paragraph-262, .paragraph-263, .paragraph-264, .paragraph-265, .paragraph-266, .paragraph-267, .paragraph-268 {
color: var(--grey-200);
line-height: 28px;
}
.paragraph-269 {
color: var(--grey-200);
font-size: 16px;
line-height: 28px;
}
.paragraph-270 {
font-size: 15px;
line-height: 28px;
}
.paragraph-271 {
color: var(--grey-200);
font-size: 16px;
line-height: 28px;
}
.paragraph-272 {
color: var(--grey-200);
font-size: 14px;
line-height: 28px;
}
.header-wrapper {
height: 66px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.text-block-66, .icon-3, .text-block-67, .icon-4 {
color: var(--white);
}
.tabs-content-2 {
margin-top: 1px;
margin-bottom: -40px;
}
.tabs-content-3 {
margin-top: 0;
margin-bottom: -80px;
}
.tabs-content-3.update {
width: 100%;
margin-bottom: 0;
}
.text-span-15 {
color: var(--combine-library-error-800);
font-size: 21px;
}
.grey-800 {
color: var(--grey-800\);
}
.has-gradient {
background-image: linear-gradient(125deg, #ff338340, #000 15% 70%, #3064b3cc);
}
.has-gradient.section_ap-hero {
position: relative;
overflow: visible;
}
.footer-bottom-banner {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 20px 16px;
display: flex;
}
.text-span-16 {
color: var(--white);
text-shadow: 0 0 5px #fff;
}
.html-embed-15 {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.border-none {
border: 0 #0000;
border-radius: 0;
}
.nav-actions {
z-index: 2;
grid-column-gap: 4px;
grid-row-gap: 4px;
margin-left: auto;
margin-right: 0;
display: flex;
position: relative;
}
.div-block-21 {
z-index: 0;
mix-blend-mode: normal;
object-fit: fill;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.div-block-22 {
display: flex;
}
.max-700 {
max-width: 680px;
line-height: 28px;
}
.max-700.mx-auto {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.max-850 {
color: var(--grey-200);
max-width: 800px;
font-size: 14px;
}
.max-850.mx-auto {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.max-850.margin-top-80 {
max-width: 850px;
margin-top: 80px;
}
.max-850.grey-800 {
color: var(--grey-800\);
}
.margin-top-20 {
margin-top: 20px;
}
.page-padding-copy {
z-index: 20;
justify-content: center;
max-width: none;
padding: 60px;
display: block;
position: relative;
top: auto;
bottom: auto;
overflow: hidden;
}
.page-padding-copy.less-z-axis {
z-index: 2;
max-width: 1280px;
margin-left: 0;
margin-right: 0;
}
.page-padding-copy.less-z-axis.mx-auto {
margin-left: auto;
margin-right: auto;
}
.page-padding-copy.over-flow-hidden {
overflow: hidden;
}
.page-padding-copy.faq {
border-style: none;
margin-bottom: 40px;
}
.page-padding-copy.inner {
padding-top: 30px;
padding-bottom: 30px;
}
.page-padding-copy.py-40 {
padding: 40px 10px;
}
.page-padding-copy.pt-80 {
padding-top: 80px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.page-padding-copy.pt-80.pb-0 {
padding-bottom: 0;
}
.page-padding-copy.section-ai-mb {
padding-top: 80px;
padding-bottom: 80px;
}
.page-padding-copy.pt-0 {
padding-top: 0;
}
.new-footer-link-copy {
color: #ccc;
font-size: 14px;
line-height: 1.28571;
text-decoration: none;
}
.new-footer-link-copy:hover {
color: var(--gainsboro);
}
.new-footer-link-copy.w--current {
display: none;
}
.text-block-68 {
align-self: auto;
display: block;
}
.h2-title-2 {
max-width: 1057px;
margin: 40px auto;
padding-top: 40px;
font-size: 42px;
}
.max-720 {
max-width: 720px;
}
.max-720.mx-auto {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.max-720.margin-auto {
margin-left: auto;
margin-right: auto;
}
.author-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.heading-21 {
text-align: left;
letter-spacing: -.3px;
font-family: Inter, sans-serif;
font-size: 50px;
}
.hero-home-h2 {
color: var(--gainsboro);
text-align: left;
letter-spacing: 0;
padding-right: 0;
font-family: Inter, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 30px;
}
.hero-home-h2.pr-10 {
padding-right: 10px;
}
.cta-button-secondary-transparency {
opacity: 1;
color: #fff;
text-align: center;
-webkit-text-stroke-color: #8a8888;
text-transform: capitalize;
white-space: nowrap;
background-color: #0000;
border: 1px solid #acacac;
border-radius: 36px;
align-items: center;
padding: 15px 20px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
display: flex;
}
.cta-button-secondary-transparency:hover {
color: #fff;
background-color: #000;
border-color: #fff;
}
.cta-button-secondary-transparency.ghost {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.cta-button-secondary-transparency.ghost:hover {
color: #0c1930;
background-color: #fff;
}
.cta-button-secondary-transparency.white {
background-color: var(--white);
color: var(--black);
text-transform: capitalize;
}
.cta-button-secondary-transparency.nav {
color: #999;
text-transform: capitalize;
background-color: #222;
font-size: 16px;
font-weight: 400;
}
.cta-button-secondary-transparency.nav:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-secondary-transparency.submit {
width: 100%;
max-width: 372px;
}
.cta-button-secondary-transparency.submit._w-full {
max-width: 100%;
}
.cta-button-secondary-transparency.price {
color: #ccc;
background-color: #666;
}
.cta-button-secondary-transparency.price-compare {
color: #fff;
background-color: #666;
margin-top: 16px;
padding: 12px 20px;
}
.cta-button-secondary-transparency.price-compare:hover {
background-color: var(--deep-pink);
}
.cta-button-secondary-transparency.price-btn {
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
}
.cta-button-secondary-transparency.nav-btn {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-secondary-transparency.nav-btn:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-secondary-transparency.nav-btn.for-newhero {
color: #fff;
background-color: #ff5d92;
border: 1px solid #ff5d92;
font-weight: 600;
}
.cta-button-secondary-transparency.copy-text {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-top: 24px;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-secondary-transparency.copy-text:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-secondary-transparency.on-pink {
color: #ff0064;
text-transform: none;
background-color: #ffeff3;
}
.cta-button-secondary-transparency.margin-left-24 {
margin-left: 24px;
}
.cta-button-secondary-transparency.nav-action {
text-transform: none;
margin-left: 0;
padding: 10px 24px;
}
.cta-button-secondary-transparency.nav-action.link-type {
color: var(--white);
background-color: #000;
margin-left: 24px;
}
.cta-button-secondary-transparency.nav-action.link-type:hover {
color: var(--grey-200);
}
.button-group {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
align-items: center;
display: flex;
}
.button-group.margin-bottom-24 {
flex-flow: row;
}
.button-group.margin-bottom-24.align-left {
height: 100%;
margin-bottom: 0;
}
.button-group.margin-bottom-24.align-left.update {
border-style: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.column {
display: block;
}
.column.pr-40 {
padding-right: 40px;
}
.columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: block;
}
.hero-badge-reviews {
text-align: left;
background-color: #ffffff1a;
border-radius: 12px;
align-items: center;
width: auto;
padding: 14px 20px;
display: flex;
}
.hero-badge-reviews.lp-badge {
padding: 13px 14px;
}
.max-790 {
max-width: 790px;
margin-left: auto;
margin-right: auto;
}
.hellobar {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.notification-bar {
background-color: #fff;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
}
.notification-text {
color: var(--grey-800\);
}
.notification-close {
width: 14px;
height: 22px;
position: absolute;
inset: 25% 8px 0% auto;
}
.z-index-99 {
z-index: 99;
position: relative;
}
.text-block-69 {
-webkit-text-stroke-color: var(--grey-900\);
text-transform: capitalize;
}
.text-block-70, .text-block-71 {
text-transform: capitalize;
}
.heading-22 {
color: var(--grey-900\);
font-family: Inter, sans-serif;
font-size: 44px;
line-height: 115%;
}
.heading-23, .list-item-5 {
color: var(--grey-900\);
}
.image-106 {
border: 1px solid #c5c4c4;
border-radius: 16px;
}
.combine-text-size-regular-2 {
color: #ceced3;
text-align: left;
-webkit-text-stroke-color: var(--grey-200);
margin-bottom: 1rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 160%;
}
.combine-text-size-regular-2.text-grey.text-centered-mb {
color: var(--grey-200);
text-align: center;
-webkit-text-stroke-color: var(--grey-200);
font-size: 19px;
}
.combine-text-weight-semibold {
color: var(--elements-webflow-library--neutral--100);
text-align: left;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.combine-clients4_image {
vertical-align: middle;
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-clients4_image-wrapper {
border-radius: 4rem;
justify-content: flex-start;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
overflow: hidden;
}
.combine-clients4_client {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
place-content: center stretch;
align-self: auto;
display: grid;
}
.combine-clients4_span-tertiary {
color: var(--combine-library--warning-800);
background-color: #f8b34b2e;
}
.combine-clients4_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #ffffff12;
border: 1px solid #ffffff0d;
border-radius: 1.25rem;
flex-direction: column;
padding: 1.5rem;
display: flex;
}
.combine-clients4_item.hide-mb {
background-color: #ffffff12;
border: 1px solid #ffffff0d;
}
.combine-clients4_span-primary {
color: var(--combine-library-primary-800);
background-color: #6157f82e;
}
.combine-clients4_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex;
}
.combine-clients4_span-secondary {
color: var(--combine-library-secondary-600);
background-color: #00a1c12e;
}
.combine-clients4_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
width: 100%;
display: grid;
}
.combine-container-large-2 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large {
height: 4rem;
}
.combine-space-medium {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-2 {
color: var(--combine-library-grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center {
text-align: center;
}
.combine-container-small {
width: 100%;
max-width: 55rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-padding-global-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_clients4 {
background-color: var(--combine-library-grey-050);
}
.combine-clients1_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-clients1_image-wrapper {
border-radius: 4rem;
width: 3.5rem;
height: 3.5rem;
overflow: hidden;
}
.combine-clients1_details {
grid-column-gap: .75rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.combine-icon_small {
cursor: pointer;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.combine-icon_color3-2 {
color: var(--combine-library-warning-400);
}
.combine-clients1_rate {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
border-radius: 1.25rem;
align-self: center;
display: flex;
}
.combine-clients1_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.combine-clients1_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.combine-container-small-2 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-section_clients1 {
background-color: var(--combine-library-white);
}
.brix---heading-h3-size {
margin-top: 0;
margin-bottom: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.brix---color-neutral-800 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-accent-1 {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---display-2 {
font-size: 52px;
font-weight: 700;
line-height: 84px;
}
.brix---mg-bottom-12px {
margin-bottom: 12px;
}
.brix---icon-stats-v7 {
border-radius: 16px;
width: 72px;
}
.brix---mg-bottom-24px {
margin-bottom: 24px;
}
.brix---text-center {
text-align: center;
}
.brix---grid-4-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---heading-h2-size {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---inner-container-600px---center {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.brix---mg-bottom-56px {
margin-bottom: 56px;
}
.brix---container-default {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section {
color: var(--elements-webflow-library--neutral--100);
padding-top: 176px;
padding-bottom: 176px;
}
.h3-stats {
font-size: 18px;
}
.brix---slider-nav {
margin-top: 48px;
position: static;
transform: scale(.8);
}
.brix---hidden-desktop {
display: none;
}
.brix---grid-6-columns-logo-strip {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
display: grid;
}
.brix---slider-mask {
height: 100%;
}
.brix---slider-wrapper {
background-color: #0000;
height: 100%;
}
.brix---text-300-bold {
font-size: 20px;
font-weight: 700;
line-height: 22px;
}
.brix---mg-bottom-48px {
margin-bottom: 48px;
}
.brix---section-small {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---logo-strip-image-card {
border: 1px solid var(--elements-webflow-library--neutral--300);
box-shadow: 0 1px 12px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 16px;
width: 284px;
margin: 14px 16px;
}
.brix---logo-strip-full-width {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.brix---inner-container-574px---center {
max-width: 574px;
margin-left: auto;
margin-right: auto;
}
.brix---section-logo-strip-v6 {
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
}
.hero-calendar {
aspect-ratio: 16 / 9;
object-fit: fill;
border-radius: 20px;
width: 900px;
height: 630px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
transform: translate(0);
}
.hero-calendar.hero-video-height {
aspect-ratio: auto;
width: 100%;
height: auto;
padding-top: 56.25%;
}
.hero-calendar.hero-video-height.transient-thoughts {
aspect-ratio: auto;
height: auto;
padding-top: 45%;
}
.hero-calendar.hero-video-height.aspect-video {
aspect-ratio: 16 / 9;
}
.hero-calendar.hero-video-height.spinner-wheel {
padding-top: 66%;
}
.hero-calendar.hero-video-height.winning-wheel {
padding-top: 45%;
}
.hero-calendar.hero-video-height.emojis-everywhere {
padding-top: 48%;
}
.hero-calendar.hero-video-height.talking-tiles {
padding-top: 45%;
}
.hero-calendar.hero-video-height.quick-questions {
padding-top: 49%;
}
.hero-calendar.hero-video-height.link-library {
padding-top: 48%;
}
.hero-calendar.hero-video-height.word-cloud {
padding-top: 45%;
}
.calendar-wrapper {
aspect-ratio: auto;
background-image: linear-gradient(135deg, #ff0064, #ff0 50%, #30c1d1);
border-radius: 20px;
justify-content: center;
width: 100%;
max-width: 1080px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
padding: 2px;
display: block;
position: relative;
}
.calendar-wrapper.hiddenn {
display: none;
}
.calendar-wrapper.lp-v-wrap {
margin-bottom: 24px;
}
.calendar-wrapper.aspect-video {
aspect-ratio: 16 / 9;
background-image: none;
border-radius: 8px;
align-self: auto;
width: auto;
height: auto;
}
.calendar-div {
width: 100%;
max-width: 900px;
height: 100%;
margin-bottom: 40px;
}
.div-block-23 {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-24 {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-image: linear-gradient(301deg, #035cac, #000 24% 77%, #680029);
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
}
.div-block-24.non-scoll-section {
height: auto;
padding-bottom: 60px;
overflow: hidden;
}
.div-block-24.padding-section-large {
overflow: hidden;
}
.heading-24 {
font-size: 44px;
}
.heading-24.max-680 {
line-height: 48px;
}
.heading-24.text-is-centered.max-614 {
max-width: 614px;
font-size: 40px;
line-height: 56px;
}
.ai-sandbox-form {
justify-content: center;
align-items: flex-start;
width: 500px;
margin-bottom: 100px;
display: flex;
}
.ai-sandbox-form.mx-auto {
flex-flow: row;
width: auto;
margin-bottom: 0;
position: relative;
}
.ai-sandbox-form.mx-auto.delay-2 {
margin-bottom: 80px;
display: block;
}
.ai-sandbox-form.mx-auto.delay-2.non-scroll {
margin-bottom: 60px;
}
.ai-sandbox-form.mx-auto.delay-2.slido-page {
margin-bottom: 0;
}
.ai-sandbox-form.mx-auto.delay-2.margin-top.margin-large.min-margin-bottom {
margin-top: 2.5rem;
margin-bottom: 40px;
}
.ai-sandbox-form.mx-auto.delay-2.margin-top.margin-xlarge {
margin-top: 4rem;
}
.ai-sandbox-form.mx-auto.delay-2.margin-top.margin-xlarge.min-margin {
margin-bottom: 40px;
display: block;
}
.ai-sandbox-form.mx-auto.delay-2.margin-top.margin-extrasmall.min-bottom-margin {
margin-bottom: 0;
}
.ai-sandbox-form.mx-auto.delay-2.update-form {
display: none;
}
.text-field-3 {
border-right: 1px #000;
border-radius: 40px 0 0 40px;
width: 530px;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
font-size: 18px;
}
.interaction-generator-form {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.interaction-generator-form.max-900.mx-auto {
display: flex;
}
.interaction-generator-form.max-900.mx-auto.center-align {
justify-content: center;
align-items: flex-start;
}
.homepage-subtitle {
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
font-size: 21px;
line-height: 30px;
}
.homepage-subtitle.max-680 {
color: var(--grey-200);
-webkit-text-stroke-color: var(--grey-800\);
padding-top: 60px;
padding-bottom: 24px;
line-height: 34px;
}
.homepage-subtitle.max-680.delay-1 {
padding-top: 20px;
}
.homepage-subtitle.max-680.delay-1.new-homepage {
padding-top: 24px;
}
.homepage-subtitle.max-680.delay-1.update {
padding-top: 16px;
padding-bottom: 32px;
line-height: 150%;
}
.homepage-subtitle.max-680.delay-1.update.margin-top.margin-extrasmall {
display: none;
}
.div-block-25 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 80px 40px 100px;
display: grid;
}
.text-span-17 {
color: var(--deep-pink);
font-weight: 500;
}
.div-block-26 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
display: flex;
}
.text-block-73 {
color: var(--white);
margin-bottom: 10px;
font-size: 20px;
text-decoration: none;
}
.text-block-74 {
color: var(--grey-200);
margin-top: 16px;
margin-bottom: 40px;
font-size: 21px;
line-height: 30px;
text-decoration: none;
}
.lottie-animation {
-webkit-text-stroke-color: var(--black);
border: 1px #000;
border-radius: 20px;
}
.lottie-animation.sticky-top {
position: sticky;
top: 0;
}
.div-block-27 {
background-color: #fff0;
border-radius: 15px;
justify-content: center;
align-items: center;
padding: 5px;
display: flex;
overflow: hidden;
}
.body-font-sora-ig {
background-color: var(--black);
color: var(--white);
-webkit-text-fill-color: inherit;
background-clip: padding-box;
font-family: Inter, sans-serif;
font-size: 16px;
}
.body-font-sora-ig.non-scroll {
background-color: var(--black-bg);
-webkit-text-fill-color: inherit;
background-clip: padding-box;
height: auto;
}
.heading-25 {
text-align: center;
font-size: 32px;
font-weight: 600;
}
.heading-25.padding-top-small {
padding-top: 40px;
}
.featuresgrid {
text-align: center;
overflow: hidden;
}
.div-block-28 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-26 {
font-size: 38px;
}
.logo_component-ltr_slider {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 2200px;
display: flex;
}
.logo_component-ltr_slider.margin-bottom-56 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
margin-bottom: 56px;
}
.logo_component-ltr_slider.margin-bottom-56.non-scroll-logo {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
width: 2182px;
margin-bottom: 20px;
}
.logo-slider-img {
mix-blend-mode: normal;
width: 172px;
}
.logo-slider-img.is-dark {
filter: invert(70%);
width: 140px;
}
.logo_component-rtl_slider {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 2200px;
display: flex;
}
.success-message-3 {
-webkit-text-stroke-color: #fff0;
background-color: #ff006400;
border-radius: 50px;
order: 0;
}
.logo-slider-img-copy {
width: 200px;
}
.body-2 {
background-color: var(--black);
}
.div-block-29 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-30 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-31, .div-block-32 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.feat-title-white {
color: var(--grey-200);
font-size: 36px;
font-weight: 600;
line-height: 1.3;
display: block;
}
.feat-title-white.pink-highlight {
font-family: Inter, sans-serif;
font-size: 32px;
}
.feat-title-white.color-yellow {
font-family: Inter, sans-serif;
font-size: 32px;
line-height: 1.4;
}
.feat-title-white.blue-color {
font-family: Inter, sans-serif;
font-size: 32px;
}
.div-block-33 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.cta-button-ai-variant {
background-color: var(--deep-pink);
background-image: linear-gradient(90deg, var(--deep-pink), #007ced);
outline-offset: 0px;
color: #fff;
text-align: center;
text-transform: capitalize;
text-shadow: 0 1px #0003;
white-space: nowrap;
border: 1px solid #bebebe;
border-radius: 36px;
outline: 3px #fff;
align-items: center;
padding: 15px 34px;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
display: flex;
}
.cta-button-ai-variant:hover {
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.cta-button-ai-variant.ghost {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.cta-button-ai-variant.ghost:hover {
color: #0c1930;
background-color: #fff;
}
.cta-button-ai-variant.white {
background-color: var(--white);
color: var(--black);
text-transform: capitalize;
}
.cta-button-ai-variant.nav {
color: #999;
text-transform: capitalize;
background-color: #222;
font-size: 16px;
font-weight: 400;
}
.cta-button-ai-variant.nav:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-ai-variant.submit {
width: 100%;
max-width: 372px;
}
.cta-button-ai-variant.price {
color: #ccc;
background-color: #666;
}
.cta-button-ai-variant.price-compare {
color: #ccc;
background-color: #666;
margin-top: 16px;
padding: 12px 20px;
}
.cta-button-ai-variant.price-compare:hover {
background-color: var(--deep-pink);
}
.cta-button-ai-variant.nav-btn {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-ai-variant.nav-btn:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-ai-variant.nav-btn.for-newhero {
color: #fff;
background-color: #ff5d92;
border: 1px solid #ff5d92;
font-weight: 600;
}
.cta-button-ai-variant.copy-text {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-top: 24px;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.cta-button-ai-variant.copy-text:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.cta-button-ai-variant.on-pink {
color: #ff0064;
text-transform: none;
background-color: #ffeff3;
}
.code-embed {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.sandbox-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 80px;
padding-bottom: 0;
display: flex;
}
.js-redirect-code.cta-button-ai.ai-input-button {
border-left-style: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.home-page-video {
margin-bottom: 20px;
text-decoration: underline;
}
.home-page-links {
width: 100%;
max-width: 400px;
text-decoration: none;
}
.pricing-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: auto;
min-width: 0;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
}
.feature-tag-home {
grid-column-gap: 5px;
grid-row-gap: 5px;
text-transform: uppercase;
background-color: #ffffff26;
border: 0 #333;
border-radius: 20px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding: 4px 12px;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
display: flex;
}
.feature-tag-home.solution-tag-wrap {
background-color: #0000;
border-radius: 40px;
}
.div-block-35 {
border: 1px solid #d6d6d6;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 650px;
display: flex;
box-shadow: 0 2px 2px #00000005, 0 6px 4px #00000008, 0 12px 10px #0000000a, 0 22px 18px #0000000a;
}
.btn-bar {
justify-content: center;
align-items: flex-start;
width: 90%;
margin-top: 20px;
display: flex;
}
.div-block-37 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-27 {
font-size: 18px;
line-height: 28px;
}
.heading-28 {
font-size: 14px;
font-weight: 500;
line-height: 28px;
}
.div-block-38 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-38.hide-on-desktop {
display: none;
}
.div-block-39 {
width: 50%;
}
.text-block-75 {
font-size: 18px;
line-height: 28px;
}
.text-block-76 {
background-color: var(--combine-library-grey-400);
text-align: center;
border-radius: 1px;
padding: 5px;
}
.collection-list-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: repeat(auto-fit, minmax(100px, 200px)) minmax(100px, 200px);
grid-auto-columns: minmax(100px, 1fr);
display: grid;
}
.div-block-40 {
flex-flow: row-reverse;
display: flex;
}
.home-page-feat {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row-reverse;
justify-content: flex-end;
align-items: center;
display: flex;
}
.feat-flex-old {
grid-column-gap: 160px;
grid-row-gap: 160px;
flex-flow: column;
display: flex;
}
.feat-flex-old.margin-top.margin-xlarge {
margin-top: 4rem;
}
.icon-5 {
position: relative;
}
.div-block-41 {
display: flex;
}
.bold-text-23 {
font-family: Inter, sans-serif;
font-size: 50px;
line-height: 40px;
}
.header-logo {
width: 160px;
}
.js-progressbar {
background-color: #000;
background-image: linear-gradient(297deg, #fff, #000 0%);
justify-content: center;
align-items: center;
width: auto;
max-width: none;
height: 70px;
margin-left: auto;
margin-right: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
.js-progressbar.fake-progressbar {
color: #fff0;
background-color: #fff;
}
.fake-progressbar {
margin-left: auto;
margin-right: auto;
}
.hero-badge-wrapper.on-scroll.margin-top.margin-small {
justify-content: center;
align-items: flex-end;
}
.div-block-42 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-43 {
padding-top: 40px;
}
.feat-flex-copy {
clear: none;
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: left;
flex: 0 auto;
order: 0;
justify-content: space-between;
align-self: auto;
align-items: center;
max-width: 1280px;
display: flex;
position: static;
overflow: visible;
}
.feat-flex-copy.reverse {
flex-direction: row-reverse;
}
.feat-flex-copy.in-row {
flex-flow: row;
}
.rl-styleguide_empty-space {
z-index: -1;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative;
}
.form-checkbox {
align-items: center;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.heading-style-h5 {
color: var(--grey--grey-50);
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 1.44rem;
font-weight: 600;
line-height: 120%;
text-decoration: none;
}
.heading-style-h5.margin-top.margin-small {
display: block;
}
.heading-style-h5.margin-verticle.margin-extrasmall, .heading-style-h5.margin-verticle.margin-medium {
margin-left: 0;
margin-right: 0;
}
.heading-style-h5.margin-bottom.margin-extrasmall.max-width-xxsmall.extra-line-height {
line-height: 130%;
}
.heading-style-h5.margin-bottom.margin-extrasmall.max-width-xxxsmall {
max-width: 10rem;
}
.heading-style-h5.margin-bottom.margin-extrasmall.extra-line-height {
line-height: 130%;
}
.heading-style-h5.text-align-left {
color: var(--grey--grey-50);
}
.heading-style-h5.text-align-left.margin-top.margin-small {
width: auto;
height: auto;
display: block;
}
.heading-style-h5.comparison-heading {
color: var(--deep-pink);
}
.heading-style-h5.comparison-heading.text-align-left {
font-weight: 500;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall {
height: 44px;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall.none.transparent-text, .heading-style-h5.comparison-heading.text-align-left.padding-xxsmall.transparent-text {
color: #0000;
}
.heading-style-h5.non-bold {
color: var(--grey--grey-50);
font-size: 1.25rem;
font-weight: 400;
}
.heading-style-h5.enterprise-text {
color: var(--deep-pink);
}
.heading-style-h5.text-align-center.non-bold {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.heading-style-h5.align-center.non-bold.black {
color: var(--black);
}
.heading-style-h5.align-center.text-size-regular.text-color-white, .heading-style-h5.text-size-regular {
color: var(--white);
}
.heading-style-h5.weight-400 {
color: var(--grey--grey-200);
font-weight: 400;
}
.heading-style-h5.weight-400.grey-200 {
color: var(--grey--grey-200);
}
.heading-style-h5.blue {
color: var(--hover-blue);
}
.heading-style-h5.blue.light-weight {
font-size: 1.25rem;
font-weight: 500;
}
.heading-style-h5.black {
color: var(--grey--grey-900);
}
.heading-style-h5.black.light-weight {
font-weight: 500;
}
.heading-style-h5.right-card-heading {
margin-bottom: 1rem;
}
.heading-style-h5.pink {
color: var(--deep-pink);
}
.heading-style-h5.medium-h5 {
font-weight: 500;
}
.heading-style-h5.medium-400 {
font-weight: 400;
}
.text-size-tiny {
color: var(--grey--grey-300);
white-space: normal;
align-self: flex-start;
font-size: .75rem;
}
.text-size-tiny.article-badge {
border: 1px solid var(--blue--blue-600);
background-color: var(--blue--blue-50);
color: var(--grey--grey-900);
border-radius: 36px;
padding: 4px 10px;
font-weight: 500;
}
.text-size-tiny.article-badge.update {
border-color: var(--red--red-600);
background-color: var(--red--red-50);
}
.heading-29 {
color: #212121;
}
.text-color-graytrue900 {
color: var(--gradient-strock);
}
.icon-height-custom1 {
height: 1.25rem;
}
.rl-styleguide_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 1rem;
display: grid;
}
.rl-styleguide_item.is-stretch {
grid-row-gap: 1rem;
justify-items: stretch;
}
.text-color-graytrue400 {
color: var(--grey--grey-400);
}
.form-3 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-weight-bold {
color: var(--grey--grey-300);
font-weight: 700;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.padding-xlarge {
padding: 4rem;
}
.padding-xlarge.update {
background-color: var(--grey--grey-200);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.text-color-graytrue50 {
color: var(--grey--grey-50);
}
.text-color-white {
color: #fff;
}
.max-width-xxsmall {
width: 100%;
max-width: 20rem;
}
.padding-0 {
padding: 0;
}
.rl-styleguide_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
}
.text-style-3lines {
color: var(--grey--grey-300);
}
.rl-styleguide_spacing {
border: 1px dashed #d3d3d3;
}
.text-size-large {
color: var(--grey--grey-300);
font-size: 1.375rem;
font-weight: 400;
}
.text-size-large.white {
color: var(--grey--grey-0);
}
.text-size-large.white:hover {
color: var(--grey--grey-300);
}
.margin-xlarge {
margin: 4rem;
}
.background-color-primary {
background-color: #ff0064;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
color: #fff;
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-tiny, .padding-vertical.padding-xhuge, .padding-vertical.padding-large, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-medium, .padding-vertical.padding-custom1, .padding-vertical.padding-xlarge, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-custom2, .padding-vertical.padding-xsmall, .padding-vertical.padding-custom3, .padding-vertical.padding-small {
padding-left: 0;
padding-right: 0;
}
.padding-xxlarge {
padding: 5rem;
}
.form-field-wrapper {
position: relative;
}
.icon-embed-custom1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.heading-30 {
color: #212121;
}
.padding-left, .padding-left.padding-xxlarge, .padding-left.padding-custom3, .padding-left.padding-xsmall, .padding-left.padding-small, .padding-left.padding-0, .padding-left.padding-custom1, .padding-left.padding-medium, .padding-left.padding-xhuge, .padding-left.padding-large, .padding-left.padding-xxsmall, .padding-left.padding-huge, .padding-left.padding-tiny, .padding-left.padding-xlarge, .padding-left.padding-xxhuge, .padding-left.padding-custom2 {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.max-width-full {
width: 100%;
max-width: none;
}
.max-width-full.content-list-cta {
padding-left: 24%;
}
.rl-styleguide_callout-link {
background-color: #fff;
background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff);
justify-content: space-between;
align-items: center;
padding: 1px;
text-decoration: none;
display: flex;
}
.margin-top-auto {
margin-top: auto;
}
.form-radio-label {
margin-bottom: 0;
}
.text-weight-light {
color: var(--grey--grey-200);
font-weight: 100;
}
.text-color-graytrue100 {
color: var(--grey--grey-100);
}
.rl-styleguide_subheading {
z-index: 3;
color: #000;
background-color: #d3d3d300;
padding: .25rem .5rem;
position: sticky;
top: 2rem;
}
.text-size-medium {
color: var(--grey--grey-300);
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.margin-extrasmall {
margin: 1rem;
}
.icon-1x1-medium {
width: 3rem;
height: 3rem;
}
.icon-height-large {
height: 5rem;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.background-color-accent {
background-color: #ffe6f0;
}
.shadow-xxsmall {
box-shadow: 0 1px 2px #0000000d;
}
.shadow-medium {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}
.global-styles {
font-family: Inter, sans-serif;
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.rl-styleguide_button-row {
grid-column-gap: 1rem;
display: flex;
}
.margin-right, .margin-right.margin-custom2, .margin-right.margin-medium, .margin-right.margin-0, .margin-right.margin-small, .margin-right.margin-xxhuge, .margin-right.margin-xxlarge, .margin-right.margin-large, .margin-right.margin-xxsmall, .margin-right.margin-huge, .margin-right.margin-xhuge, .margin-right.margin-tiny, .margin-right.margin-custom3, .margin-right.margin-custom1, .margin-right.margin-xlarge, .margin-right.margin-xsmall {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.padding-small {
border: 1px none var(--grey--grey-800);
background-color: #14141400;
border-radius: 0;
padding: 1.5rem;
}
.padding-small.link-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: var(--grey--grey-0);
text-align: right;
justify-content: flex-start;
align-items: center;
text-decoration: underline;
display: flex;
}
.padding-small.link-block:hover {
color: var(--grey--grey-300);
}
.max-width-xxlarge {
width: 100%;
max-width: 77.5rem;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.form-checkbox-icon {
cursor: pointer;
border: 1px solid #212121;
border-radius: 0;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .5rem;
transition: all .2s;
}
.form-checkbox-icon.w--redirected-checked {
box-shadow: none;
background-color: #000;
background-size: 16px 16px;
border-width: 1px;
border-color: #000;
}
.form-checkbox-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.icon-embed-small {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.form-radio {
align-items: center;
margin-bottom: 0;
padding-left: 1.125rem;
display: flex;
}
.class-label-column {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-style-link {
text-decoration: underline;
}
.heading-style-h2 {
color: var(--grey--grey-50);
text-align: left;
font-family: Inter, sans-serif;
font-size: 2.488rem;
font-weight: 600;
line-height: 1.2;
}
.heading-style-h2.text-align-center, .heading-style-h2.text-align-center.margin-bottom.margin-large.max-width-large {
color: var(--grey--grey-50);
}
.heading-style-h2.text-align-center.max-width-large.margin-top.margin-small.centre-align {
justify-content: center;
align-items: flex-start;
}
.heading-style-h2.text-align-center.max-width-regular {
max-width: 45rem;
}
.heading-style-h2.margin-bottom.margin-small {
color: var(--grey--grey-50);
}
.heading-style-h2.margin-bottom.margin-small.text-align-center.max-width-2medium {
max-width: 40rem;
}
.heading-style-h2.margin-bottom.margin-small.update {
text-align: center;
}
.heading-style-h2.margin-bottom.margin-large {
color: var(--grey--grey-50);
}
.heading-style-h2.max-width-large.text-align-center.margin-top.margin-small {
justify-content: center;
}
.heading-style-h2.max-width-xlarge.text-align-center.margin-top.margin-small {
margin-top: 1.5rem;
}
.heading-style-h2.margin-top.margin-large {
color: var(--grey--grey-50);
}
.heading-style-h2.margin-top.margin-xlarge {
margin-top: 4rem;
}
.heading-style-h2.margin-top.margin-small.max-width-large.text-align-center {
word-break: normal;
}
.heading-style-h2.margin-top.margin-small.max-width-xlarge.text-align-center {
justify-content: center;
}
.heading-style-h2.max-width-medium.text-align-center.margin-top.margin-xlarge {
margin-top: 4rem;
}
.heading-style-h2.max-width-medium.text-align-center.margin-top.margin-xhuge {
margin-top: 6rem;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.max-width-large.text-align-center.margin-top.margin-small {
margin-top: 1rem;
}
.rl-styleguide_label {
color: #fff;
white-space: nowrap;
cursor: context-menu;
background-color: #0073e6;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block;
}
.rl-styleguide_label.is-html-tag {
background-color: #be4aa5;
}
.heading-31 {
color: #212121;
}
.text-color-graytrue500 {
color: var(--grey--grey-500);
}
.margin-top {
margin: 0 0 0;
}
.margin-top.margin-xxhuge, .margin-top.margin-0 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-xlarge {
border: 1px solid #000;
margin: 4rem 0 0;
}
.margin-top.margin-custom1, .margin-top.margin-custom3 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-large {
color: var(--grey--grey-300);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-custom2, .margin-top.margin-xhuge {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
width: auto;
height: 100%;
margin-bottom: 0;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.margin-top.margin-small.text-align-center.max-width-large, .margin-top.margin-small.max-width-small {
display: block;
}
.margin-top.margin-small.max-width-small.text-align-center {
justify-content: center;
}
.margin-top.margin-small.max-width-regular {
max-width: 38rem;
}
.margin-top.margin-xsmall {
color: var(--grey--grey-50);
margin: 1rem 0 0;
}
.margin-top.margin-tiny {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
text-decoration: none;
}
.margin-top.margin-xxsmall, .margin-top.margin-huge, .margin-top.margin-xxlarge, .margin-top.margin-medium, .margin-top.margin-medium {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-medium {
white-space: nowrap;
white-space: nowrap;
white-space: nowrap;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-extrasmall {
justify-content: space-between;
margin-top: 1rem;
}
.margin-top.margin-extrasmall.text-align-center.max-width-large1 {
max-width: 54rem;
}
.margin-top.margin-xxxlarge {
margin-top: 9rem;
}
.margin-top.mrgin-large {
margin-top: 3rem;
}
.icon-height-xsmall {
height: 1.5rem;
}
.margin-vertical, .margin-vertical.margin-xxlarge, .margin-vertical.margin-0, .margin-vertical.margin-custom2, .margin-vertical.margin-xhuge, .margin-vertical.margin-medium, .margin-vertical.margin-custom3, .margin-vertical.margin-xxsmall, .margin-vertical.margin-custom1, .margin-vertical.margin-large, .margin-vertical.margin-xsmall, .margin-vertical.margin-xxhuge, .margin-vertical.margin-small, .margin-vertical.margin-xlarge, .margin-vertical.margin-tiny, .margin-vertical.margin-huge {
margin-left: 0;
margin-right: 0;
}
.margin-tiny {
margin: .25rem;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.heading-32 {
color: #212121;
}
.icon-1x1-small {
width: 2rem;
height: 2rem;
}
.text-style-muted {
opacity: .6;
}
.icon-embed-xlarge {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 6.5rem;
display: flex;
}
.text-color-graytrue200 {
color: var(--grey--grey-200);
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.spacer-small {
width: 100%;
padding-top: 1.5rem;
}
.container-large {
border: 0px solid var(--black);
color: var(--white);
background-color: #0000;
border-radius: 16px;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: block;
position: static;
overflow: visible;
}
.container-large.align-center {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.container-large.overflow-hidden {
position: relative;
overflow: hidden;
}
.container-large.homepage-content {
display: flex;
}
.container-large.flex {
flex-flow: column;
display: flex;
}
.container-large.margin-verticle {
padding-top: 6.35rem;
padding-bottom: 6.35rem;
}
.container-large.relative-pstn {
margin-top: 20px;
margin-bottom: 40px;
position: relative;
}
.margin-huge {
margin: 6rem;
}
.padding-global {
aspect-ratio: auto;
padding-left: 5%;
padding-right: 5%;
overflow: visible;
}
.padding-tiny {
padding: .25rem;
}
.hide {
display: none;
}
.text-weight-xbold {
color: var(--grey--grey-300);
font-weight: 700;
}
.icon-embed-large {
flex-direction: column;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
}
.text-style-quote {
border-left: .1875rem solid #000;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.bg-color-gradient {
background-color: #0000;
background-image: linear-gradient(321deg, var(--bg-blue-gradient), black 24%, black 77%, var(--gradient-pink));
}
.bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded {
background-image: linear-gradient(321deg, var(--bg-blue-gradient), black 24%, black 77%, var(--gradient-pink));
border-radius: 16px;
}
.bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded.has-border {
border: 1px solid #000;
}
.bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded.enterprice-card {
padding-left: 3.5rem;
padding-right: 2rem;
}
.bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded.margin-top.margin-xlarge {
margin-top: 4rem;
}
.text-color-graytrue300 {
color: var(--grey--grey-300);
}
.shadow-large {
box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-large {
border-top: 1px solid #dbdbdb;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-xxlarge, .padding-top.padding-xhuge, .padding-top.padding-tiny, .padding-top.padding-custom1, .padding-top.padding-xxhuge, .padding-top.padding-xlarge, .padding-top.padding-custom2, .padding-top.padding-xxsmall {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-medium {
border-style: solid none none;
border-width: 1px;
border-radius: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-medium.border-top {
border-style: solid none none;
border-color: #e2e2e2 #000 #000;
}
.padding-top.padding-xsmall, .padding-top.padding-custom3, .padding-top.padding-small, .padding-top.padding-huge, .padding-top.padding-0 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.heading-33 {
color: #212121;
}
.class-label-row {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.background-color-black {
color: #fff;
background-color: #000;
}
.styleguide_grid-colours {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-align-right {
text-align: right;
}
.shadow-small {
box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}
.max-width-xsmall {
width: 100%;
max-width: 25rem;
}
.spacer-tiny {
width: 100%;
padding-top: .25rem;
}
.text-align-center {
color: var(--grey--grey-300);
text-align: center;
}
.text-align-center.margin-top {
margin-top: 16px;
}
.text-align-center.margin-top.text-size-medium {
font-size: 1.125rem;
}
.text-align-center.margin-top.max-width-large {
margin-top: 0;
}
.text-align-center.max-width-large.margin-top.margin-regular {
margin-top: 1.5rem;
}
.text-align-center.max-width-medium.margin-top {
margin-top: 0;
}
.text-align-center.max-width-medium.margin-top.margin-small {
margin-top: 1rem;
}
.form-radio-icon {
cursor: pointer;
border: 1px solid #212121;
border-radius: 100px;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.125rem;
margin-right: .5rem;
}
.form-radio-icon.w--redirected-checked {
background-color: #fff;
background-image: none;
border-width: 6px;
border-color: #000;
}
.form-radio-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
margin-top: 0;
}
.margin-xxhuge {
margin: 10rem;
}
.margin-bottom, .margin-bottom.margin-xhuge {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small, .margin-bottom.margin-large {
color: var(--grey--grey-300);
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-huge, .margin-bottom.margin-medium {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-medium.text-size-large.grey-200 {
color: var(--grey--grey-200);
}
.margin-bottom.margin-medium.text-size-large.grey-200.max-width-extralarge {
max-width: 70rem;
}
.margin-bottom.margin-medium.text-size-large.grey-200.max-width-large1 {
max-width: 58rem;
}
.margin-bottom.margin-custom3, .margin-bottom.margin-tiny, .margin-bottom.margin-custom1, .margin-bottom.margin-0, .margin-bottom.margin-custom2, .margin-bottom.margin-xxlarge, .margin-bottom.margin-xlarge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xxsmall.text-size-small {
text-decoration: none;
}
.margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
}
.margin-bottom.margin-small, .margin-bottom.margin-medium {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: block;
}
.margin-bottom.margin-small, .margin-bottom.margin-medium {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 16px;
display: block;
}
.heading-style-h6 {
color: var(--grey--grey-50);
justify-content: space-between;
align-items: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 150%;
display: flex;
}
.heading-style-h6.text-style-nowrap {
text-align: left;
align-self: flex-start;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.heading-style-h6.margin-bottom.margin-extrasmall {
margin-bottom: 1rem;
}
.heading-style-h6.feature {
color: var(--deep-pink);
width: auto;
font-weight: 400;
}
.heading-style-h6.margin-extrasmall {
margin-top: 1rem;
margin-bottom: 1rem;
}
.heading-style-h6.margin-horizontal.margin-extrasmall {
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.heading-style-h6.right-card-heading {
margin-bottom: 1rem;
}
.heading-style-h6.black {
color: var(--grey--grey-900);
}
.heading-style-h6.blue {
color: var(--hover-btn-color);
}
.heading-style-h6.weight-medium {
font-weight: 400;
}
.heading-style-h6.weight-medium.pink-highlight {
color: var(--deep-pink);
}
.shadow-xsmall {
box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}
.rl-styleguide_color-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rl-styleguide_icons-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.shadow-xxlarge {
box-shadow: 0 32px 64px -12px #00000024;
}
.form-checkbox-label {
margin-bottom: 0;
}
.spacer-xhuge {
width: 100%;
padding-top: 7rem;
}
.spacer-xxhuge {
width: 100%;
padding-top: 10rem;
}
.margin-0 {
margin: 0;
}
.text-size-regular {
color: var(--grey--grey-300);
font-size: 1rem;
text-decoration: none;
}
.text-size-regular.gray-200 {
color: var(--grey--grey-200);
}
.text-size-regular.gray-200.text-align-left {
font-weight: 500;
}
.text-size-regular.gray-200.text-align-left.white {
color: var(--grey--grey-50);
width: auto;
}
.text-size-regular.text-align-center.margin-top.margin-extrasmall {
margin-top: 8px;
}
.text-size-regular.text-align-center.margin-top.margin-extrasmall.extra-btm-margin {
margin-bottom: 1rem;
}
.text-size-regular.text-align-center.margin-top.margin-extrasmall.extra-btm-margin.black {
color: var(--grey--grey-0);
}
.text-size-regular.white {
white-space: pre;
width: auto;
max-width: none;
font-weight: 500;
text-decoration: none;
}
.text-size-regular.white._400-weight {
font-weight: 400;
}
.text-size-regular.linked-text:hover {
color: var(--grey--grey-50);
}
.text-size-regular.pink {
color: var(--deep-pink);
}
.text-size-regular.blue {
color: var(--deep-pink);
text-decoration: none;
}
.rl-styleguide_empty-box {
z-index: -1;
background-color: #eee;
min-width: 3rem;
height: 3rem;
position: relative;
}
.max-width-small {
width: 100%;
max-width: 30rem;
}
.max-width-small.text-align-left.text-size-regular {
word-break: break-all;
text-decoration: none;
}
.rl-styleguide_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-bottom: 4rem;
}
.background-color-white {
background-color: #fff;
}
.text-color-seconday {
color: #525252;
}
.field-label-7 {
margin-bottom: .5rem;
font-weight: 600;
}
.padding-xhuge {
padding: 7rem;
}
.padding-xxsmall {
padding: .5rem;
}
.rl-styleguide_tutorial-callout {
grid-column-gap: 2rem;
background-color: #fff;
border: 1px solid #000;
justify-content: space-between;
align-items: center;
padding: .75rem .75rem .75rem 1rem;
display: flex;
}
.margin-xhuge {
margin: 7rem;
}
.text-style-nowrap {
white-space: nowrap;
}
.padding-large {
padding: 3rem;
}
.rl-styleguide_item-row {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
color: var(--grey--grey-200);
grid-template-rows: auto;
grid-template-columns: 15rem 1fr;
align-items: center;
}
.padding-horizontal, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-small, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-huge, .padding-horizontal.padding-large, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-custom1, .padding-horizontal.padding-custom3, .padding-horizontal.padding-0, .padding-horizontal.padding-tiny, .padding-horizontal.padding-xlarge, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-custom2 {
padding-top: 0;
padding-bottom: 0;
}
.button-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.text-block-77 {
text-decoration: none;
}
.icon-1x1-xlarge {
width: 6.5rem;
height: 6.5rem;
}
.padding-xsmall {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 1rem;
}
.heading-style-h3 {
color: var(--grey--grey-50);
text-align: left;
font-family: Inter, sans-serif;
font-size: 2.074rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
}
.heading-style-h3.margin-top.margin-small {
display: block;
}
.heading-style-h3.margin-top.margin-extrasmall {
margin-top: 1rem;
}
.heading-style-h3.margin-top.margin-xlarge {
margin-top: 4rem;
}
.heading-style-h3.margin-bottom.margin-small {
color: var(--grey--grey-50);
}
.heading-style-h3.margin-bottom.margin-small.text-align-center {
text-align: center;
}
.heading-style-h3.margin-bottom.margin-large {
color: var(--grey--grey-50);
}
.heading-style-h3.text-align-center {
text-align: center;
}
.heading-style-h3.black {
color: var(--black);
}
.icon-1x1-large {
width: 5rem;
height: 5rem;
}
.text-style-allcaps {
color: var(--grey--grey-300);
text-transform: uppercase;
}
.icon-1x1-xxsmall {
width: 1rem;
height: 1rem;
}
.margin-xxlarge {
margin: 5rem;
}
.background-color-gray {
background-color: #141414;
}
.overflow-auto {
overflow: auto;
}
.text-color-graytrue700 {
color: var(--grey--grey-700);
}
.icon-embed-medium {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.heading-style-h4 {
color: var(--grey--grey-50);
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-family: Inter, sans-serif;
font-size: 1.728rem;
font-weight: 600;
line-height: 1.3;
}
.heading-style-h4.align-center.non-bold {
font-weight: 400;
}
.heading-style-h4.max-width-xsmall.margin-bottom.margin-extrasmall {
white-space: normal;
word-break: normal;
}
.heading-style-h4.margin-top.margin-small.update {
height: auto;
display: block;
}
.heading-style-h4.blue {
color: var(--hover-blue);
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.text-align-left {
color: var(--grey--grey-300);
text-align: left;
}
.form-input {
color: #212121;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 8px;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form-input:focus {
border-color: #3d7ee1;
}
.form-input::placeholder {
color: #0009;
}
.form-input.is-text-area {
aspect-ratio: auto;
object-fit: contain;
height: auto;
min-height: 11.25rem;
padding-top: .75rem;
padding-bottom: .75rem;
overflow: auto;
}
.form-input.is-select-input {
background-image: none;
}
.spacer-large {
width: 100%;
padding-top: 3rem;
}
.text-color-graytrue800 {
color: var(--grey--grey-800);
}
.z-index-1 {
z-index: 1;
position: relative;
}
.rl-styleguide_callout-link-wrapper {
background-image: linear-gradient(135deg, #ff744826, #ff484826 50%, #6248ff26), linear-gradient(#fff, #fff);
justify-content: space-between;
align-items: center;
width: 100%;
padding: .75rem 1rem;
display: flex;
}
.shadow-xlarge {
box-shadow: 0 24px 48px -12px #0000002e;
}
.text-weight-normal {
color: var(--grey--grey-300);
font-weight: 400;
}
.rl-styleguide_button-list {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: max-content;
grid-auto-flow: row;
place-items: center start;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: grid;
}
.text-weight-medium {
color: var(--grey--grey-300);
font-weight: 500;
}
.spacer-xxsmall {
width: 100%;
padding-top: .5rem;
}
.icon-height-xxsmall {
height: 1rem;
}
.rl-styleguide_spacing-all {
display: none;
}
.icon-height-small {
height: 2rem;
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.spacer-xsmall {
width: 100%;
padding-top: 1rem;
}
.padding-bottom, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xsmall, .padding-bottom.padding-custom3, .padding-bottom.padding-xxlarge, .padding-bottom.padding-0, .padding-bottom.padding-medium, .padding-bottom.padding-tiny, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom1, .padding-bottom.padding-large, .padding-bottom.padding-xxhuge, .padding-bottom.padding-huge {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.margin-xxsmall {
margin: .5rem;
}
.icon-height-xlarge {
height: 6.5rem;
}
.text-size-tiny-2 {
font-size: .875rem;
}
.text-color-graytrue25 {
color: var(--grey--grey-0);
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
overflow: visible;
}
.padding-section-medium.radial-bg {
background-image: radial-gradient(circle farthest-corner at 50% 50%, #002e57, #010f1b 30%, var(--black));
}
.padding-section-medium.sanbox-form {
padding-top: 6.25rem;
}
.padding-section-medium.sanbox-form.grey-100-bg {
background-color: var(--grey--grey-100);
color: var(--grey--grey-50);
}
.padding-section-medium.soft-bg {
background-image: radial-gradient(circle farthest-corner at 50% 50%, #1a1a1a, var(--black-bg) 48%);
}
.text-color-black {
color: #212121;
}
.margin-horizontal, .margin-horizontal.margin-medium, .margin-horizontal.margin-huge, .margin-horizontal.margin-custom1, .margin-horizontal.margin-large, .margin-horizontal.margin-custom3, .margin-horizontal.margin-small, .margin-horizontal.margin-0, .margin-horizontal.margin-xsmall, .margin-horizontal.margin-tiny, .margin-horizontal.margin-xxhuge, .margin-horizontal.margin-custom2, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-xxlarge {
margin-top: 0;
margin-bottom: 0;
}
.margin-left, .margin-left.margin-xxhuge, .margin-left.margin-tiny, .margin-left.margin-custom1, .margin-left.margin-xsmall, .margin-left.margin-xxsmall, .margin-left.margin-large, .margin-left.margin-huge, .margin-left.margin-xhuge, .margin-left.margin-xlarge, .margin-left.margin-custom3, .margin-left.margin-medium, .margin-left.margin-xxlarge, .margin-left.margin-0, .margin-left.margin-custom2, .margin-left.margin-small {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.overflow-hidden {
overflow: hidden;
}
.icon-1x1-custom1 {
width: 1.25rem;
height: 1.25rem;
}
.rl-styleguide_paste-text {
color: #00000080;
text-align: center;
border: 1px dashed #00000026;
padding: 1rem;
}
.text-color-graytrue600 {
color: var(--grey--grey-600);
}
.margin-large {
margin: 3rem;
}
.icon-height-medium {
height: 3rem;
}
.margin-medium {
margin: 2rem;
}
.overflow-scroll {
overflow: scroll;
}
.text-style-italic {
color: var(--grey--grey-200);
font-style: italic;
}
.padding-right, .padding-right.padding-xxlarge, .padding-right.padding-xlarge, .padding-right.padding-large, .padding-right.padding-huge, .padding-right.padding-xxsmall, .padding-right.padding-xxhuge, .padding-right.padding-0, .padding-right.padding-medium, .padding-right.padding-custom1, .padding-right.padding-xsmall, .padding-right.padding-tiny, .padding-right.padding-custom2, .padding-right.padding-xhuge, .padding-right.padding-custom3, .padding-right.padding-small {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.button {
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #ff0064;
border: 1px #212121;
border-radius: 8px;
align-items: center;
height: 48px;
padding: 0 1.5rem;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button:hover {
background-color: #e8005b;
}
.button.is-tertiary {
color: #212121;
background-color: #0000;
border-style: solid;
border-color: #dbdbdb;
}
.button.is-tertiary:hover {
background-color: #bebebe;
border-style: solid;
border-color: #0000;
}
.button.is-small {
height: 40px;
padding: 0 1.25rem;
font-size: 1rem;
}
.button.is-small.is-icon-only {
padding-left: .5rem;
padding-right: .5rem;
}
.button.is-icon {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button.is-icon-only {
padding-left: .75rem;
padding-right: .75rem;
}
.button.is-secondary {
color: #212121;
background-color: #f5f5f5;
border-radius: 8px;
font-weight: 500;
transition: all .2s;
}
.button.is-secondary:hover {
background-color: #bebebe;
}
.button.is-secondary.is-alternate {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.button.is-link {
color: #212121;
-webkit-text-stroke-color: #525252;
background-color: #0000;
border-style: none;
height: auto;
padding: 0;
line-height: 1;
text-decoration: none;
}
.button.is-link:hover {
text-decoration: underline;
}
.button.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.button.is-link.is-alternate {
color: #fff;
background-color: #0000;
}
.button.is-alternate {
color: #000;
background-color: #fff;
}
.text-style-2lines {
color: var(--grey--grey-300);
}
.rl-styleguide_color {
padding-bottom: 8rem;
}
.icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.padding-xxhuge {
padding: 10rem;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.rl-styleguide_heading {
z-index: 4;
color: #fff;
background-color: #000;
padding: .25rem .5rem;
position: sticky;
top: 0;
}
.padding-section-large {
background-color: var(--black-bg);
padding-top: 6.25rem;
padding-bottom: 6.25rem;
position: relative;
top: auto;
overflow: hidden;
}
.padding-section-large.bg-color-gradient {
height: auto;
position: static;
overflow: hidden;
}
.padding-section-large.bg-color-gradient.overflow-hidden {
height: 100vh;
overflow: hidden;
}
.padding-section-large.bg-color-gradient.decrease-lower-padding {
padding-bottom: 0;
}
.padding-section-large.bg-color-gradient.decrease-margin {
padding-bottom: 2rem;
}
.padding-section-large.bg-color-gradient.decrease-margin.tags-template {
padding-top: 4rem;
}
.padding-section-large.bg-color-gradient.min-upper-padding {
padding-top: 3rem;
}
.padding-section-large.new-gradient {
background-image: radial-gradient(circle farthest-corner at 50% 16%, var(--blue--blue-900), var(--black) 20%, var(--black) 45%, var(--black));
}
.padding-section-large.decrease-upper-padding {
padding-top: 0;
}
.padding-section-large.decrease-lower-margin {
padding-bottom: 0;
}
.padding-section-large.blue-gradient {
background-image: radial-gradient(circle closest-side at 50% 70%, var(--bg-blue-gradient), var(--black) 93%);
}
.padding-section-large.blue-gradient.decrease-upper-margin {
padding-top: 2rem;
}
.padding-section-large.transparent-bg {
background-color: #212121bf;
width: auto;
}
.padding-section-large.soft-bg {
background-image: radial-gradient(circle farthest-side at 50% 50%, #1a1a1a, var(--black-bg) 53%, var(--black-bg));
}
.padding-section-large.soft-bg.hide {
display: block;
}
.padding-section-large.soft-bg.fixed-height {
height: 1041px;
}
.align-center {
border-left: 1px #000;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.align-center.text-align-center.margin-top.margin-large {
margin-top: 3rem;
}
.align-center.text-align-center.margin-top.margin-huge {
margin-top: 5rem;
}
.align-center.text-align-center.margin-top.margin-xlarge {
margin-top: 4rem;
}
.align-center.text-align-center.margin-top.margin-xhuge {
margin-top: 6rem;
}
.align-center.text-align-center.margin-top.margin-xxhuge {
margin-top: 10rem;
}
.align-center.pricing-table.overflow-auto.pricinggroup2 {
overflow: visible;
}
.align-center.template-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.align-center.template-grid.margin-top.margin-xlarge {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-style: none;
grid-template-columns: 1.75fr 1fr;
place-items: start stretch;
margin-top: 4rem;
}
.align-center.extra-gap {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.align-center.extra-gap.bg-blue {
background-image: radial-gradient(circle farthest-corner at 50% 50%, #035cac99, var(--black) 56%);
}
.padding-medium {
padding: 2rem;
}
.rl-styleguide_shadows-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: start;
}
.heading-style-h1 {
color: var(--grey--grey-50);
text-align: center;
letter-spacing: -2px;
font-family: Inter, sans-serif;
font-size: 2.9868rem;
font-weight: 700;
line-height: 120%;
}
.heading-style-h1.max-width-large.text-align-center.margin-top.margin-small {
justify-content: center;
align-items: flex-end;
}
.heading-style-h1.max-width-large.text-align-center._600-weight {
font-weight: 600;
}
.heading-style-h1.max-width-large.margin-bottom.margin-small {
color: var(--grey--grey-0);
}
.heading-style-h1.max-width-large.margin-bottom.margin-large {
color: var(--grey--grey-50);
}
.heading-style-h1.max-width-xlarge.min-width {
max-width: 55rem;
}
.heading-style-h1.max-width-xlarge.min-width.margin-bottom.margin-small {
color: var(--grey--grey-0);
}
.heading-style-h1.max-width-medium.text-align-center.new-homepage.delay {
max-width: 50rem;
}
.heading-style-h1.max-width-small.text-align-center.gradient-text {
background-image: linear-gradient(301deg, #035cac 23%, #a2227f 54%, #d11171 68%, var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.heading-style-h1.max-width-small.text-align-center.gradient-text.delay-1 {
max-width: 50rem;
}
.heading-style-h1.margin-top.margin-small.max-width-large.h1-comparison {
justify-content: center;
}
.heading-style-h1.margin-bottom.margin-small {
color: var(--grey--grey-50);
}
.heading-style-h1.text-align-center.max-width-large {
flex: 0 auto;
}
.heading-style-h1.text-align-center.max-width-large.margin-top.margin-extrasmall {
margin-top: .5rem;
}
.heading-style-h1.max-width-large1 {
max-width: 55rem;
}
.padding-huge {
padding: 6rem;
}
.margin-small {
margin: 1.5rem;
}
.heading-34 {
color: #212121;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-section-small.gradient-back-ground {
background-image: none;
}
.text-color-primary {
color: #ff0064;
}
.body-3, .heading-35, .heading-36, .heading-37, .heading-38, .heading-39 {
font-family: Inter, sans-serif;
}
.combine-header5_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-header5_image-wrapper {
border-radius: 1.25rem;
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.combine-container-large-3 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large-2 {
height: 4rem;
}
.combine-button-2 {
background-color: var(--combine-library-grey-800);
color: #fff;
text-align: center;
border-radius: .5rem;
padding: .75rem 1.75rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
transition-property: background-color;
}
.combine-button-2:hover {
background-color: #28364ae6;
}
.combine-button-white {
background-color: var(--combine-library-white);
color: var(--combine-library-grey-800);
text-align: center;
border-radius: .5rem;
padding: .75rem 1.75rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.combine-button-white:hover {
color: var(--combine-library-primary-600);
}
.combine-button-wrapper {
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
display: flex;
}
.combine-space-medium-2 {
width: 100%;
height: 1.5rem;
}
.combine-text-size-regular-3 {
color: var(--combine-library-grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-heading-style-h1 {
color: var(--combine-library-grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.25;
}
.combine-text-align-center-2 {
text-align: center;
}
.combine-container-small-3 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-padding-global-3 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_header5 {
background-color: var(--combine-library-grey-050);
}
.rl-text-style-regular {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_layout28_spacing-block-1 {
width: 100%;
padding-bottom: 1rem;
}
.rl-heading-style-h4 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.rl_layout28_tabs-link {
background-color: #0000;
border-left: 2px solid #0000;
padding: 0 0 0 2rem;
display: block;
}
.rl_layout28_tabs-link.w--current {
border-left-color: var(--relume-library-lite--rl-black);
opacity: 1;
background-color: #0000;
}
.rl_layout28_tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rl_layout28_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.rl-padding-section-large {
padding-top: 7rem;
padding-bottom: 7rem;
}
.rl-container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.rl-padding-global {
padding-left: 5%;
padding-right: 5%;
}
.rl_section_layout28 {
background-color: var(--relume-library-lite--rl-white);
}
.layout250_image {
width: 100%;
height: 100%;
}
.padding-section-large-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.heading-style-h5-2 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.home4-features_image-wrapper {
width: 100%;
position: relative;
}
.layout250_list {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.padding-global-2 {
padding-left: 5%;
padding-right: 5%;
}
.layout250_component {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.layout250_item {
flex-direction: column;
align-items: center;
width: 100%;
}
.button-4 {
border: 1px solid var(--\);
background-color: var(--\);
color: var(--\);
text-align: center;
padding: .75rem 1.5rem;
text-decoration: none;
}
.button-4.is-link {
color: var(--\);
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
}
.button-4.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.button-4.is-secondary {
color: var(--\);
background-color: #0000;
}
.button-4.is-navbar3-button {
margin-left: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
}
.layout1_image {
width: 100%;
height: 100%;
}
.padding-section-large-3 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.padding-global-3 {
padding-left: 5%;
padding-right: 5%;
}
.layout1_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.text-weight-semibold {
font-weight: 600;
}
.heading-style-h5-3 {
color: #212121;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.text-size-tiny-3 {
color: var(--grey--grey-300);
white-space: normal;
font-size: .75rem;
font-weight: 400;
}
.heading-40, .heading-41 {
color: #212121;
}
.global-styles-2 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.heading-style-h2-2 {
color: #212121;
font-size: 2.986rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h2-2.max-width-large {
text-align: center;
margin-bottom: 6rem;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}
.heading-42, .heading-43, .heading-44 {
color: #212121;
}
.heading-style-h6-2 {
color: #212121;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
}
.text-block-78 {
text-decoration: none;
}
.heading-style-h3-2 {
color: #212121;
font-size: 2.488rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h4-2 {
color: #212121;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
}
.text-size-tiny-4 {
font-size: .875rem;
}
.btn {
box-shadow: inset 2px -2px 5px 0 var(--red--red-600), inset -2px 2px 5px 0 var(--red--red-600);
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #ff0064;
border: 1px #212121;
border-radius: 50px;
flex-flow: wrap;
align-items: center;
height: 48px;
padding: 0 1.5rem;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: all .2s;
display: flex;
}
.btn:hover {
background-color: var(--hover-btn-color);
box-shadow: inset 2px -2px 5px 0 var(--blue--blue-700), inset -2px 2px 5px 0 var(--blue--blue-700);
}
.btn.is-tertiary {
color: #212121;
background-color: #0000;
border-style: solid;
border-color: #dbdbdb;
}
.btn.is-tertiary:hover {
background-color: #bebebe;
border-style: solid;
border-color: #0000;
}
.btn.is-small {
height: 40px;
padding: 0 1.25rem;
font-size: 1rem;
}
.btn.is-small.is-icon-only {
padding-left: .5rem;
padding-right: .5rem;
}
.btn.is-icon {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.btn.is-icon-only {
padding-left: .75rem;
padding-right: .75rem;
}
.btn.is-secondary {
color: #212121;
background-color: #f5f5f5;
border-radius: 50px;
font-weight: 500;
transition: all .2s;
}
.btn.is-secondary:hover {
background-color: #bebebe;
}
.btn.is-secondary.is-alternate {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.btn.is-secondary.margin-vertical.margin-medium.banner-btn {
background-color: #0000;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 130px;
height: 32px;
margin-top: 0;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 14px;
}
.btn.is-secondary.margin-vertical.margin-medium.banner-btn:hover {
background-color: var(--deep-pink);
color: var(--white);
}
.btn.is-link {
color: #212121;
-webkit-text-stroke-color: #525252;
background-color: #0000;
border-style: none;
height: auto;
padding: 0;
line-height: 1;
text-decoration: none;
}
.btn.is-link:hover {
text-decoration: underline;
}
.btn.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.btn.is-link.is-alternate {
color: #fff;
background-color: #0000;
}
.btn.is-alternate {
color: #000;
background-color: #fff;
}
.btn.margin-top.margin-large {
color: var(--grey--grey-0);
}
.btn.small-btn {
height: 40px;
padding: 0 1.25rem;
}
.btn.contact-us {
border-style: solid;
border-color: var(--grey--grey-700);
background-color: var(--grey--grey-800);
place-content: stretch center;
align-items: center;
width: 132px;
height: 48px;
display: flex;
}
.btn.contact-us:hover {
background-color: var(--grey--grey-700);
}
.btn.contact-us.click-here-link {
background-color: #0000;
border-style: none;
width: auto;
height: auto;
padding-left: 0;
padding-right: 0;
text-decoration: underline;
}
.btn.contact-us.click-here-link.margin-right.margin-xxsmall.open-message-box.hide {
display: none;
}
.btn.contact-us.open-message-box {
border-color: var(--grey--grey-700);
box-shadow: inset 2px -2px 5px 0 var(--grey--grey-800), inset -2px 2px 5px 0 var(--grey--grey-800);
}
.btn.contact-us.open-message-box:hover {
border-color: var(--grey--grey-800);
box-shadow: inset 2px -2px 5px 0 var(--grey--grey-700), inset -2px 2px 5px 0 var(--grey--grey-700);
}
.heading-style-h1-2 {
color: #212121;
font-family: Inter, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.15;
}
.heading-45 {
color: #212121;
}
.rl_styleguide_empty-box {
z-index: -1;
background-color: var(--relume-library-lite--grey);
min-width: 3rem;
height: 3rem;
position: relative;
}
.button-group-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.rl-styleguide-label {
color: var(--relume-library-lite--white);
white-space: nowrap;
cursor: context-menu;
background-color: #0073e6;
margin-top: -2px;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block;
}
.rl-styleguide_item-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 1rem;
display: grid;
}
.rl-styleguide_item-2.is-stretch {
grid-row-gap: 1rem;
justify-items: stretch;
}
.rl-padding-section-large-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.rl-styleguide_spacing-2 {
border: 1px dashed var(--relume-library-lite--rl-black);
}
.rl-padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.rl-padding-global-2 {
padding-left: 5%;
padding-right: 5%;
}
.rl-container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.rl-container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.rl-container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.rl-text-style-regular-2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.text-size-small {
color: var(--grey--grey-200);
font-size: .875rem;
}
.text-size-small.new-logo-text {
color: var(--grey--grey-50);
}
.text-size-small.text-heading {
color: var(--grey--grey-200);
}
.text-size-small.text-heading.align-left.bold {
font-weight: 600;
}
.text-size-small.commenter-h {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
height: 42px;
font-size: 1rem;
display: flex;
}
.text-size-small.commenter-h.white {
font-weight: 400;
}
.text-size-small.grey {
color: var(--grey--grey-700);
}
.text-size-small.text-align-left.margin-bottom.margin-small.margin-top-small {
margin-top: .75rem;
margin-bottom: 1rem;
}
.text-size-small.text-align-left.margin-bottom.margin-small.margin-top-small.text-height {
color: var(--card-bg-color);
}
.text-color-darkgrey {
color: #161616a6;
}
.rl-heading-style-h5 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.rl_styleguide_heading-wrapper {
border-bottom: 1px solid var(--relume-library-lite--rl-black);
width: 100%;
padding-bottom: .75rem;
}
.rl_styleguide_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
padding-bottom: 4rem;
}
.rl-styleguide_color-2 {
padding-bottom: 8rem;
}
.rl-styleguide_color-2.rl-gray {
background-color: var(--relume-library-lite--rl-gray);
}
.rl-styleguide_color-2.rl-white {
background-color: var(--relume-library-lite--rl-white);
}
.rl-styleguide_color-2.rl-black {
background-color: var(--relume-library-lite--rl-black);
}
.rl-styleguide_color-2.is-white {
background-color: var(--white);
}
.rl-styleguide_color-2.is-black {
background-color: var(--black);
}
.rl-styleguide_color-2.is-gray {
background-color: var(--dark-grey);
}
.styleguide_grid-colours-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.rl-button {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-white);
text-align: center;
padding: .75rem 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
}
.class-label-row-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.class-label-column-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rl_styleguide_item-row {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 15rem 1fr;
align-items: center;
}
.form-radio-label-2 {
margin-bottom: 0;
}
.rl-form-radio-icon {
border: 1px solid var(--relume-library-lite--rl-black);
cursor: pointer;
border-radius: 100px;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.125rem;
margin-right: .5rem;
}
.rl-form-radio-icon.w--redirected-checked {
border-width: 6px;
border-color: var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
background-image: none;
}
.rl-form-radio-icon.w--redirected-focus {
border-color: var(--relume-library-lite--rl-black);
box-shadow: none;
margin-top: 0;
}
.rl-form-radio {
align-items: center;
margin-bottom: 0;
padding-left: 1.125rem;
display: flex;
}
.form-checkbox-label-2 {
margin-bottom: 0;
}
.rl-form-checkbox-icon {
border: 1px solid var(--relume-library-lite--rl-black);
cursor: pointer;
border-radius: 0;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .5rem;
transition: all .2s;
}
.rl-form-checkbox-icon.w--redirected-checked {
border-width: 1px;
border-color: var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
box-shadow: none;
background-size: 16px 16px;
}
.rl-form-checkbox-icon.w--redirected-focus {
border-color: var(--relume-library-lite--rl-black);
box-shadow: none;
}
.rl-form-checkbox {
align-items: center;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.rl-form-select-input {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
background-image: none;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
}
.rl-form-select-input::placeholder {
color: #0009;
}
.form-field-wrapper-2 {
position: relative;
}
.rl-form-text-area {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
height: auto;
min-height: 11.25rem;
margin-bottom: 0;
padding: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
overflow: auto;
}
.rl-form-text-area:focus {
border-color: var(--relume-library-lite--rl-black);
}
.rl-form-text-area::placeholder {
color: var(--relume-library-lite--rl-black);
}
.rl-form-input {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
}
.rl-form-input:focus {
border-color: var(--relume-library-lite--rl-black);
}
.rl-form-input::placeholder {
color: var(--relume-library-lite--rl-black);
font-size: 1rem;
}
.rl-field-label {
color: var(--relume-library-lite--rl-black);
margin-bottom: .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.form-4 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rl-button-link-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.rl-button-link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px none var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-black);
text-align: center;
background-color: #0000;
padding: .25rem 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1;
text-decoration: none;
display: flex;
}
.rl-button-secondary-small {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
text-align: center;
padding: .5rem 1.25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
}
.rl-button-secondary {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
text-align: center;
padding: .75rem 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
}
.rl-button-small {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-white);
text-align: center;
padding: .5rem 1.25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
}
.rl-styleguide_button-list-2 {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: max-content;
grid-auto-flow: row;
place-items: center start;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: grid;
}
.rl-text-style-link {
color: var(--relume-library-lite--rl-black);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
text-decoration: underline;
}
.rl-text-style-subheading {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.rl-text-style-tiny {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1.5;
}
.rl-text-style-small {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.rl-text-style-medium {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
.rl-text-style-large {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Relative;
font-size: 1.25rem;
font-weight: 400;
}
.rl-heading-style-h6 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.rl-heading-style-h4-2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.rl-heading-style-h3 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
.rl-heading-style-h2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.rl-heading-style-h1 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
.rl_styleguide_component {
flex-direction: column;
align-items: flex-start;
padding-top: 3rem;
display: flex;
}
.heading-style-h5-4 {
color: #212121;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.heading-46, .heading-47, .heading-48, .heading-49, .heading-50 {
color: #212121;
}
.heading-style-h6-3 {
color: #212121;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
}
.text-block-79 {
text-decoration: none;
}
.heading-style-h4-3 {
color: #212121;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
}
.text-size-tiny-5 {
font-size: .875rem;
}
.heading-51 {
color: #212121;
}
.div-block-44 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 200px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.button-6 {
order: 1;
}
.code-embed-2 {
padding: 5px;
}
.div-block-45 {
border-radius: 20px;
width: 1000px;
height: 600px;
padding: 5px;
}
.code-embed-3 {
border-radius: 20px;
width: 100%;
height: 100%;
}
.hero-video-disable {
aspect-ratio: 16 / 9;
object-fit: fill;
border-radius: 20px;
width: 100%;
height: auto;
overflow: hidden;
transform: translate(0);
}
.hero-video-disable.hero-video-height {
aspect-ratio: auto;
width: 100%;
height: auto;
padding-top: 56.25%;
}
.hero-video-disable.hero-video-height.transient-thoughts {
aspect-ratio: auto;
height: auto;
padding-top: 45%;
}
.hero-video-disable.hero-video-height.aspect-video {
aspect-ratio: 16 / 9;
}
.hero-video-disable.hero-video-height.spinner-wheel {
padding-top: 66%;
}
.hero-video-disable.hero-video-height.winning-wheel {
padding-top: 45%;
}
.hero-video-disable.hero-video-height.emojis-everywhere {
padding-top: 48%;
}
.hero-video-disable.hero-video-height.talking-tiles {
padding-top: 45%;
}
.hero-video-disable.hero-video-height.quick-questions {
padding-top: 49%;
}
.hero-video-disable.hero-video-height.link-library {
padding-top: 48%;
}
.hero-video-disable.hero-video-height.word-cloud {
padding-top: 45%;
}
.hero-video-disable.hero-video-height-disable {
aspect-ratio: auto;
width: 100%;
height: auto;
padding-top: 56.25%;
display: none;
}
.hero-video-disable.hero-video-height-disable.transient-thoughts {
aspect-ratio: auto;
height: auto;
padding-top: 45%;
}
.hero-video-disable.hero-video-height-disable.aspect-video {
aspect-ratio: 16 / 9;
}
.hero-video-disable.hero-video-height-disable.spinner-wheel {
padding-top: 66%;
}
.hero-video-disable.hero-video-height-disable.winning-wheel {
padding-top: 45%;
}
.hero-video-disable.hero-video-height-disable.emojis-everywhere {
padding-top: 48%;
}
.hero-video-disable.hero-video-height-disable.talking-tiles {
padding-top: 45%;
}
.hero-video-disable.hero-video-height-disable.quick-questions {
padding-top: 49%;
}
.hero-video-disable.hero-video-height-disable.link-library {
padding-top: 48%;
}
.hero-video-disable.hero-video-height-disable.word-cloud {
padding-top: 45%;
}
.video-wrapper-mobile {
aspect-ratio: auto;
background-color: var(--card-bg-color);
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 2px;
display: flex;
position: relative;
}
.video-wrapper-mobile.hiddenn {
display: none;
}
.video-wrapper-mobile.lp-v-wrap {
margin-bottom: 24px;
}
.video-wrapper-mobile.aspect-video {
aspect-ratio: 16 / 9;
}
.code-embed-on-desktop.hero-video.margin-xxsmall {
border-radius: 16px;
}
.feat-right-padded {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 45%, var(--grey--grey-900) 62%, var(--deep-pink));
border-radius: 18px;
flex: 0 auto;
width: 60%;
max-width: none;
margin-right: 0;
padding: 1px;
overflow: hidden;
}
.feat-right-padded.p-left {
flex: 0 auto;
width: 60%;
margin-left: 0;
margin-right: 0;
}
.feat-right-padded.bg-color-gradient {
border-style: none;
}
.div-block-32-copy, .div-block-46 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-47, .div-block-48 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.div-block-49 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.div-block-29-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-32-copy, .div-block-31-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-50 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.div-block-32-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-51 {
grid-column-gap: 7px;
grid-row-gap: 7px;
display: flex;
}
.div-block-52 {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.div-block-53 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-54 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-category-dropdown-block-hidden {
display: none;
position: relative;
}
.container-4 {
max-width: 1240px;
}
.heading-52 {
text-align: center;
font-family: Inter, sans-serif;
font-size: 47.78px;
font-weight: 700;
line-height: 120%;
}
.paragraph-274 {
text-align: center;
width: 506px;
font-size: 19.2px;
line-height: 150%;
}
.flex-block {
justify-content: flex-start;
align-items: center;
}
.paragraph-275 {
text-align: center;
width: 506px;
font-size: 19.2px;
line-height: 150%;
}
.heading-53 {
color: #212121;
font-family: Inter, sans-serif;
}
.rl-styleguide_spacing-3 {
border: 1px dashed #d3d3d3;
}
.heading-54, .heading-55, .heading-56 {
color: #212121;
}
.heading-57 {
color: var(--grey-50\);
font-size: 19.2px;
line-height: 120%;
}
.text-block-80 {
text-decoration: none;
}
.heading-style-h4-4 {
color: #212121;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
}
.text-size-tiny-6 {
color: var(--grey--grey-300);
font-size: .875rem;
}
.heading-58 {
color: #212121;
}
.paragraph-276 {
font-size: 19.3px;
}
.paragraph-277 {
text-align: left;
}
.heading-59 {
color: var(--grey-50-3\);
}
.heading-60, .heading-61 {
color: var(--grey-50\);
}
.heading-62, .heading-63 {
color: var(--white-smoke);
}
.paragraph-278 {
color: var(--grey--grey-200);
font-size: 1rem;
}
.paragraph-279, .paragraph-280, .paragraph-281, .paragraph-282, .paragraph-283, .paragraph-284, .paragraph-285 {
color: var(--grey--grey-200);
}
.heading-64 {
font-weight: 700;
}
.heading-65, .heading-66, .heading-67 {
font-weight: 600;
}
.paragraph-286 {
color: var(--grey--grey-200);
font-size: 1.2rem;
}
.paragraph-287 {
color: #ceced3;
}
.paragraph-288, .paragraph-289 {
color: var(--grey--grey-200);
}
.div-block-55 {
border: 1px solid var(--gradient-strock);
background-color: var(--card-bg-color);
border-radius: 16px;
}
.card-bg-color {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
}
.grid-2 {
grid-template-rows: auto;
}
.hero-section-card {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.hero-section-card.margin-top.margin-xlarge {
grid-row-gap: 16px;
margin-top: 64px;
}
.grid-3 {
grid-template-rows: auto;
}
.image-107 {
width: 576px;
height: 322px;
}
.hero-card-section-wrap.margin-verticle.margin-xlarge {
margin-top: 64px;
}
.hero-card-section-wrap.margin-verticle.margin-xlarge.padding-medium.card-bg-color {
z-index: 1;
border-color: var(--grey--grey-900);
margin: 0 0 0;
text-decoration: none;
position: relative;
}
.grid-4 {
grid-template-rows: auto;
}
.image-108 {
vertical-align: baseline;
border-radius: 8px;
width: 576px;
height: 322px;
display: inline-block;
}
.hero-card-image {
aspect-ratio: auto;
-webkit-text-fill-color: inherit;
object-fit: cover;
background-clip: border-box;
border-radius: 8px;
}
.all-tags {
border: 1px none var(--deep-pink);
color: var(--grey--grey-50);
background-color: #0000;
border-radius: 0;
justify-content: center;
align-items: center;
width: auto;
height: auto;
font-size: 14px;
display: block;
}
.all-tags.padding-horizontal.padding-xxsmall {
border: 1px solid var(--deep-pink);
background-color: var(--deep-pink--deep-pink-tag);
text-align: center;
border-radius: 50px;
width: auto;
height: 24px;
display: block;
}
.all-tags.padding-horizontal.padding-xxsmall.margin-bottom.margin-extrasmall {
width: 106px;
}
.all-tags.padding-xsmall {
width: 109px;
height: 46px;
}
.all-tags.padding-xxsmall {
border: 1px solid var(--deep-pink);
background-color: var(--deep-pink--deep-pink-tag);
border-radius: 50px;
width: 95px;
height: 34px;
}
.svg {
width: 95px;
}
.article-logo {
flex-flow: column;
display: flex;
}
.article-logo.margin-top.margin-medium {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--grey--grey-300);
}
.div-block-56 {
background-color: var(--grey--grey-50);
align-self: center;
width: 1px;
height: 14px;
}
.flex-block-2 {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.flex-block-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: flex-start;
}
.new-flex {
grid-column-gap: 64px;
grid-row-gap: 64px;
display: flex;
}
.new-flex.date-article-logo {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.new-flex.date-article-logo.margin-top.margin-small {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
position: static;
}
.new-flex.date-article-logo.margin-top.margin-auto {
margin-top: auto;
}
.new-flex.flex-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.new-flex.flex-wrap.flex-article-card-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
}
.new-flex.justify-center {
justify-content: flex-start;
align-items: center;
}
.new-flex.justify-center.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.new-flex.justify-space-between {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
overflow: visible;
}
.new-flex.justify-space-between.article-card-name {
object-fit: fill;
justify-content: space-between;
align-items: flex-start;
margin-top: 24px;
margin-bottom: 0;
}
.new-flex.justify-space-between.article-card-name.article-card-col {
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.new-flex.justify-space-between.article-card-name.align-center {
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.flex-item {
width: 100%;
display: flex;
}
.flex-item.flex-column-content {
flex-flow: column;
}
.flex-item.flex-column-content.align-item-center {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: flex-start;
text-decoration: none;
}
.div-block-57 {
width: 392px;
height: 291px;
}
.article-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: none;
height: 100%;
padding: 1px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.article-card:hover {
background-image: linear-gradient(127deg, var(--deep-pink), #000000bf 45%, var(--bg-blue-gradient));
}
.article-card.padding-small {
border: 1px solid var(--grey--grey-900);
}
.article-card.max-width-xxsmall {
flex-flow: row-reverse wrap;
width: 100%;
max-width: 24.5rem;
height: auto;
}
.article-card.has-hover:hover {
border-color: var(--red--red-500);
}
.article-card.has-hover.width-auto {
max-width: none;
}
.article-card.remove-hover:hover {
background-image: none;
}
.svg-2 {
width: 84px;
height: 48px;
}
.path {
color: var(--white);
width: 78px;
height: 21px;
}
.path-2 {
width: 379px;
}
.svg-3 {
width: 96px;
height: 28px;
}
.svg-4 {
width: 100px;
height: 120px;
}
.div-block-58 {
border-radius: 16px;
width: 392px;
height: 291px;
}
.article-card-content {
flex-flow: column;
width: 391px;
height: 291px;
display: flex;
}
.article-card-content.padding-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.article-card-content.padding-small.max-width-xxsmall {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--card-bg-color);
border-radius: 16px;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
max-width: none;
height: 100%;
display: flex;
position: relative;
}
.article-card-content.padding-small.gamer-blog-card {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
}
.svg-5 {
width: 92px;
}
.article-card-svg {
align-self: auto;
height: auto;
display: flex;
}
.article-card-svg.margin-top.margin-small {
flex-flow: column;
}
.svg-6 {
display: block;
}
.article-card-svg-item {
color: var(--grey--grey-300);
width: auto;
height: 20px;
}
.new-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.article-card-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.article-card-wrap.margin-top.margin-large {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.badge {
align-items: stretch;
display: inline-block;
}
.badge-content {
border: 1px solid var(--red--red-500);
background-color: var(--deep-pink--deep-pink-tag);
border-radius: 50px;
padding: .25rem 1rem;
}
.combine-social_icon {
width: 1.5rem;
height: 1.5rem;
}
.combine-team2_social-link {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: var(--combine-library-grey-600);
justify-content: center;
align-items: center;
display: flex;
}
.combine-team2_social-link:hover {
color: var(--combine-library-primary-600);
}
.combine-team2_social-links {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex;
}
.combine-text-size-regular-4 {
color: var(--combine-library-grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-team2_job-title {
color: var(--combine-library-grey-600);
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-heading-style-h6 {
color: var(--combine-library-grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
}
.combine-team2_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-team2_image-wrapper {
border-radius: 4rem;
width: 5rem;
height: 5rem;
overflow: hidden;
}
.combine-team2_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--combine-library-white);
text-align: center;
border-radius: 1.25rem;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 25rem;
padding: 15px;
display: flex;
}
.combine-team2_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: start;
max-width: 1057px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.combine-container-large-4 {
width: 100%;
max-width: 75rem;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.combine-space-large-3 {
height: 4rem;
}
.combine-space-medium-3 {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-3 {
color: var(--combine-library-grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center-3 {
text-align: center;
}
.combine-container-small-4 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-4 {
padding-top: 0;
padding-bottom: 4rem;
}
.combine-padding-global-4 {
padding-left: 0;
padding-right: 0;
}
.combine-section_team {
background-color: #fff0;
max-width: 1057px;
margin-left: auto;
margin-right: auto;
}
.h2-about {
max-width: 1057px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
.advisors {
grid-column-gap: .1rem;
grid-row-gap: .1rem;
background-color: var(--combine-library-white);
text-align: center;
border-radius: 1.25rem;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 25rem;
padding: 10px;
display: flex;
}
.advisor-headshot {
border-radius: 4rem;
width: 4rem;
height: 4rem;
overflow: hidden;
}
.advisor-container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: start;
max-width: 1057px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.advisors-blank {
grid-column-gap: .1rem;
grid-row-gap: .1rem;
text-align: center;
background-color: #fff0;
border-radius: 1.25rem;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 25rem;
padding: 10px;
display: flex;
}
.brix---grid-6-columns-logo-strip-2 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
display: grid;
}
.brix---container-default-2 {
max-width: 1057px;
padding-left: 0;
padding-right: 24px;
}
.brix---section-small-2 {
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
}
.div-block-59 {
max-width: 1057px;
margin-left: auto;
margin-right: auto;
display: none;
}
.article-card-team-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 56px 0;
display: grid;
}
.article-card-team-wrap.column-6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
align-items: stretch;
}
.article-card-team-wrap.column-6.margin-top.margin-extrasmall {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch start;
place-items: stretch stretch;
display: grid;
overflow: visible;
}
.article-card-img {
color: #1a1a1a;
object-fit: fill;
flex-flow: column;
width: auto;
max-width: none;
height: auto;
max-height: none;
display: block;
}
.article-card-img.is-rounded {
color: #fff;
object-fit: fill;
background-color: #383838;
border: 1px #000;
border-radius: 16px;
width: 100%;
max-width: none;
height: auto;
max-height: none;
}
.article-card-img.is-small {
max-width: 100px;
}
.article-card-social-icon {
max-width: 24px;
max-height: 24px;
}
.article-card-social-icon.is-white {
color: var(--grey--grey-50);
background-color: #fff0;
}
.link-block {
vertical-align: baseline;
mix-blend-mode: normal;
text-decoration: none;
display: inline-block;
}
.article-card-col {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
align-self: auto;
display: flex;
overflow: hidden;
}
.team-image {
aspect-ratio: auto;
width: 100%;
max-width: none;
height: auto;
margin-left: 0;
margin-right: 0;
padding-top: 0;
position: relative;
}
.team-image.padding-xsmall {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 32px;
padding-top: 1rem;
}
.image-109 {
width: 120%;
}
.team-image-item {
border-radius: 16px;
width: 100%;
max-width: none;
padding-top: 0;
position: relative;
inset: 0%;
overflow: clip;
}
.gradient-border {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 44%, var(--grey--grey-900) 61%, var(--deep-pink));
border-radius: 16px;
width: 100%;
height: 100%;
padding: 1px;
}
.image-110, .image-111 {
width: 100%;
}
.image-112 {
width: 1005px;
}
.brix---grid-4-columns-logo-strip-2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
place-items: center;
margin-top: 40px;
}
.hover-gradient-border {
padding: 1px;
transition: background-color .4s;
}
.hover-gradient-border:hover {
background-image: linear-gradient(127deg, #ff0065, #000000bf 46%, var(--bg-blue-gradient));
border-radius: 16px;
}
.hover-gradient-border.margin-top.margin-large {
padding: 1px;
transition-property: none;
position: relative;
overflow: hidden;
}
.hover-gradient-border.margin-top.margin-large:hover {
background-image: linear-gradient(127deg, #ff0065, #000000bf 46%, var(--bg-blue-gradient));
}
.hover-gradient-border.margin-top.margin-xlarge {
margin-top: 4rem;
}
.border-glow-circle {
z-index: 0;
background-color: var(--deep-pink);
filter: blur(20px);
color: var(--red--red-500);
border: 1px #000;
border-radius: 16px;
width: 50%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.link-block-2, .link-block-3 {
text-decoration: none;
}
.hero-landing-headingwrap {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-midlarge-home {
aspect-ratio: auto;
text-align: center;
letter-spacing: 0;
max-width: 732px;
font-family: Inter, sans-serif;
font-size: 47.78px;
font-weight: 600;
line-height: 125%;
}
.heading-midlarge-home.pricing {
font-size: 72px;
line-height: 1.2;
}
.heading-midlarge-home.delay-1 {
font-size: 47.78px;
}
.div-block-60 {
flex-flow: column;
flex: 0 auto;
padding: 2px;
display: flex;
}
.card-gradient-border {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--black) 45%, var(--black) 65%, var(--deep-pink));
border-radius: 16px;
padding: 2px;
}
.div-block-61 {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.flex-block-4, .date-time-flex {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.image-wrapper-card {
border: 1px solid var(--grey--grey-900);
background-image: linear-gradient(to bottom, var(--card-bg-color), var(--card-bg-color));
border-radius: 16px;
width: 1033px;
height: 616px;
}
.image-wrapper-card.margin-top.margin-large {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 46%, var(--grey--grey-900) 66%, var(--deep-pink));
object-fit: cover;
border-width: 0;
width: 100%;
max-width: 1033px;
height: auto;
padding: 5px;
}
.image-wrapper-card.margin-top.margin-large.gamer-wrapper {
flex-flow: row;
justify-content: center;
align-items: flex-start;
width: 1240px;
max-width: 1240px;
margin-top: 0;
margin-bottom: 3rem;
display: flex;
}
.div-block-62 {
border-radius: 16px;
width: 100%;
height: 100%;
}
.image-113 {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
}
.image-wrapper.margin-xxsmall {
height: 100%;
}
.image-wrapper.padding-xsmall {
background-color: var(--card-bg-color);
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
}
.image-114 {
object-fit: cover;
width: auto;
max-width: 40px;
height: auto;
}
.image-115 {
object-fit: cover;
width: auto;
max-width: 160px;
height: auto;
}
.image-116 {
object-fit: cover;
width: 160px;
max-width: 160px;
}
.gamer-platform-logo {
grid-column-gap: 14px;
grid-row-gap: 14px;
justify-content: center;
align-items: center;
}
.gamer-platform-logo.margin-bottom.margin-small {
object-fit: cover;
width: 100%;
max-width: 450px;
}
.div-block-63 {
background-color: var(--grey--grey-900);
width: 2px;
height: 100%;
}
.content-list-active {
background-color: var(--deep-pink);
width: 1px;
height: 46px;
}
.content-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-left: 16px;
display: flex;
position: relative;
overflow: hidden;
}
.content-list-wrapper.margin-left.margin-small {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.active-heading-state {
color: var(--deep-pink);
}
.active-heading-state.margin-botttom.margin-xxsmall.text-size-small {
margin-top: 0;
margin-left: 0;
margin-right: 0;
text-decoration: none;
}
.gamer-page-content {
padding-left: 0;
padding-right: 0;
}
.grid-5 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-6 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr 1fr;
}
.gamer-testimonial-wrapper.margin-top.margin-xlarge {
margin-top: 4rem;
}
.div-block-65 {
width: 392%;
height: 262%;
}
.gamer-testimonial-card {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
width: 392px;
height: 262px;
}
.gamer-testimonial-card.padding-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-style: none;
flex-flow: column;
width: auto;
height: auto;
display: flex;
}
.div-block-67 {
background-color: var(--card-bg-color);
width: 392px;
height: 262px;
}
.div-block-68 {
width: 392px;
height: 262px;
}
.grid-7 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.gamer-blog-wrapper.margin-top.margin-xlarge {
margin-top: 4rem;
}
.content-container {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: flex-start;
align-items: stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
display: flex;
position: relative;
top: auto;
}
.content-col.content-list {
clear: none;
flex-flow: column;
width: 100%;
max-width: 300px;
display: flex;
position: sticky;
top: 100px;
}
.content-col.content-all {
float: none;
max-width: 700px;
}
.content-col.content-col-fixed {
width: 100%;
max-width: 300px;
overflow: visible;
}
.sticky-content {
position: static;
top: 10px;
}
.content-list {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.content-list-border {
background-color: var(--grey--grey-800);
border-left: 1px solid #000;
border-radius: 1px;
display: none;
}
.content-list-link {
color: var(--grey--grey-300);
margin-bottom: 16px;
font-size: 14px;
text-decoration: none;
display: block;
}
.content-list-link.active {
color: var(--red--red-500);
}
.tocitem {
color: var(--grey--grey-300);
font-size: 14px;
text-decoration: none;
}
.tocitem._w--current, .tocitem.is-active {
color: var(--red--red-500);
}
.content-all.content-col.richtext-1 {
color: var(--grey--grey-300);
margin-bottom: 24px;
text-decoration: none;
}
.div-block-70 {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
display: flex;
}
.brand-logo-slider.margin-top.margin-vertical.margin-small {
margin-bottom: 1.5rem;
}
.brand-logo-slider.margin-top.margin-small {
height: auto;
}
.brand-logo-section {
width: 100%;
}
.logo-slider-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: auto;
margin-bottom: auto;
margin-left: 0;
padding-left: 0;
display: block;
overflow: visible;
}
.logo-slider-wrapper.auto-scroll-right {
flex-flow: row;
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.logo-slider-wrapper.auto-scroll-right.creator-logo {
margin-top: 1.5rem;
}
.logo-slider-wrapper.auto-scroll-right.margin-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 2rem;
}
.logo-slider-wrapper.auto-scroll-left {
flex-flow: row;
margin-top: 0;
}
.logo-slider-wrapper.auto-scroll-left.margin-top {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
justify-content: space-between;
width: 100%;
margin-top: 1.5rem;
display: block;
overflow: hidden;
}
.logo-slider-track-left {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: contain;
grid-template: "Area"
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: center;
justify-items: center;
width: 50vw;
min-width: 100vw;
overflow: visible;
}
.logo-slider-track-left.margin-top.margin-large {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
overflow: visible;
}
.logo-slider-track-left.margin-top.margin-large.new-logo-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: row;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 0;
max-width: 5000px;
margin-top: 0;
display: flex;
overflow: visible;
}
.logo-slider-track-left.margin-top.margin-large.new-logo-grid.hide {
display: none;
}
.logo-image, .logo-image.small.no-scroll {
width: 90px;
height: 50px;
}
.logo-image.sntch-logo {
width: 72px;
}
.logo-image.streamer-logo {
width: 60px;
height: 90px;
}
.logo-image.streamer-logo.stretch {
width: 80px;
}
.logo-image.new-logo-image {
background-color: var(--grey--grey-50);
filter: invert(70%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
width: 140px;
height: auto;
margin-top: auto;
margin-bottom: auto;
}
.logo-image.new-logo-image.small-image-size {
filter: invert(96%);
width: 86px;
}
.logo-image.new-logo-image.small-image-size.extra-small-img {
width: 66px;
}
.logo-image.new-logo-image.invert-update {
filter: invert(25%);
}
.logo-image.new-logo-image.invert-update.update {
filter: invert(0%);
}
.image-117 {
width: 86px;
height: 43px;
}
.tab-interactions {
border-bottom: 1px solid var(--grey--grey-900);
border-radius: 28px 28px 0 0;
width: 100%;
height: 98px;
}
.tab-interaction-container {
border: 1px solid var(--grey--grey-900);
background-color: #14141426;
border-radius: 28px;
height: 100%;
}
.tab-interaction-container.margin-top.margin-xxlarge.gradient-back-ground {
background-color: #141414;
background-image: linear-gradient(295deg, var(--bg-blue-gradient), #022e56 9%, var(--black) 22%, var(--black) 68%, var(--black));
}
.tab-interaction-wrapper {
border-bottom: 1px solid var(--grey--grey-900);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
height: 98px;
display: flex;
}
.tab-interaction-wrapper.padding-xsmall {
grid-column-gap: 26px;
grid-row-gap: 26px;
justify-content: center;
align-items: center;
height: 102px;
}
.tab-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 76px;
max-height: 76px;
}
.tab-link.padding-xxsmall {
max-width: 90px;
}
.heading-style-h7 {
color: var(--grey--grey-300);
font-size: 12px;
}
.heading-style-h7.text-align-center {
color: var(--grey--grey-300);
width: 100%;
font-weight: 600;
display: flex;
}
.heading-style-h7.text-align-center.active-tab {
color: var(--grey--grey-50);
font-weight: 600;
}
.feature-tab-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
filter: invert(50%);
color: var(--grey--grey-300);
text-align: center;
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 16px;
font-size: .75rem;
font-weight: 600;
line-height: 150%;
text-decoration: none;
display: flex;
}
.feature-tab-link.w--current {
grid-column-gap: 8px;
grid-row-gap: 8px;
filter: brightness();
color: var(--grey--grey-50);
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: none;
height: auto;
max-height: none;
padding: 16px;
display: flex;
}
.feature-tab-link.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.feature-tab-link.padding-xsmall.w--current {
color: var(--grey--grey-50);
max-width: none;
height: auto;
max-height: none;
}
.interactive-feature-tabs {
grid-column-gap: 26px;
grid-row-gap: 26px;
border-bottom: 1px solid var(--grey--grey-900);
border-radius: 28px 28px 0 0;
justify-content: center;
align-items: center;
height: 110px;
max-height: none;
display: flex;
}
.interactive-feature-tabs.padding-small {
justify-content: flex-start;
align-items: center;
height: auto;
overflow: hidden;
}
.tab-link-tab-2-2 {
background-color: #0000;
max-width: 90px;
max-height: 76px;
}
.tab-link-tab-2-2.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
max-height: none;
display: flex;
}
.tab-link-tab-2-2.padding-xsmall.w--current {
color: var(--grey--grey-50);
background-color: #0000;
}
.tab-link-tab-3 {
background-color: #0000;
}
.tab-link-tab-3.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-4 {
background-color: #0000;
}
.tab-link-tab-4.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-5 {
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-5.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.tab-link-tab-6 {
background-color: #0000;
}
.tab-link-tab-6.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-7 {
background-color: #0000;
}
.tab-link-tab-7.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-8, .tab-link-tab-9 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-10 {
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-10.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.tab-content-wrap {
display: flex;
}
.tab-content-wrap.padding-section-medium {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.tab-content-wrap.padding-section-small {
grid-column-gap: 42px;
grid-row-gap: 42px;
justify-content: center;
align-items: center;
}
.gradient-border-wrap {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 48%, var(--grey--grey-900) 66%, var(--deep-pink));
border-radius: 22px;
width: 723px;
height: 404px;
padding: 1px;
}
.gradient-border-wrap.margin-small {
height: 100%;
}
.gradient-border-wrap.margin-small.video-container {
display: none;
}
.gradient-border-wrap.app-feature {
width: 567px;
height: 327px;
}
.tab-image-wrap {
background-color: #141414;
border-radius: 22px;
height: 100%;
}
.tab-image-wrap.stylesystem_margin-right {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab-image-wrap.stylesystem_margin-right.padding-small {
aspect-ratio: auto;
height: auto;
position: relative;
overflow: hidden;
}
.feature-content {
flex-flow: column;
max-width: 378px;
display: flex;
}
.flex-block-6 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: flex-start;
}
.link-4 {
color: var(--grey--grey-50);
text-decoration: none;
}
.learn-more-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.learn-more-link.marin-top.margin-regular {
justify-content: flex-start;
align-items: flex-end;
margin-top: 1.5rem;
}
.learn-more-link.card-learnmore-link {
justify-content: flex-start;
align-items: center;
}
.learn-more-link.card-learnmore-link.margin-top.margin-xxsmall {
margin-top: auto;
}
.learn-more-link.webinar-link {
color: var(--grey--grey-900);
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.feature-image {
aspect-ratio: auto;
vertical-align: baseline;
object-fit: contain;
border-radius: 12px;
}
.feature-image.tab-feature-img {
height: auto;
padding-top: 0;
}
.platforms-logo-wrapper {
justify-content: flex-start;
align-items: center;
}
.platforms-logo-wrapper.text-align-center {
width: 100%;
}
.platform-logo-image {
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--bg-blue-gradient), var(--black) 40%, var(--black));
}
.platform-logo-image.margin-bottom.margin-large {
width: 100%;
}
.platform-logo-image.margin-vertical.margin-xxlarge {
width: 952px;
}
.grid-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.app-feature-content-wrap {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: center;
align-items: center;
width: 100%;
}
.app-feature-content-wrap.margin-vertical.margin-large {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: flex-end;
align-items: flex-start;
}
.app-feature-content-wrap.margin-vertical.margin-xlarge {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: center;
align-items: center;
}
.app-feature-content-wrap.margin-vertical.margin-xxlarge {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: 3 / 2;
color: var(--white);
justify-content: center;
align-items: center;
}
.app-feature-content-wrap.margin-top.margin-xlarge {
grid-column-gap: 80px;
grid-row-gap: 80px;
justify-content: center;
align-items: center;
margin-top: 5rem;
}
.app-feature-content-wrap.margin-top.margin-xlarge.extra-gap, .app-feature-content-wrap.margin-top.margin-xxhuge.extra-gap {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.app-feature-video {
border-radius: 16px;
width: 100%;
height: 100%;
}
.app-feature-wrap {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 35%, var(--grey--grey-900) 70%, var(--deep-pink));
object-fit: fill;
border-radius: 16px;
width: auto;
min-width: 567px;
max-width: none;
height: auto;
min-height: auto;
max-height: none;
padding: 1px;
}
.app-feature-wrap.live-platforms-wrap {
background-image: linear-gradient(to bottom, var(--grey--grey-800), var(--grey--grey-800));
min-width: 0;
min-height: 0;
}
.app-feature-wrap.live-platforms-wrap:hover {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), black 48%, var(--deep-pink));
}
.app-feature-wrap.creator-video, .app-feature-wrap.creator-video.margin-top.margin-xxlarge {
width: 100%;
}
.app-feature-wrap.creator-video.margin-top.margin-xlarge {
margin-top: 4rem;
}
.app-feature-video-wrap {
background-color: var(--card-bg-color);
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 16px;
display: flex;
overflow: hidden;
}
.app-feature-video-wrap.live-platforms-container {
background-color: var(--black);
padding: 0;
}
.app-feature-video-wrap.live-platforms-container.extension-content-wrap {
justify-content: center;
align-items: center;
}
.video {
width: 100%;
height: 100%;
}
.feature-video-container {
border-radius: 8px;
height: 100%;
}
.video-2 {
border-radius: 8px;
width: 100%;
height: 100%;
}
.div-block-71 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.video-content {
width: auto;
}
.video-content.max-width-medium {
color: var(--white);
width: 100%;
}
.bold-text-24 {
color: var(--grey--grey-50);
}
.bold-text-25 {
color: var(--grey--grey-50);
-webkit-text-stroke-color: var(--grey--grey-50);
}
.bold-text-26 {
color: var(--grey--grey-50);
}
.feature-list-points {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
margin-bottom: 32px;
padding-left: 16px;
display: flex;
}
.highlighted-text {
color: var(--grey--grey-50);
font-style: normal;
font-weight: 600;
}
.bold-text-28 {
color: var(--grey--grey-300);
}
.div {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
display: flex;
}
.footer-icon-text {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.game-template {
border-radius: 8px;
width: 100%;
height: 700px;
}
.template-wrapper {
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 1rem;
}
.template-wrapper.align-center {
width: 100%;
}
.games-platform-images {
border-radius: 16px;
}
.games-platform-images.margin-bottom.margin-small {
width: 100%;
}
.collection-list-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.pb-20 {
padding-bottom: 20px;
}
.view-more-link {
color: var(--grey--grey-50);
text-decoration: underline;
}
.view-more-link.webinar-link {
color: var(--grey--grey-900);
font-weight: 500;
}
.link-block-4 {
text-decoration: none;
display: flex;
}
.link-block-4.flex-1 {
background-color: var(--grey--grey-900);
border-radius: 16px;
padding: 1px;
}
.link-block-4.flex-1:hover {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 48%, var(--grey--grey-900) 59%, var(--deep-pink));
border: 1px #000;
}
.collection-item-2 {
display: flex;
}
.platform-card-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
display: flex;
}
.platform-card {
background-color: var(--grey--grey-900);
border-radius: 16px;
padding: 1px;
}
.platform-card:hover {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 35%, var(--grey--grey-900) 70%, var(--deep-pink));
}
.platform-image {
border-radius: 16px;
width: 100%;
}
.platform-image.margin-botton.margin-small {
width: 100%;
}
.platform-image.margin-botton.margin-small.align-center {
justify-content: center;
align-items: center;
}
.platform-card-wrapper {
background-color: var(--card-bg-color);
border-radius: 16px;
}
.collection-list-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 400px));
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.capitalize {
text-transform: capitalize;
}
.heading-68 {
color: var(--grey--grey-900);
}
.usecase1-cards-container {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gamer-cards-wrap {
background-color: var(--card-bg-color);
border-radius: 16px;
flex-flow: column;
height: 100%;
}
.gamer-cards-wrap.padding-small {
background-color: var(--card-bg-color);
border-radius: 16px;
height: 100%;
font-size: 16px;
}
.gamer-cards-wrap.padding-medium {
background-color: var(--card-bg-color);
justify-content: flex-start;
align-items: flex-start;
height: auto;
display: flex;
}
.gamer-cards-wrap.padding-medium.flex-1 {
object-fit: fill;
justify-content: flex-start;
height: 100%;
}
.game-card-link {
background-color: var(--grey--grey-900);
border-radius: 16px;
height: 100%;
padding: 1px;
text-decoration: none;
}
.game-card-link:hover {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 42%, var(--grey--grey-900) 66%, var(--deep-pink));
}
.game-card-link.flex-1 {
align-items: stretch;
height: 100%;
display: flex;
}
.text-block-83 {
color: var(--grey--grey-50);
text-decoration: none;
}
.page-nav {
flex-flow: row;
display: flex;
}
.dropdown-chevron {
-webkit-text-stroke-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar3_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.navbar3_menu-button {
padding: 0;
}
.navbar3_dropdown-toggle {
grid-column-gap: .5rem;
color: var(--\);
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.navbar3_menu {
justify-content: flex-start;
align-items: center;
margin-left: -1rem;
display: flex;
position: static;
}
.navbar3_logo-link-menu {
padding-left: 0;
display: none;
}
.navbar3_menu-dropdown {
margin-left: 0;
margin-right: 0;
}
.navbar3_dropdown-list.w--open {
border: 1px solid var(--\);
background-color: var(--\);
padding: 8px;
position: absolute;
}
.navbar3_dropdown-link {
color: var(--\);
padding: .5rem 1rem;
}
.navbar3_dropdown-link.w--current {
color: var(--\);
}
.navbar3_logo-link {
padding-left: 0;
}
.navbar3_menu-background {
display: none;
position: static;
}
.navbar3_link {
color: var(--\);
margin-left: 0;
margin-right: 0;
padding: .5rem 1rem;
}
.navbar3_link.w--current {
color: var(--\);
}
.navbar3_component {
border-bottom: 1px solid var(--\);
background-color: var(--\);
align-items: center;
width: 100%;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar3_tablet-menu-button {
border: 1px solid var(--\);
color: var(--\);
background-color: #000;
margin-left: 1rem;
padding: .5rem 1.5rem;
display: none;
}
.page-nav-link {
background-color: var(--white);
color: var(--black);
text-decoration: none;
}
.page-nav-link.padding-small {
background-color: var(--white);
color: var(--black);
border-radius: 50px;
}
.page-nav-link.padding-xsmall {
border-radius: 50px;
}
.usecase-pagetab {
color: var(--white);
background-color: #0000;
}
.usecase-pagetab.w--current {
background-color: var(--white);
color: var(--black);
border-radius: 50px;
}
.tab-link-tab-2-3 {
background-color: #0000;
}
.tab-link-tab-2-3.w--current {
color: var(--black);
background-color: #fff;
border-radius: 50px;
}
.text-block-84, .text-block-85 {
color: var(--white);
}
.tab-link-tab-3-2 {
background-color: #0000;
}
.page-content-bar.margin-bottom.margin-xlarge.align-center {
flex-flow: row;
}
.tab-link-tab-4-2 {
color: var(--white);
background-color: #0000;
}
.gamer-cards-wrap-2 {
background-color: #141414;
border-radius: 16px;
flex-flow: column;
}
.gamer-cards-wrap-2.padding-medium {
background-color: #141414;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.heading-style-h4-5 {
color: #f5f5f5;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-family: Inter, sans-serif;
font-size: 1.728rem;
font-weight: 600;
line-height: 1.3;
}
.game-card-link-2 {
background-color: #212121;
border-radius: 16px;
padding: 1px;
text-decoration: none;
}
.game-card-link-2:hover {
background-image: linear-gradient(301deg, #035cac, #212121 42% 66%, #ff0064);
}
.text-size-small-2 {
color: #bebebe;
font-size: .875rem;
}
.view-more-link-2 {
color: #f5f5f5;
text-decoration: none;
}
.collection-list-wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.platforms {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.pagination-2 {
margin-top: 40px;
}
.search-bar {
border: 2px solid var(--grey--grey-900);
background-color: var(--grey--grey-900);
border-radius: 16px;
}
.search-bar.margin-bottom.margin-small {
border-width: 1px;
border-color: var(--grey--grey-800);
border-radius: 8px;
height: 46px;
}
.search-bar.margin-bottom.margin-small.template-bar {
max-width: 600px;
margin-bottom: 0;
}
.previous {
background-color: var(--card-bg-color);
color: var(--white);
border-radius: 50px;
}
.previous:hover {
border-color: var(--grey--grey-700);
background-color: var(--grey--grey-800);
}
.next-2 {
background-color: var(--card-bg-color);
color: var(--white);
border-radius: 50px;
}
.next-2:hover {
border-color: var(--grey--grey-700);
background-color: var(--grey--grey-800);
}
.text-block-86, .icon-6 {
color: var(--white);
}
.grid-9 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.usecases-cards {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.usecases-cards.collection-list-7 {
justify-content: center;
}
.dropdown-toggle {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: var(--grey--grey-400);
border-radius: 8px;
justify-content: flex-start;
align-items: center;
height: 52px;
display: flex;
}
.dropdown-toggle.margin-bottom.margin-xxsmall {
background-color: var(--grey--grey-100);
height: 40px;
}
.dropdown-toggle.margin-bottom.margin-xxsmall:hover {
background-color: var(--grey--grey-200);
}
.text-block-87, .icon-7 {
color: var(--black);
}
.dropdown-list-3 {
border-radius: 8px;
}
.dropdown-list-3.w--open {
background-color: var(--grey--grey-100);
}
.dropdown-item {
border-radius: 8px;
}
.dropdown-item:hover {
background-color: var(--grey--grey-0);
}
.form-selector.margin-bottom.margin-large.template-selector {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: center;
align-items: center;
width: 60%;
margin-top: 3rem;
margin-bottom: 2rem;
display: flex;
}
.platform-dropdown {
background-color: var(--grey--grey-100);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 40px;
display: flex;
}
.platform-dropdown.margin-bottom.margin-xxsmall:hover {
background-color: var(--grey--grey-200);
}
.interaction-dropdown {
background-color: var(--grey--grey-100);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 40px;
display: flex;
}
.interaction-dropdown.margin-xxsmall {
width: 195px;
}
.dropdown-list-4 {
background-color: var(--combine-library-success-100);
}
.dropdown-list-4.w--open, .platform-link {
background-color: var(--grey--grey-100);
border-radius: 8px;
}
.platform-link:hover {
background-color: var(--grey--grey-0);
}
.dropdown-list-5 {
background-color: var(--combine-library-grey-100);
}
.dropdown-list-5.w--open {
background-color: var(--grey--grey-100);
border-radius: 8px;
}
.interaction-selection {
background-color: var(--grey--grey-100);
color: var(--black);
border-radius: 8px;
align-items: center;
width: 195px;
height: 40px;
display: block;
}
.interaction-selection:hover {
background-color: var(--grey--grey-200);
}
.platform-selection {
background-color: var(--grey--grey-100);
color: var(--black);
border-radius: 8px;
width: 195px;
height: 40px;
}
.platform-selection.margin-left.margin-xxsmall:hover {
background-color: var(--grey--grey-200);
}
.select-field-3 {
background-color: var(--grey--grey-100);
color: var(--black);
border-radius: 8px;
width: 195px;
height: 40px;
}
.select-field-3.template-field {
height: 46px;
margin-bottom: 0;
}
.image-118, .image-119, .image-120, .image-121, .image-122, .image-123 {
border-radius: 8px;
}
.collection-list-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-7 {
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
display: grid;
}
.collection-list-wrapper-4 {
margin-bottom: 60px;
}
.button-7 {
z-index: 100;
position: fixed;
inset: auto 3% 3% auto;
}
.flex-block-7 {
flex-flow: row;
}
.whiteboarddiv {
height: 100vh;
}
.game-iframe-wrapper {
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 1rem;
}
.game-iframe-wrapper.align-center {
width: 100%;
}
.sub-heading.margin-top.margin-small.max-width-regular {
justify-content: center;
width: 100%;
max-width: 42rem;
}
.comparison-table {
width: 100%;
}
.comparison-table.margin-top.margin-large {
background-color: var(--card-bg-color);
border-radius: 32px;
width: 1160px;
}
.comparison-table.margin-top.margin-xxlarge {
background-color: var(--card-bg-color);
border-radius: 24px;
}
.heading-underline {
width: 760px;
height: 4px;
}
.heading-underline.align-center {
background-color: var(--grey--grey-600);
width: 676px;
height: 2px;
}
.heading-underline.align-center.margin-top.margin-extrasmall {
background-color: var(--grey--grey-900);
width: 100%;
height: 1px;
}
.comparison-table-content {
grid-column-gap: 16px;
grid-template-columns: 4fr 2fr 2fr;
width: 100%;
}
.comparison-table-content.margin-top.margin-extrasmall {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 6fr 2fr 2fr;
}
.empty-box {
height: 56px;
}
.heading-container {
flex-flow: column;
height: auto;
display: flex;
}
.div-block-74, .div-block-75 {
flex-flow: column;
display: flex;
}
.comparison-content {
color: var(--grey--grey-100);
}
.comparison-content.text-align-left.padding-xxsmall {
color: var(--grey--grey-200);
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular {
height: 37px;
}
.comparison-icon, .image-124 {
width: 20px;
height: 20px;
}
.icon-container {
height: 37px;
}
.icon-container.padding-xxsmall.text-align-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-image {
width: 20px;
height: 20px;
}
.icon-image.correct-icon {
width: 28px;
height: 28px;
}
.list-5 {
padding-left: 20px;
}
.image-125 {
border-radius: 8px;
width: 100%;
height: 100%;
}
.white-body {
background-color: var(--white);
}
.video-container {
width: 100%;
height: 100%;
}
.video-container.margin-top.margin-xxlarge {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 32%, var(--grey--grey-900) 64%, var(--deep-pink));
background-image: linear-gradient(301deg, #035cac, #212121 32% 64%, #ff0064);
border-radius: 16px;
width: 100%;
max-width: 1160px;
height: auto;
padding: 2px;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox {
height: 657px;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update {
margin-top: 2rem;
position: relative;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.margin-bottom {
margin-bottom: 5rem;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.margin-bottom.auto {
height: auto;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.margin-bottom.auto.min-margin {
margin-bottom: 0;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.auto {
height: auto;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.hide {
display: none;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.glow-effect {
background-image: linear-gradient(to bottom, var(--deep-pink), var(--deep-pink));
max-width: none;
height: 700px;
position: relative;
box-shadow: 6px 6px 20px 1px #640027, -6px -6px 20px 1px #640027;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.glow-effect.auto-height {
height: auto;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.glow-effect.auto-height.top-margin {
width: 100%;
margin-top: 4rem;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.glow-effect.auto-height.margin-6rem {
margin-bottom: 6rem;
}
.video-container.margin-top.margin-xxlarge.video-wrapper {
max-width: 72rem;
}
.video-container.margin-top.margin-xxlarge.video-wrapper.video-hflex {
width: 60%;
max-width: none;
margin-top: 0;
}
.video-container.margin-top.margin-xxlarge.video-wrapper.icebreaker-image-wrapper {
margin-top: 4rem;
}
.code-embed-5 {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.image-credit {
color: var(--grey--grey-700);
text-align: center;
font-size: 10px;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.breadcrumb-flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.live-platforms {
grid-template-rows: auto;
}
.live-platforms.margin-top.margin-large {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.live-platforms.margin-top.margin-large.extension-content-contner.margin-down {
margin-bottom: 3rem;
}
.live-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--card-bg-color);
border-radius: 12px;
width: 100%;
height: 100%;
}
.live-content.padding-small {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: flex-start;
}
.live-content.padding-small.extension-wrap {
justify-content: flex-start;
align-items: flex-start;
}
.live-content.padding-xsmall {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.platforms-logo {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.platforms-logo.align-center {
flex-flow: row;
}
.rating-link {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: flex-start;
align-items: center;
}
.rating-link.margin-top.margin-xxsmall {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.rating {
color: var(--grey--grey-300);
text-decoration: none;
}
.rating.margin-left.margin-xxxsmall {
color: var(--grey--grey-300);
margin-left: 4px;
}
.testimonial-name.text-align-center {
width: 100%;
}
.extension-content-container {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.extension-content-container.margin-top.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 4rem;
}
.extension-content-container.margin-top.margin-xxlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.list-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-left: 16px;
display: flex;
}
.flex-block-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.list-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-left: 0;
display: flex;
}
.grid-10 {
grid-template-rows: auto;
}
.content {
background-color: var(--card-bg-color);
border-radius: 16px;
}
.content.padding-xsmall {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 100%;
}
.content.padding-small {
height: 100%;
}
.extension-text.text-align-left {
margin-top: .85rem;
}
.image-126 {
aspect-ratio: 3 / 2;
border-radius: 12px;
width: 100%;
height: auto;
max-height: 240px;
}
.semi-bold {
font-weight: 600;
}
.all-tags-2 {
color: #f5f5f5;
background-color: #0000;
border: 1px #ff0064;
border-radius: 0;
justify-content: center;
align-items: center;
width: auto;
height: auto;
font-size: 14px;
display: block;
}
.btn-2 {
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #ff0064;
border: 1px #212121;
border-radius: 50px;
align-items: center;
height: 48px;
padding: 0 1.5rem;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: all .2s;
display: flex;
}
.btn-2:hover {
background-color: #3063e0;
}
.btn-2.margin-top.margin-medium {
box-shadow: inset 2px -2px 5px 0 var(--red--red-800), inset -2px 2px 5px 0 var(--red--red-800);
}
.btn-2.margin-top.margin-medium:hover {
box-shadow: inset 2px -2px 5px 0 var(--blue--blue-800), inset -2px 2px 5px 0 var(--blue--blue-800);
}
.video-title-2 {
color: #ceced3;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 20px;
font-style: italic;
font-weight: 400;
line-height: 160%;
}
.text-size-regular-2 {
color: #bebebe;
font-size: 1rem;
}
.heading-style-h1-3 {
color: #f5f5f5;
letter-spacing: -2px;
font-family: Inter, sans-serif;
font-size: 2.9868rem;
font-weight: 700;
line-height: 120%;
}
.heading-style-h1-3.max-width-large.margin-top.margin-small {
flex-flow: column;
align-items: center;
}
.heading-style-h1-3.max-width-regular {
max-width: 45rem;
}
.heading-style-h1-3.max-width-regular.margin-top.margin-small.text-align-center {
text-align: center;
flex-flow: column;
align-items: center;
}
.rating-2 {
color: #bebebe;
text-decoration: none;
}
.rating-2.margin-left.margin-xxxsmall {
color: #bebebe;
margin-left: 4px;
}
.badge-content-2 {
background-color: #ff006433;
border: 1px solid #ff0064;
border-radius: 50px;
padding: .25rem 1rem;
}
.user-videos-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-76 {
padding: 1px;
}
.video-wrap {
background-color: var(--card-bg-color);
border-radius: 16px;
}
.user-videos {
border-radius: 16px;
}
.user-video-wrap {
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 1px;
}
.user-video-wrap.bg-color-gradient {
aspect-ratio: 16 / 9;
border: 1px solid var(--grey--grey-900);
background-image: none;
justify-content: flex-start;
align-items: center;
padding: 1px;
display: flex;
}
.user-video-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.user-video-container.margin-top.margin-large {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.user-video-content {
aspect-ratio: auto;
border-radius: 16px;
}
.video-3 {
border-radius: 16px;
}
.code-embed-6 {
aspect-ratio: auto;
border-radius: 16px;
width: 100%;
height: auto;
padding-left: 12px;
padding-right: 12px;
overflow: hidden;
}
.italic-text {
font-style: normal;
}
.pricing-compare-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.pricing-legend-column {
width: 25%;
}
.pricing-free-column {
flex-flow: row;
justify-content: center;
align-items: stretch;
width: 20%;
display: flex;
}
.pricing-basic-column {
justify-content: center;
align-items: stretch;
width: 20%;
display: flex;
}
.pricing-pro-column, .pricing-proplus-column {
flex-flow: column;
width: 20%;
display: flex;
}
.pricing-enterprise-column {
justify-content: center;
align-items: stretch;
width: 20%;
display: flex;
}
.pricing-content-column {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
object-fit: fill;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
width: 100%;
display: flex;
}
.feature-pricing-content {
font-size: 14px;
}
.dropdown-toggle-2 {
padding: 10px 20px 10px 10px;
}
.text-block-88 {
font-size: 14px;
}
.icon-8 {
margin-right: 0;
}
.select-pro-plan {
background-color: var(--grey--grey-100);
color: var(--black);
border-radius: 8px;
width: 80px;
height: 40px;
margin-bottom: 0;
font-size: 14px;
}
.select-pro-plan.new-price-commenter {
border: 1px solid var(--grey--grey-700);
background-color: var(--grey--grey-900);
color: var(--white);
justify-content: flex-start;
align-items: center;
width: 86px;
height: 42px;
margin-left: 0;
margin-right: auto;
display: block;
}
.select-pro-plan.new-price-commenter.js-pro-commenter {
border-color: var(--grey--grey-400);
width: 96px;
font-size: 16px;
}
.select-pro-plan.new-price-commenter.month-pro-commenter {
width: 96px;
font-size: 16px;
}
.select-pro-plan.new-price-commenter.js-starter-commenter {
border-color: var(--grey--grey-400);
width: 96px;
font-size: 16px;
}
.pricing-select-legend {
padding-top: 5px;
padding-bottom: 5px;
font-size: 15px;
line-height: 16px;
}
.pro-1-form.update {
margin-bottom: 0;
}
.pro-1-form.update.start-pro-form.hide {
display: none;
}
.form-5 {
justify-content: center;
align-items: center;
display: flex;
}
.form-5.update {
justify-content: flex-start;
align-items: center;
}
.pro-250 {
flex-flow: column;
justify-content: center;
align-items: center;
}
.under-price {
color: var(--dark-grey);
margin-top: 5px;
font-size: 15px;
font-weight: 700;
line-height: 1.25;
}
.pricing-tabs.margin-top.margin-small {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
}
.tab-toggle-text {
width: 90px;
font-size: 14px;
}
.best-value-text {
background-color: var(--deep-pink);
color: var(--grey--grey-50);
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
width: auto;
padding: 2px 8px;
font-size: 13px;
font-weight: 500;
position: absolute;
top: 0;
}
.bold-text-29 {
text-decoration: underline;
}
.bold-text-29.highlighted-text {
cursor: default;
text-decoration: underline;
}
.commenter-dropdown {
border: 1px solid var(--grey--grey-700);
background-color: var(--grey--grey-900);
border-radius: 10px;
justify-content: center;
align-items: center;
width: 96px;
height: 24px;
padding-right: 60px;
display: flex;
}
.icon-9 {
color: var(--grey--grey-200);
}
.dropdown-list-6 {
background-color: var(--combine-library-error-100);
}
.dropdown-list-6.w--open {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
border-radius: 10px;
}
.commenter-link {
color: var(--grey--grey-200);
font-family: Open Sans, sans-serif;
font-size: 14px;
}
.commenter-link:hover {
background-color: var(--grey--grey-800);
border-radius: 10px 10px 0 0;
}
.dropdown-link-5 {
color: var(--grey--grey-200);
font-size: 14px;
}
.dropdown-link-5:hover {
background-color: var(--grey--grey-800);
}
.dropdown-link-6 {
color: var(--grey--grey-200);
font-size: 14px;
}
.dropdown-link-6:hover {
background-color: var(--grey--grey-800);
}
.dropdown-link-7 {
color: var(--grey--grey-200);
font-size: 14px;
}
.dropdown-link-7:hover {
background-color: var(--grey--grey-800);
}
.dropdown-link-8 {
color: var(--grey--grey-200);
font-size: 14px;
}
.dropdown-link-8:hover {
background-color: var(--grey--grey-800);
}
.dropdown-link-9 {
color: var(--grey--grey-200);
font-size: 14px;
}
.dropdown-link-9:hover {
background-color: var(--grey--grey-800);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.flex-block-9 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 42px;
}
.grid-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
}
.grid-11.stick-grid.update-pricing {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid-11.stick-grid.update-pricing.sticky-header {
z-index: 0;
position: sticky;
top: auto;
}
.grid-11.stick-grid.update-pricing.sticky-plan-header {
z-index: 999;
position: sticky;
top: 100px;
}
.compare-plan-blocks {
border: 1px solid var(--grey--grey-800);
background-color: var(--card-bg-color);
padding: 12px 10px;
}
.compare-plan-blocks.pro-block {
border-style: none solid;
border-color: var(--deep-pink);
}
.compare-plan-blocks.pro-block.down-border {
border-style: none solid;
}
.compare-plan-blocks.pro-block.cta-btn-block.update {
border-style: none;
}
.compare-plan-blocks.pro-block.last-pro-block {
border-bottom-style: solid;
}
.compare-plan-blocks.pro-block.first-pro-block {
border-top-style: solid;
}
.compare-plan-blocks.cta-btn-block {
background-color: #0000;
border-style: none;
}
.compare-plan-blocks.cta-btn-block.left-side {
background-color: var(--card-bg-color);
border-style: none none solid solid;
border-bottom-left-radius: 8px;
}
.compare-plan-blocks.cta-btn-block.right-side {
background-color: var(--card-bg-color);
border-bottom-style: solid;
border-right-style: solid;
border-bottom-right-radius: 8px;
}
.compare-plan-blocks.cta-btn-block.update {
background-color: var(--card-bg-color);
border-bottom-style: solid;
}
.compare-plan-blocks.cta-btn-block.update.pro-cta {
border-bottom-style: solid;
border-bottom-color: var(--deep-pink);
}
.compare-plan-blocks.v-flex {
grid-column-gap: 2px;
grid-row-gap: 2px;
display: flex;
}
.compare-plan-blocks.vertical-flex {
flex-flow: column;
display: flex;
}
.compare-plan-blocks.left-header {
border-top-left-radius: 8px;
}
.compare-plan-blocks.right-header {
border-top-right-radius: 8px;
}
.compare-plan-blocks.left-side {
border-bottom-left-radius: 8px;
}
.div-block-77 {
width: 100%;
}
.div-block-78 {
background-color: var(--black);
padding: 12px 10px;
}
.div-block-78.update-pricing {
padding: 0;
}
.compare-plan-heading {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-800);
color: var(--grey--grey-500);
-webkit-text-stroke-color: var(--grey--grey-700);
width: 100%;
padding: 12px;
}
.compare-plan-heading.left-header {
border-top-left-radius: 8px;
}
.grid-12 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-12.content-ai-grid {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
}
.icon-text-flex {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.icon-text-flex.update {
grid-column-gap: 2px;
grid-row-gap: 2px;
justify-content: flex-start;
align-items: flex-start;
}
.list-8 {
padding-left: 16px;
}
.white {
color: var(--grey--grey-50);
font-weight: 500;
}
.old {
width: 102px;
}
.image-127, .image-128, .image-129, .image-130, .image-131, .image-132 {
cursor: default;
}
.grid-13 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.category-block.align-center {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--card-bg-color);
border-radius: 16px;
width: 100%;
height: 100%;
padding: 32px 24px;
text-decoration: none;
}
.category-block.align-center:hover {
background-color: var(--grey--grey-900);
}
.category-wrapper {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 42%, var(--grey--grey-900) 68%, var(--deep-pink));
border-radius: 16px;
padding: 1px;
}
.category-wrapper.bg-color-gradient {
border-radius: 16px;
}
.image-133 {
height: 32px;
}
.category-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.heading-midlarge-usecase {
font-size: 44px;
line-height: 115%;
}
.image-134 {
border-radius: 8px;
}
.navbar2_link {
color: var(--white);
padding: .5rem 1rem;
font-weight: 400;
}
.navbar2_link:hover {
color: var(--grey--grey-300);
}
.navbar2_link.w--current {
color: #212121;
}
.navbar2_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .375fr 1fr .375fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.navbar2_container.max-width-1440 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
max-width: 1280px;
height: auto;
margin-left: 0;
margin-right: 0;
padding: 12px 20px;
display: flex;
position: relative;
}
.navbar2_logo-link {
padding-left: 0;
}
.navbar2_logo-link.mbl {
display: none;
}
.navbar2_logo {
height: 38px;
}
.navbar2_menu-button {
padding: 0;
}
.nav-icon {
opacity: .77;
height: 20px;
}
.navbar12_dropdown-link {
grid-column-gap: 1rem;
grid-row-gap: 0px;
color: #212121;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: center;
padding-top: .25rem;
padding-bottom: .25rem;
text-decoration: none;
display: grid;
}
.navbar12_dropdown-link:hover {
text-decoration: underline;
}
.navbar12_dropdown-link.margin-top {
margin-top: 40px;
}
.navbar12_dropdown-link.no-icon-block {
grid-column-gap: 0rem;
}
.navbar12_dropdown-link.no-margin {
padding-top: 0;
}
.navbar12_dropdown-link-list {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-rows: max-content;
grid-auto-columns: 1fr;
display: grid;
}
.navbar12_dropdown-link-list.margin-top {
margin-top: 40px;
}
.navbar12_dropdown-toggle {
grid-column-gap: .5rem;
color: var(--white);
align-items: center;
padding: .5rem 1rem;
font-weight: 400;
display: flex;
}
.navbar12_dropdown-toggle:hover, .navbar12_dropdown-toggle.w--open {
color: var(--grey--grey-300);
font-weight: 400;
}
.navbar12_icon-wrapper {
flex: none;
}
.navbar12_text-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.navbar2_component {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--black);
background-image: linear-gradient(#000, #0000);
border: 1px #dbdbdb;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100vw;
max-width: none;
height: auto;
min-height: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: sticky;
top: 0;
overflow: visible;
}
.navbar12_dropdown-list.w--open {
background-color: #fff;
border: 1px solid #bebebe;
border-radius: 6px;
width: 40rem;
padding: 1.5rem;
right: auto;
}
.navbar12_dropdown-list.shadow-xxlarge.w--open {
border-style: solid;
border-color: var(--grey--grey-800);
background-color: var(--card-bg-color);
width: auto;
}
.navbar12_dropdown-list.shadow-xxlarge.nav-col-width.w--open {
border-style: solid;
border-color: var(--grey--grey-800);
background-color: var(--card-bg-color);
color: var(--grey--grey-200);
border-radius: 8px;
width: 35rem;
}
.navbar12_dropdown-list.shadow-xxlarge.w--open {
background-color: #141414;
border-style: solid;
border-color: #424242;
width: auto;
}
.navbar12_dropdown-list.shadow-xxlarge.nav-col-width.w--open {
border-style: solid;
border-color: var(--grey--grey-800);
color: #dbdbdb;
background-color: #141414;
border-radius: 8px;
width: auto;
padding-right: 2rem;
}
.navbar12_dropdown-list.shadow-xxlarge.nav-col-width.new-dropdown.w--open {
grid-column-gap: 60px;
grid-row-gap: 60px;
width: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
top: 50px;
left: -420px;
}
.navbar2_button-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
margin-left: auto;
display: flex;
}
.navbar12_menu-dropdown, .navbar12_menu-dropdown:hover {
color: var(--grey--grey-300);
}
.navbar12_dropdown-content {
grid-column-gap: 3rem;
grid-row-gap: 12px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: start;
place-items: start;
margin-bottom: 24px;
display: grid;
}
.navbar12_dropdown-content.margin-0 {
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
margin-bottom: 24px;
display: flex;
}
.navbar12_dropdown-content.margin-0.new-dropdown {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.navbar12_dropdown-content.nav-solution {
grid-column-gap: 3rem;
margin-bottom: 24px;
}
.navbar12_dropdown-content.nav-solution.community-nav {
grid-template-columns: 1fr;
}
.navbar12_dropdown-content.margin-top.margin-small {
grid-column-gap: 80px;
grid-row-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.navbar12_dropdown-content.margin-top.margin-small.v-flex {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.text-size-tiny-7 {
font-size: .875rem;
}
.text-size-tiny-7.text-weight-semibold {
color: var(--grey--grey-500);
text-transform: uppercase;
font-size: .75rem;
}
.text-size-tiny-7.text-weight-semibold.text-color-white {
color: #fff;
}
.text-size-tiny-7.text-weight-semibold.text-color-white.hide {
margin-top: 0;
}
.text-weight-semibold.text-size-small:hover {
text-decoration: underline;
}
.navbar2_menu {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.navbar2_menu.is-page-height-tablet {
justify-content: center;
align-self: auto;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 0;
position: absolute;
}
.is-navbar2-button.button.is-small {
border-radius: 8px;
font-weight: 500;
}
.text-block-89 {
color: var(--white);
font-weight: 400;
}
.text-block-90 {
font-weight: 400;
}
.nav-linking-2 {
color: #fff;
padding: .5rem 1rem;
}
.nav-linking-2:hover {
color: #bebebe;
}
.nav-linking-2.w--current {
color: #fff;
}
.navbar2_link-2 {
color: #fff;
padding: .5rem 1rem;
font-weight: 400;
}
.navbar2_link-2:hover {
color: #bebebe;
}
.navbar2_link-2.w--current {
color: var(--grey--grey-300);
}
.navbar2_link-2.login-mbl {
display: none;
}
.text-block-91 {
font-weight: 400;
}
.navbar12_dropdown-toggle-2 {
grid-column-gap: .5rem;
color: #fff;
align-items: center;
padding: .5rem 1rem;
font-weight: 400;
display: flex;
}
.navbar12_dropdown-toggle-2:hover, .navbar12_dropdown-toggle-2.w--open {
color: #bebebe;
font-weight: 400;
}
.navbar12_dropdown-toggle-2.new-nav-dropdown {
height: 100%;
}
.navbar12_menu-dropdown-2, .navbar12_menu-dropdown-2:hover {
color: #bebebe;
}
.cta-button-2 {
color: #fff;
text-align: center;
text-transform: none;
background-color: #ff0064;
border-radius: 36px;
padding: 15px 34px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
}
.cta-button-2:hover {
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.cta-button-2.nav-action {
box-shadow: inset 2px -2px 5px 0 var(--red--red-600), inset -2px 2px 5px 0 var(--red--red-600);
text-transform: none;
margin-left: 0;
padding: 10px 24px;
text-decoration: none;
}
.cta-button-2.nav-action:hover {
background-color: var(--hover-blue);
box-shadow: inset 2px -2px 5px 0 var(--blue--blue-700), inset -2px 2px 5px 0 var(--blue--blue-700);
}
.cta-button-2.nav-action.link-type {
box-shadow: none;
color: #fff;
background-color: #000;
margin-left: 24px;
font-weight: 400;
}
.cta-button-2.nav-action.link-type:hover {
color: #ceced3;
}
.cta-button-2.nav-action.link-type.login-mbl, .cta-button-2.nav-action.signup-mbl {
display: none;
}
.dropdown-chevron-2 {
-webkit-text-stroke-color: white;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.text-weight-semibold {
color: #525252;
font-weight: 600;
}
.text-weight-semibold.text-size-small {
color: #dbdbdb;
white-space: nowrap;
word-break: normal;
font-size: .875rem;
font-weight: 400;
}
.text-weight-semibold.text-size-small:hover {
color: #fff;
text-decoration: underline;
}
.text-size-tiny-8 {
font-size: .875rem;
}
.text-size-tiny-8.text-weight-semibold {
color: #9e9e9e;
text-transform: uppercase;
font-size: .75rem;
}
.text-size-tiny-8.text-weight-semibold.text-color-white {
color: #fff;
}
.text-size-tiny-8.text-weight-semibold.text-color-white.hide {
margin-top: 0;
}
.showmore-compare {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
}
.showmore-compare.margin-bottom.margin-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.div-block-79 {
background-color: var(--grey--grey-900);
width: 500px;
height: 1px;
}
.div-block-79.enterprice-block-line {
background-color: #0000;
background-image: radial-gradient(circle farthest-corner at 50% 50%, #212121, var(--grey--grey-900) 50%, var(--black) 95%);
}
.div-block-79.enterprice-block-line.margin-vertical.margin-xxsmall {
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--grey--grey-900), #212121 76%, var(--black));
}
.compare-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.padding-section-xsmall {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padding-section-xsmall.extra-padding {
padding-top: 6.25rem;
}
.feature-img-wrapper {
aspect-ratio: 2;
justify-content: center;
align-items: center;
height: auto;
display: flex;
}
.bold-text-31 {
font-weight: 400;
}
.text-size-sub-heading {
color: var(--grey--grey-200);
font-size: 1.15rem;
}
.text-size-sub-heading.grey-0 {
color: var(--grey--grey-0);
}
.text-size-sub-heading.grey-50 {
color: var(--grey--grey-50);
}
.lightbox-link, .lightbox-link-2, .lightbox-link-3, .lightbox-link-4, .lightbox-link-5, .lightbox-link-6, .lightbox-link-7, .lightbox-link-8, .lightbox-link-9, .lightbox-link-10 {
background-color: var(--card-bg-color);
border-radius: 8px;
padding: 8px;
}
.flex-block-10 {
justify-content: flex-start;
align-items: center;
}
.flex-block-11, .flex-block-12 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.v-flex.max-width-xsmall {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.flex-block-13 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.features-text {
color: var(--grey--grey-50);
font-size: 14px;
}
.features-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.features-block.max-width-large {
flex-flow: wrap;
}
.features-block.max-width-large.tags-template {
justify-content: flex-start;
align-items: flex-start;
max-width: none;
display: flex;
}
.features-block.max-width-large.tags-template.align-center {
justify-content: center;
align-items: flex-start;
}
.feature-tags {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
border-radius: 36px;
margin: 1px;
padding: 4px 12px 4px 7px;
}
.brand-logo-flex {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.link-5 {
line-height: 150%;
}
.flex-block-14 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
}
.flex-block-15 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
}
.compare-feature-text {
color: var(--grey--grey-200);
line-height: 150%;
}
.compare-feature-text.white {
font-weight: 400;
line-height: 150%;
}
.dropdown-feature {
height: auto;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.dropdown-feature.margin-bottom.margin-xxsmall {
width: 100%;
}
.text-block-92 {
color: #ccc;
font-size: 14px;
}
.icon-10 {
color: #ccc;
}
.dropdown-hover-link {
color: #ccc;
width: 100%;
padding: 0 4px 8px;
font-size: 14px;
}
.dropdown-hover-link:hover {
color: var(--white);
text-decoration: underline;
}
.dropdown-link-11, .dropdown-link-12 {
color: #ccc;
padding: 0 0 4px 4px;
font-size: 14px;
}
.dropdown-list-7 {
background-color: var(--combine-library-error-100);
}
.dropdown-list-7.w--open {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 8px;
}
.dropdown-list-7.featurelist-open.w--open {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding: 8px;
display: flex;
}
.dropdown-list-7.compare-list.w--open {
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
.dropdown {
margin-left: 0;
margin-right: 0;
}
.template-tags {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
color: var(--grey--grey-50);
border-radius: 8px;
margin-right: 0;
padding: 8px 16px;
font-size: 12px;
}
.template-tags:hover {
background-color: var(--grey--grey-800);
}
.template-tags.w--current {
border: 1px solid var(--grey--grey-300);
background-color: var(--grey--grey-700);
border-radius: 8px;
margin-right: 0;
padding: 8px 16px;
font-weight: 600;
}
.text-block-93, .text-block-94 {
color: var(--grey--grey-50);
font-size: 12px;
}
.tabs-menu-2 {
z-index: 10;
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: var(--black);
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
position: sticky;
top: 10%;
}
.tabs-menu-2.padding-vertical.padding-small {
top: 7%;
}
.template-tabs.margin-top.margin-medium {
flex-flow: column;
display: block;
}
.template-content.margin-top.margin-xlarge {
margin-top: 4rem;
}
.div-block-80 {
flex-flow: column;
display: flex;
}
.template-cards {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 8px;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
height: 100%;
padding: 0 0 24px;
display: flex;
}
.template-cards.eligible-card-content {
background-color: var(--transparent55);
}
.template-cards.update {
background-color: #131313bf;
}
.image-135 {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.all-templates {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-81 {
width: 100%;
}
.preview-btn {
background-color: #0000;
border-radius: 36px;
margin-right: 1rem;
padding: 12px 24px;
font-size: 14px;
text-decoration: none;
}
.preview-btn:hover {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
}
.template-description.margin-extrasmall, .template-description.margin-xxsmall {
color: var(--grey--grey-200);
font-size: 14px;
}
.template-description.margin-xxsmall.margin-extra {
white-space: normal;
margin-left: 1rem;
margin-right: 1rem;
}
.template-description.margin-xxsmall.margin-extra.text-size-regular {
font-size: 16px;
}
.template-description.text-align-center.max-width-large.margin-top.margin-medium {
white-space: normal;
margin-top: 1.5rem;
}
.template-image {
border-radius: 8px 8px 0 0;
}
.template-image.margin-bottom.margin-extrasmall.eligible-image {
width: 392px;
}
.template-image.margin-bottom.margin-extrasmall.dropdown {
width: 100%;
}
.flex-block-17 {
background-color: var(--grey--grey-900);
padding: 1px;
}
.bg-gradient-border {
border-radius: 8px;
align-items: stretch;
height: 100%;
padding: 1px;
}
.bg-gradient-border:hover {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 54%, var(--deep-pink));
border-radius: 8px;
}
.bg-gradient-border.eligible-cards:hover {
background-image: none;
}
.template-tabs-section {
padding-bottom: 2rem;
}
.similar-templates {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.similar-templates.margin-top.margin-large {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
}
.similar-templates.margin-top.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
margin-top: 4rem;
}
.similar-templates.margin-verticle.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
margin-left: 0;
margin-right: 0;
}
.image-136 {
border-radius: 12px;
}
.image-137, .image-138, .image-139, .image-140 {
border-radius: 10px;
}
.overlay-container {
background-color: #0e0e0ed6;
height: 100%;
}
.overlay-container.bg-color-gradient {
background-color: #0e0e0e03;
}
.overlay-container.bg-color-gradient.transparent-bg {
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
object-fit: fill;
background-color: #000000d9;
background-image: none;
background-clip: border-box;
}
.creator-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
}
.creator-grid.margin-top.margin-xxlarge {
border: 1px solid var(--grey--grey-900);
background-color: var(--transparent55);
border-radius: 16px;
padding: 16px;
}
.link-6 {
color: var(--grey--grey-50);
}
.flex-block-18 {
justify-content: center;
align-items: flex-start;
}
.section-3 {
height: 100%;
}
.creator-flex {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.creator-flex.margin-top.margin-xlarge {
margin-top: 4rem;
}
.creator-flex.margin-top.margin-large.solution-grid {
margin-top: 4rem;
display: flex;
}
.creator-cards {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 12px;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.creator-cards.padding-xsmall {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 8px;
}
.creator-cards.padding-small {
background-color: #1414148c;
width: auto;
}
.creator-image {
border: 1px solid var(--grey--grey-900);
border-radius: 8px;
padding: 8px;
}
.grey-text {
color: var(--grey--grey-300);
}
.grey-text.margin-bottom.margin-small {
line-height: 150%;
}
.grey-text.text-align-center.margin-top.margin-large {
margin-top: 4rem;
}
.grey-text.text-align-center.margin-top.margin-xxlarge {
margin-top: 6rem;
}
.grey-text.text-align-center.margin-top.margin-xxlarge.max-width-xlarge {
line-height: 150%;
}
.perks-container {
flex-flow: column;
align-items: center;
width: 100%;
display: flex;
}
.perks-container.align-centre {
text-align: left;
}
.perks-container.margin-top.margin-xhuge {
border: 1px solid var(--grey--grey-900);
background-color: var(--transparent30);
border-radius: 12px;
padding: 4rem 2rem;
}
.reward-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.reward-grid.margin-top.margin-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.reward-cards {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
}
.reward-cards.padding-small {
border: 1px solid var(--grey--grey-900);
background-color: #1414149c;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
}
.flex-block-19 {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.list-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.template-selector {
width: 100%;
}
.template-selector.centre-align {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
height: auto;
display: flex;
}
.template-selector.centre-align.height-86 {
height: 86px;
}
.feature-tags-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #212121;
border: 1px solid #424242;
border-radius: 36px;
margin: 1px;
padding: 4px 12px 4px 7px;
}
.feature-tags-2.template-tag {
border-radius: 8px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
text-decoration: none;
}
.features-text-2 {
color: #f5f5f5;
font-size: 14px;
}
.heading-style-h6-4 {
color: #f5f5f5;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 150%;
}
.div-block-82 {
background-color: #212121;
width: 500px;
height: 1px;
}
.div-block-82.enterprice-block-line {
background-color: #0000;
background-image: radial-gradient(circle, #212121, #212121 50%, #000 95%);
}
.div-block-82.enterprice-block-line.margin-vertical.margin-xxsmall {
background-image: radial-gradient(circle, #212121, #212121 76%, #000);
}
.template-heading {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.navigation-tags {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
padding-bottom: 16px;
padding-left: 0;
}
.navigation-tags.tags-template {
padding-bottom: 40px;
}
.content-temp {
border-right: 1px solid var(--grey--grey-900);
height: 100%;
}
.tags-category-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.checkbox-field-2 {
margin-bottom: 0;
}
.eligible-card-grid.margin-top.margin-large {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.flex-block-20 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.link-7 {
color: var(--grey--grey-0);
}
.step-list.margin-top.margin-medium {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-left: 24px;
display: flex;
}
.step-list.margin-top.margin-medium.max-width-small {
padding-left: 16px;
}
.how-to-flex {
justify-content: center;
align-items: center;
}
.how-to-flex.margin-top.margin-xhuge {
width: 100%;
}
.how-to-flex.margin-top.margin-xhuge.padding-large {
border: 1px solid var(--grey--grey-900);
background-color: var(--transparent30);
border-radius: 12px;
}
.how-to-flex.margin-top.margin-xhuge.padding-large.bg-color-gradient {
border-style: none;
padding-top: 4rem;
padding-bottom: 4rem;
}
.form-selector-2.margin-bottom.margin-large.template-selector {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 60%;
margin-top: 3rem;
margin-bottom: 2rem;
display: flex;
}
.form-selector-2.template-selector.margin-large.margin-bottom {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 100%;
}
.div-block-84 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.sub-heading-2.margin-top.margin-small.max-width-regular {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 42rem;
}
.sub-heading-2.margin-top.margin-small.max-width-regular.white.text-size-large {
width: auto;
}
.sub-heading-2.margin-top.margin-small.max-width-regular.white.text-size-large.padding-xxsmall {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
}
.sub-heading-2.margin-top.margin-small.max-width-regular.white.text-size-large.padding {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 20px;
padding: 8px 12px;
}
.sub-heading-2.margin-top.margin-small.max-width-regular.white.padding {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 8px;
width: auto;
padding: 8px 16px;
}
.collection-list-wrapper-6 {
display: none;
}
.collection-list-wrapper-7 {
width: 100%;
}
.container-usecase {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.container-usecase.is-top-absolute {
position: absolute;
top: 0%;
bottom: auto;
left: 50%;
transform: translate(-50%);
}
.container-usecase.blog-absolute {
align-items: center;
display: none;
overflow: visible;
}
.container-usecase.relative-top {
margin-top: 0;
padding-top: 30px;
}
.container-usecase.no-oh {
overflow: visible;
}
.creator-logo-section {
overflow: hidden;
}
.link-8 {
color: var(--grey--grey-0);
}
.creator-program-vflex {
justify-content: center;
align-items: flex-start;
}
.link-9 {
color: var(--grey--grey-0);
}
.page-sub-heading.text-align-center.margin-top.margin-small {
margin-top: 1.5rem;
}
.page-sub-heading.text-align-center.margin-top.margin-small.max-width-large {
justify-content: center;
}
.icon-button {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--deep-pink);
color: var(--white);
border: 1px #000;
border-radius: 36px;
justify-content: center;
align-items: center;
padding: 16px 34px;
font-size: 18px;
text-decoration: none;
display: flex;
}
.icon-button:hover {
background-color: var(--hover-blue);
}
.icon-button.margin-top.margin-medium {
font-size: 16px;
font-weight: 600;
}
.case-study-flex {
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.case-study-flex.padding-large {
justify-content: flex-start;
align-items: flex-start;
}
.case-study-flex.margin-top.margin-xlarge {
border-style: none;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: 4rem;
}
.case-study-container {
border: 1px solid var(--grey--grey-900);
background-color: var(--transparent55);
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.case-study-container.padding-right.padding-large {
border-width: 1px;
border-color: var(--deep-pink);
background-color: var(--card-bg-color);
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-left: 0;
display: flex;
left: -15px;
}
.case-study-container.padding-right.padding-large.switch-card {
left: 522px;
}
.case-study-container.switch-card {
left: 508px;
}
.case-study-container.switch-card.padding-left {
left: 570px;
}
.case-study-container.switch-card.padding-left.padding-large {
border-color: var(--deep-pink);
left: 570px;
}
.case-study-container.switch-card.padding-left.padding-xlarge {
border-color: var(--deep-pink);
background-color: var(--card-bg-color);
left: 560px;
}
.case-study-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.case-study-wrapper.padding-small {
background-color: #0000;
}
.case-study-wrapper.padding-medium {
width: 100%;
}
.case-study-btn-container {
flex-flow: column;
width: 60%;
height: auto;
display: flex;
}
.case-study-btn-container.padding-medium {
grid-column-gap: 40px;
grid-row-gap: 40px;
border: 1px solid var(--grey--grey-800);
background-color: var(--card-bg-color);
border-radius: 12px;
width: 50%;
height: auto;
position: absolute;
right: -270.797px;
}
.case-study-btn-container.padding-medium.card-to-left {
left: -270px;
right: auto;
}
.seconday-icon-btn {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px solid var(--grey--grey-0);
background-color: var(--grey--grey-700);
color: var(--white);
border-radius: 36px;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
position: static;
}
.seconday-icon-btn:hover {
background-color: var(--grey--grey-800);
}
.seconday-icon-btn.padding-small {
border: 1px solid var(--grey--grey-50);
background-color: var(--grey--grey-700);
border-radius: 12px;
position: static;
}
.sentence-case {
text-transform: none;
}
.logo-flex {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.navigate-back-btn {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 30%;
}
.navigate-back-btn.padding-xsmall {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
border-radius: 36px;
justify-content: center;
align-items: flex-start;
width: 24%;
}
.navigate-back-btn.padding-xsmall:hover {
border-color: var(--grey--grey-0);
}
.navigate-back-btn.padding-xxsmall {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
border-radius: 36px;
justify-content: center;
align-items: flex-start;
width: 24%;
}
.navigate-back-btn.padding-xxsmall:hover {
border-color: var(--grey--grey-50);
}
.navigate-back-btn.padding-xxsmall.margin-bottom.margin-large {
justify-content: center;
align-items: center;
width: 255px;
height: 46px;
text-decoration: none;
display: flex;
}
.app-feature-video-wrap-2 {
background-color: #141414;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 16px;
display: flex;
overflow: hidden;
}
.app-feature-video-wrap-2.creator-video-wrap {
border-radius: 16px;
width: 100%;
position: relative;
}
.app-feature-wrap-2 {
object-fit: fill;
background-image: linear-gradient(301deg, #035cac, #212121 35% 70%, #ff0064);
border-radius: 16px;
width: auto;
min-width: 567px;
max-width: none;
height: auto;
min-height: auto;
max-height: none;
padding: 1px;
}
.app-feature-wrap-2.creator-video {
width: 100%;
}
.app-feature-wrap-2.creator-video.margin-top.margin-xlarge {
margin-top: 4rem;
}
.app-feature-wrap-2.creator-video.margin-top.margin-xlarge.customer-video {
border-style: none;
height: 100%;
}
.app-feature-wrap-2.creator-video.margin-top.margin-xlarge.customer-video.youtube-embed {
padding: 1px;
}
.inverted-column-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--quote-bg);
border-radius: 16px;
justify-content: flex-start;
align-items: center;
padding: 1rem;
}
.inverted-column-container.padding-small {
background-color: #a9cafb4d;
border-radius: 16px;
}
.inverted-column-container.padding-small.margin-top.margin-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--quote-bg);
justify-content: flex-start;
align-items: center;
}
.inverted-column-text {
line-height: 150%;
}
.inverted-column-text.white {
font-weight: 400;
}
.link-10, .link-11 {
color: var(--grey--grey-0);
}
.customer-story-list {
padding-left: 16px;
}
.bold-600 {
font-weight: 600;
}
.link-12, .list-item-6, .list-item-7 {
color: var(--grey--grey-300);
}
.heading-69, .link-13, .link-14, .heading-70, .heading-71 {
color: var(--grey--grey-50);
}
.youtube-embed-frame {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 51%, var(--deep-pink));
border-radius: 12px;
width: 100%;
min-width: 567px;
height: 100%;
padding: 1px;
}
.youtube-embed {
background-color: var(--card-bg-color);
border-radius: 12px;
padding: 16px;
}
.video-embed-frame.video-embed {
margin-bottom: 0;
padding: 16px;
}
.flowdrive-video {
width: 100%;
height: auto;
}
.countdown-banner {
z-index: 9999;
background-image: linear-gradient(301deg, var(--hover-blue), var(--deep-pink));
border-radius: 0;
flex-flow: row;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 1px;
display: block;
position: relative;
inset: 9% 0% auto;
overflow: visible;
}
.countdown-banner.bg-color-gradient {
width: 80%;
}
.countdown-banner.hide {
display: block;
}
.banner-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--transparent30);
border-radius: 12px;
justify-content: flex-start;
align-items: center;
}
.banner-content.padding-large {
aspect-ratio: auto;
background-color: var(--card-bg-color);
-webkit-text-fill-color: inherit;
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/677feb96e78faa1b08bcb692_Trivia_Thursday-1person%20(3).png");
background-position: 0 0;
background-size: cover;
background-clip: border-box;
width: auto;
position: relative;
}
.banner-content.padding-large.top-padding-extra {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/6780146479332bddeb8bd2a2_banner-theme.png");
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 4rem;
}
.banner-content.padding-small {
flex-flow: row;
}
.banner-content.padding-xsmall {
background-image: linear-gradient(322deg, var(--hover-btn-color), #a22d9c 54%, var(--deep-pink));
border-radius: 0;
flex-flow: row;
justify-content: space-between;
width: 100%;
}
.banner-content.padding-xsmall.padding-sides {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
border-style: none;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
max-width: 1280px;
padding: .5rem 2rem;
display: block;
}
.timer-text-flex {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: row;
justify-content: center;
align-items: center;
}
.divider {
background-color: var(--grey--grey-700);
width: 1px;
height: 24px;
display: block;
position: relative;
}
.countdown-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: none;
}
.timer-text {
font-size: 12px;
}
.icon-img {
cursor: pointer;
position: absolute;
inset: 19% 0% auto auto;
}
.icon-img.margin-right.margin-extrasmall {
vertical-align: baseline;
display: block;
}
.image-141, .image-142, .image-143 {
border-radius: 12px;
}
.feature-sandbox {
width: 100%;
height: 100%;
}
.feature-sandbox.margin-bottom {
max-width: 1240px;
}
.feature-sandbox.margin-bottom.margin-xhuge {
height: auto;
}
.sandbox-div {
width: 100%;
height: 657px;
}
.code-embed-7 {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.text-block-95 {
color: var(--grey--grey-100);
}
.feature-subheadline {
color: var(--grey--grey-100);
margin-bottom: 32px;
font-size: 19.3px;
}
.code-embed-on-mobile.hero-video.margin-xxsmall {
border-radius: 16px;
display: none;
}
.card-gradient-border-usecase {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--black) 45%, var(--black) 65%, var(--deep-pink));
border-radius: 16px;
padding: 2px;
}
.card-gradient-border-usecase.margin-bottom.margin-xlarge {
width: 100%;
}
.show-on-mobile {
display: none;
}
.banner-cta {
padding-right: 8px;
}
.banner-cta:hover {
color: var(--grey--grey-200);
}
.flex-block-21 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
}
.div-block-85 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-86 {
background-color: #000;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.image-144 {
position: absolute;
}
.image-145 {
position: absolute;
bottom: 266.528px;
right: 150.939px;
}
.image-146 {
position: absolute;
top: 171.028px;
left: 243.434px;
}
.div-block-87 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-88 {
grid-column-gap: 26px;
grid-row-gap: 26px;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 90%;
display: flex;
}
.container-5 {
margin-top: 60px;
}
.field-label-8 {
color: var(--white);
text-align: center;
font-size: 24px;
font-weight: 500;
line-height: 24px;
}
.search {
flex-flow: column;
display: flex;
}
.div-block-89 {
flex-flow: column;
justify-content: center;
align-items: stretch;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.search-input {
border-radius: 10px;
}
.search-button {
background-color: var(--deep-pink);
color: #fff;
text-align: center;
text-transform: none;
border-radius: 36px;
padding: 10px 30px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
}
.search-button:hover {
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.search-button.ghost {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.search-button.ghost:hover {
color: #0c1930;
background-color: #fff;
}
.search-button.white {
background-color: var(--white);
color: var(--black);
text-transform: capitalize;
}
.search-button.white.margin-verticle {
margin-left: 1rem;
margin-right: 1rem;
}
.search-button.white.margin-verticle:hover {
background-color: var(--grey--grey-300);
}
.search-button.white.margin-verticle.template-btn {
padding: 12px 24px;
}
.search-button.white.margin-verticle.template-btn:hover {
border: 1px solid var(--grey--grey-600);
background-color: var(--grey--grey-200);
}
.search-button.nav {
color: #999;
text-transform: capitalize;
background-color: #222;
font-size: 16px;
font-weight: 400;
}
.search-button.nav:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.search-button.submit {
width: 100%;
max-width: 372px;
}
.search-button.submit._w-full {
max-width: 100%;
}
.search-button.price {
color: #ccc;
background-color: #666;
}
.search-button.price-compare {
color: #fff;
background-color: #666;
margin-top: 16px;
padding: 12px 20px;
}
.search-button.price-compare:hover {
background-color: var(--deep-pink);
}
.search-button.price-btn {
text-transform: capitalize;
flex: 0 auto;
font-size: 14px;
font-weight: 600;
}
.search-button.nav-btn {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.search-button.nav-btn:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.search-button.nav-btn.for-newhero {
color: #fff;
background-color: #ff5d92;
border: 1px solid #ff5d92;
font-weight: 600;
}
.search-button.copy-text {
color: #999;
text-transform: capitalize;
background-color: #222;
margin-top: 24px;
margin-bottom: 0;
margin-left: 54px;
font-size: 16px;
font-weight: 400;
}
.search-button.copy-text:hover {
background-color: var(--gainsboro);
color: var(--black);
}
.search-button.on-pink {
color: #ff0064;
text-transform: none;
background-color: #ffeff3;
}
.search-button.margin-left-24 {
margin-left: 24px;
}
.search-button.nav-action {
text-transform: none;
margin-left: 0;
padding: 10px 24px;
}
.search-button.nav-action.link-type {
color: var(--white);
background-color: #000;
margin-left: 24px;
font-weight: 400;
}
.search-button.nav-action.link-type:hover {
color: var(--grey-200);
}
.search-button.nav-action.gamer-cta {
display: inline-block;
position: static;
}
.search-button.pricing-btn {
justify-content: center;
align-self: stretch;
align-items: stretch;
display: flex;
}
.search-button.pricing-btn.is-secondary {
border: 1px solid var(--grey--grey-700);
background-color: var(--grey--grey-800);
}
.search-button.pricing-btn.is-secondary:hover {
border-color: var(--grey--grey-600);
background-color: var(--grey--grey-700);
}
.search-button.pricing-btn.is-secondary.margin-vertical.margin-small.best-value-btn, .search-button.pricing-btn.margin-vertical.margin-small.best-value-btn {
margin-top: 1rem;
}
.search-button.secondary-btn {
border: 1px solid var(--grey--grey-800);
background-color: var(--grey--grey-900);
}
.search-button.secondary-btn:hover {
border-color: var(--grey--grey-500);
background-color: var(--grey--grey-800);
}
.search-button.margin-top-bottom {
margin-top: 2rem;
margin-bottom: 2.5rem;
}
.search-button.margin-top-bottom.decrease-margin-bottom {
margin-bottom: 1.5rem;
margin-left: 40px;
}
.div-block-90 {
background-color: #000;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.paragraph-290 {
color: var(--grey--grey-900);
}
.div-block-91 {
grid-column-gap: 26px;
grid-row-gap: 26px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 90%;
display: flex;
}
.div-block-92 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
display: flex;
}
.sales-brand.margin-bottom.margin-xlarge {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.sales-brand.margin-bottom.margin-large {
justify-content: center;
align-items: flex-start;
display: flex;
}
.links_to_platforms {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.links_to_platforms.margin-top.margin-small {
justify-content: center;
}
.faq-section {
margin-bottom: 6rem;
overflow: hidden;
}
.homepage-sandbox {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 70rem;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.homepage-sandbox.margin-bottom {
max-width: 1240px;
}
.homepage-sandbox.margin-bottom.margin-xhuge {
height: auto;
display: block;
}
.homepage-sandbox.margin-bottom.margin-xhuge.rl-padding-global {
margin-bottom: 0;
display: block;
}
.homepage-sandbox.update-max-width {
max-width: 80rem;
}
.homepage-sandbox.update-max-width.margin-bottom.margin-huge {
margin-bottom: 2rem;
position: relative;
}
.list-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-items: flex-start;
max-height: none;
display: flex;
overflow: auto;
}
.div-block-93 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-style-home {
color: var(--grey--grey-50);
text-align: center;
letter-spacing: -2px;
font-family: Inter, sans-serif;
font-size: 2.9868rem;
font-weight: 700;
line-height: 120%;
}
.heading-style-home.max-width-large.text-align-center {
letter-spacing: 0;
padding-top: 39px;
font-size: 2rem;
}
.heading-style-home.max-width-large.text-align-center.margin-top.margin-small {
justify-content: center;
align-items: flex-end;
}
.heading-style-home.max-width-large.text-align-center._600-weight {
font-weight: 600;
}
.heading-style-home.max-width-small.text-align-center.gradient-text {
background-image: linear-gradient(301deg, #035cac 23%, #a2227f 54%, #d11171 68%, var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.heading-style-home.margin-top.margin-small.max-width-large.h1-comparison {
justify-content: center;
}
.heading-style-home.text-align-center.max-width-large {
flex: 0 auto;
}
.heading-style-home.text-align-center.max-width-large.margin-top.margin-extrasmall {
margin-top: .5rem;
}
.image-147 {
z-index: 2;
margin-top: -40px;
margin-bottom: -30px;
display: block;
}
.paragraph-291, .paragraph-292 {
overflow: visible;
}
.scroll-bar {
background-color: var(--grey--grey-600);
width: 6px;
height: 24px;
}
.platform-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
border: 1px none var(--white);
grid-template-rows: auto;
}
.platform-grid.margin-vertical.margin-xlarge {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr .25fr 1fr;
}
.flex-block-22 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
text-decoration: none;
}
.link-block-5 {
height: auto;
text-decoration: none;
}
.image-148, .image-149 {
width: 280px;
height: auto;
}
.icebreaker-video {
aspect-ratio: 16 / 9;
object-fit: fill;
border-radius: 20px;
width: 100%;
height: auto;
overflow: hidden;
transform: translate(0);
}
.icebreaker-video.hero-video-height {
aspect-ratio: auto;
border-radius: 12px;
width: 100%;
height: auto;
padding-top: 56.25%;
display: none;
overflow: hidden;
}
.icebreaker-video.hero-video-height.transient-thoughts {
aspect-ratio: auto;
height: auto;
padding-top: 45%;
}
.icebreaker-video.hero-video-height.aspect-video {
aspect-ratio: 16 / 9;
}
.icebreaker-video.hero-video-height.spinner-wheel {
padding-top: 66%;
}
.icebreaker-video.hero-video-height.winning-wheel {
padding-top: 45%;
}
.icebreaker-video.hero-video-height.emojis-everywhere {
padding-top: 48%;
}
.icebreaker-video.hero-video-height.talking-tiles {
padding-top: 45%;
}
.icebreaker-video.hero-video-height.quick-questions {
padding-top: 49%;
}
.icebreaker-video.hero-video-height.link-library {
padding-top: 48%;
}
.icebreaker-video.hero-video-height.word-cloud {
padding-top: 45%;
}
.icebreaker-sandbox {
border-radius: 16px;
width: 100%;
height: 657px;
overflow: hidden;
}
.icebreaker-sandbox.margin-vertical.margin-large {
margin-top: .125rem;
margin-bottom: .125rem;
}
.homepage-sandbox-inner {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 70rem;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.homepage-sandbox-inner.margin-bottom {
max-width: 1240px;
}
.homepage-sandbox-inner.margin-bottom.margin-xhuge {
height: auto;
display: block;
}
.homepage-sandbox-inner.margin-bottom.margin-xhuge.rl-padding-global {
margin-bottom: 0;
display: block;
}
.homepage-sandbox-inner.update {
max-width: 80rem;
}
.grid-divider {
background-color: var(--grey--grey-800);
justify-content: center;
align-items: center;
width: 1px;
height: 230px;
display: flex;
}
.div-block-94 {
justify-content: center;
align-items: center;
height: 290px;
display: flex;
}
.home-heading {
color: var(--grey--grey-50);
text-align: center;
letter-spacing: -2px;
font-family: Inter, sans-serif;
font-size: 2.9868rem;
font-weight: 700;
line-height: 120%;
}
.home-heading.max-width-large.text-align-center {
max-width: 52rem;
}
.home-heading.max-width-large.text-align-center.margin-top.margin-small {
justify-content: center;
align-items: flex-end;
}
.home-heading.max-width-large.text-align-center._600-weight {
font-weight: 600;
}
.home-heading.max-width-small.text-align-center.gradient-text {
background-image: linear-gradient(301deg, #035cac 23%, #a2227f 54%, #d11171 68%, var(--deep-pink));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.home-heading.margin-top.margin-small.max-width-large.h1-comparison {
justify-content: center;
}
.home-heading.text-align-center.max-width-large {
flex: 0 auto;
}
.home-heading.text-align-center.max-width-large.margin-top.margin-extrasmall {
margin-top: .5rem;
}
.text-block-96 {
color: var(--black);
}
.text-block-96.text-tag {
border: 1px solid var(--deep-pink);
background-color: var(--deep-pink--deep-pink-tag);
border-radius: 36px;
padding: .25rem 1rem;
}
.pointer-gif {
z-index: 2;
width: 200px;
margin: 0;
padding-top: 0;
display: block;
position: relative;
top: -40px;
bottom: auto;
left: 494px;
}
.tabs-2 {
background-color: var(--transparent30);
border-radius: 28px;
}
.gradient-text {
background-image: linear-gradient(111deg, var(--deep-pink), #a830b5 49%, var(--bg-blue-gradient));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.round-image-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr 1fr 1fr;
}
.round-image-container {
justify-content: flex-start;
align-items: flex-start;
}
.image-150 {
border: 1px solid #000;
border-radius: 200px;
width: 148px;
}
.image-150.update {
border-color: var(--grey--grey-800);
background-color: var(--grey--grey-900);
}
.image-150.update.margin-bottom.margin-medium {
border-radius: 16px;
}
.text-size-tiny-9 {
white-space: normal;
font-size: .75rem;
}
.text-size-tiny-9.text-color-graytrue600.margin-left {
margin-left: 18px;
}
.layout350_tab-link {
color: #707070;
text-align: center;
text-transform: uppercase;
background-color: #0000;
border: 1px #0000;
flex: none;
padding: .5rem 1.25rem;
font-weight: 500;
line-height: 1.6;
text-decoration: none;
}
.layout350_tab-link:hover {
color: #ff0064;
background-color: #ffe6f0;
border-radius: 8px;
}
.layout350_tab-link.w--current {
color: #ff0064;
-webkit-text-stroke-color: #212121;
text-transform: uppercase;
background-color: #ffe6f0;
border-style: none;
border-color: #ff0064;
border-radius: 8px;
line-height: 1.6;
text-decoration: none;
}
.div-block-95 {
flex-direction: row;
align-items: center;
display: flex;
}
.layout350_mobile-image-wrapper {
display: none;
}
.text-size-medium-2 {
color: #525252;
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.layout350_mobile-image {
width: 100%;
position: absolute;
}
.layout350_desktop-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 6rem;
}
.layout350_tabs-menu {
z-index: 1;
grid-column-gap: .25rem;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 12px;
align-items: center;
margin-top: 0;
padding: .25rem;
display: flex;
position: sticky;
top: 7rem;
}
.layout350_tabs-menu.hide {
display: none;
}
.grid-14 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.layout350_image {
width: 100%;
position: absolute;
}
.layout350_image.is-image3 {
border: 1px solid var(--grey--grey-800);
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
width: 100%;
padding: 24px;
display: block;
}
.layout350_image.is-image1 {
border-radius: 32px;
width: 80%;
max-width: 100%;
margin-left: 0;
display: block;
}
.layout350_image.is-image2 {
border: 1px solid var(--grey--grey-800);
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
width: 100%;
padding: 24px;
display: block;
}
.layout350_image.is-image4 {
border: 1px solid var(--grey--grey-800);
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
padding: 24px;
display: block;
}
.layout350_image.is-image4.shadow-medium {
border-radius: 0 0 4px 4px;
width: 80%;
display: block;
}
.layout350_image.is-image3 {
display: block;
}
.layout350_image.is-image1 {
border: 1px solid var(--grey--grey-800);
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
width: 100%;
max-width: 100%;
margin-left: 0;
padding: 24px;
display: block;
position: absolute;
}
.layout350_image.is-image2 {
border-radius: 32px;
display: block;
}
.layout350_image.is-image5, .layout350_image.is-image6, .layout350_image.is-image7, .layout350_image.is-image8, .layout350_image.is-image9, .layout350_image.is-image10 {
border: 1px solid var(--grey--grey-800);
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
padding: 24px;
display: block;
}
.dot-svg {
mix-blend-mode: normal;
width: auto;
height: 10px;
margin-right: 8px;
}
.heading-style-h6-5 {
color: #212121;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
}
.layout350_content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
display: flex;
}
.layout350_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: -2rem;
display: grid;
position: relative;
}
.text-uppercase {
text-transform: uppercase;
}
.layout350_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.text-size-tiny-10 {
white-space: normal;
font-size: .75rem;
}
.text-size-tiny-10.text-color-graytrue600.margin-left {
margin-left: 18px;
}
.div-block-96 {
flex-direction: row;
align-items: center;
display: flex;
}
.text-size-medium-3 {
color: #525252;
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.heading-style-h6-6 {
color: #212121;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
}
.text-size-tiny-11 {
white-space: normal;
font-size: .75rem;
}
.text-size-tiny-11.text-color-graytrue600.margin-left {
margin-left: 18px;
}
.div-block-97 {
flex-direction: row;
align-items: center;
display: flex;
}
.text-size-medium-4 {
color: #525252;
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.audience-section {
overflow: visible;
}
.container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.heading-style-h6-7 {
color: #212121;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
}
.padding-section-large-4 {
padding-top: 7rem;
padding-bottom: 7rem;
overflow: hidden;
}
.padding-section-large-4.padding-top {
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 2rem;
display: flex;
overflow: visible;
}
.text-size-tiny-12 {
white-space: normal;
font-size: .75rem;
}
.text-size-tiny-12.text-color-graytrue600.margin-left {
margin-left: 18px;
}
.div-block-98 {
flex-direction: row;
align-items: center;
display: flex;
}
.text-size-medium-5 {
color: #525252;
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.section-4 {
background-color: var(--black-bg);
overflow: hidden;
}
.slider-wrapper {
background-color: var(--transparent55);
width: 1240px;
max-width: 1240px;
}
.slider {
background-color: var(--card-bg-color);
justify-content: center;
align-items: center;
width: 1240px;
height: 100%;
display: flex;
}
.slider.padding-medium {
background-color: #14141400;
}
.slide {
width: 1240px;
height: auto;
}
.icon-11 {
width: 40px;
display: none;
}
.grid-15 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
}
.slider-container {
background-color: #ddd0;
height: 100%;
}
.right-arrow, .icon-12 {
display: none;
}
.slide-nav-2 {
top: auto;
bottom: -4rem;
}
.image-151 {
width: 24px;
}
.image-list-points {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
}
.comparison-flex {
border: 1px solid var(--grey--grey-800);
background-color: var(--transparent55);
border-radius: 16px;
}
.old-new-image {
width: 100%;
height: 220px;
}
.old-new-image.margin-bottom.margin-medium {
width: auto;
height: 180px;
}
.image-152 {
width: 160px;
}
.image-152.update {
width: auto;
height: 60px;
}
.platform-container {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: flex-start;
width: 100%;
}
.platform-container.update-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.platform-flex.padding-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-style: solid;
border-color: var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
flex-flow: column;
align-items: flex-start;
height: auto;
text-decoration: none;
display: flex;
}
.platform-flex.padding-small:hover {
border-color: var(--grey--grey-800);
background-color: var(--grey--grey-900);
}
.platform-flex.padding-small.height-260 {
height: 260px;
}
.platform-flex.padding-small.height-228 {
height: 228px;
}
.z-image {
width: 96px;
}
.z-image.margin-bottom.margin-xxsmall {
height: 32px;
}
.z-image.margin-bottom.margin-xxsmall.update {
width: auto;
height: 60px;
}
.flex-block-23 {
justify-content: space-between;
width: 100%;
}
.gradient-heading.margin-top.margin-small.align-center {
justify-content: center;
align-items: center;
}
.content-container-live-ae {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
display: flex;
position: relative;
}
.centre-align {
justify-content: center;
align-items: center;
display: flex;
}
.img-gif {
width: 160px;
position: absolute;
inset: 0% 0% auto auto;
}
.img-gif.feature-img-update {
top: 380px;
bottom: 3053.25px;
left: 1120px;
}
.img-gif.home-gif {
position: absolute;
inset: 0% 0% auto auto;
}
.bold-text-32 {
background-image: linear-gradient(124deg, var(--deep-pink), var(--blue--blue-500));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.div-block-99 {
justify-content: center;
align-items: center;
display: flex;
}
.badge-icon {
width: 20px;
}
.flex-block-24 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.div-block-100 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
font-size: 16px;
display: flex;
}
.logo-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.logo-grid.margin-bottom.margin-large {
grid-column-gap: 32px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.logo-grid.margin-bottom.margin-large.delay-2 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.logo-grid.margin-bottom.margin-large.delay-2.screenshot-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.image-153 {
background-color: #fff0;
width: 100%;
}
.logo-container.padding-small {
background-color: var(--white);
background-color: #fff;
border-radius: 8px;
height: 100%;
display: flex;
}
.image-154 {
background-color: var(--black);
width: 100%;
}
.logo-wrapper {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 16px;
}
.color-styles {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
display: flex;
}
.v-color-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.color-block {
background-color: var(--deep-pink);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 16px;
}
.color-block.blue {
background-color: #0184fd;
}
.color-block.yellow {
background-color: #ff0;
}
.color-block.sa-grey {
background-color: #f5f5f5;
}
.color-block.white {
background-color: var(--white);
}
.grid-16 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.typography-grid {
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.typography-grid.padding-small {
background-color: var(--grey--grey-900);
}
.div-block-101 {
background-color: #42424200;
border-radius: 16px;
}
.div-block-102 {
justify-content: center;
display: flex;
}
.div-block-103, .div-block-104, .div-block-105 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.grid-17 {
border-style: solid;
border-width: 1px;
border-color: black black var(--grey--grey-900);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.heading-scale {
justify-content: center;
align-items: flex-start;
padding-bottom: 16px;
display: flex;
}
.container-large-3 {
color: #fff;
background-color: #0000;
border: 0 solid #000;
border-radius: 16px;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: block;
position: static;
overflow: visible;
}
.image-155 {
background-color: #000;
width: 100%;
}
.logo-wrapper-2 {
background-color: #141414;
border: 1px solid #212121;
border-radius: 16px;
justify-content: center;
height: auto;
padding: 16px;
display: flex;
}
.image-156 {
background-color: #fff0;
border-radius: 8px;
width: 100%;
height: auto;
}
.image-156.auto {
object-fit: contain;
width: auto;
}
.cta-button-3 {
color: #fff;
text-align: center;
text-transform: none;
background-color: #ff0064;
border-radius: 36px;
padding: 15px 34px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
transition: all .3s;
}
.cta-button-3:hover {
color: #fff;
background-color: #3063e0;
border-color: #3063e0;
}
.heading-style-h2-3 {
color: #f5f5f5;
text-align: left;
font-family: Inter, sans-serif;
font-size: 2.488rem;
font-weight: 600;
line-height: 1.2;
}
.text-link-2 {
color: #ff0064;
font-weight: 600;
text-decoration: none;
}
.text-link-2:hover {
text-decoration: underline;
}
.padding-section-large-5 {
background-color: #000;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
position: relative;
top: auto;
overflow: hidden;
}
.quick-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
padding-bottom: 8px;
}
.quick-img.padding-xsmall {
background-color: var(--bg-blue-gradient);
border-radius: 0;
justify-content: center;
display: flex;
position: relative;
}
.quick-fact {
grid-column-gap: 4px;
grid-row-gap: 4px;
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 8px 8px 8px 24px;
text-decoration: none;
display: flex;
}
.div-block-106 {
background-color: var(--white);
width: 100px;
height: 2px;
position: absolute;
top: 46px;
left: 164.398px;
}
.divider-vertical {
display: none;
}
.webinar-container {
background-color: var(--grey--grey-900);
border-radius: 16px;
flex-flow: column;
display: flex;
}
.webinar-container.bg-color-gradient.padding-small {
border-radius: 0 8px 8px 0;
align-items: flex-start;
width: 14rem;
display: none;
}
.webinar-link {
font-size: 14px;
}
.uui-text-size-small {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-text-size-small.hide-mobile-landscape-2 {
color: var(--grey--grey-700);
}
.uui-text-size-small.text-style-2lines {
font-family: Inter, sans-serif;
}
.uui-text-size-small.text-style-2lines.solution-subheadline {
color: var(--grey--grey-700);
margin-bottom: 1rem;
}
.show-tablet {
display: none;
}
.uui-button {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-dropdown-icon {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: 1rem;
display: flex;
position: absolute;
inset: auto 0% auto auto;
}
.uui-button-row {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.uui-navbar02_dropdown-link-list {
grid-column-gap: 0px;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-rows: max-content;
grid-auto-columns: 1fr;
display: flex;
}
.uui-navbar02_dropdown-link-list.feature-links {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: max-content auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-navbar02_dropdown-link-list.feature-links.usage-links {
grid-column-gap: 3rem;
}
.uui-navbar02_dropdown-link-list.feature-links.usage-links.solution-dropdown {
grid-template-rows: max-content auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.uui-navbar02_dropdown-link-list.presentation-dropdown {
width: 25%;
}
.uui-navbar02_dropdown-blog-item-wrapper {
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin-left: 32px;
}
.uui-navbar02_blog-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-navbar02_blog-item {
border-radius: .5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
padding: .75rem;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-navbar02_blog-item:hover {
background-color: var(--untitled-ui--white);
}
.uui-navbar02_blog-item.unlink.update {
padding-top: 0;
}
.uui-navbar02_dropdown-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
width: 100%;
display: flex;
}
.uui-navbar02_menu-button {
padding: 0;
display: none;
}
.uui-navbar02_blog-content {
flex-direction: column;
justify-content: flex-start;
font-weight: 400;
display: flex;
}
.uui-navbar02_dropdown-content-wrapper {
z-index: 1;
flex-flow: column;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.uui-navbar02_dropdown-content-left {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex-flow: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
padding: 2rem 0;
display: flex;
}
.uui-navbar02_dropdown-content-left.updated {
grid-column-gap: 0rem;
}
.uui-navbar02_dropdown-content-left.community-dropdown {
grid-column-gap: 4rem;
}
.uui-navbar02_dropdown-right-overlay-absolute {
background-color: var(--grey--grey-50);
min-width: 100vw;
margin-left: 32px;
padding-left: 0;
position: absolute;
inset: 0% auto 0% 0%;
}
.uui-navbar02_dropdown-content-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
grid-template-rows: max-content auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 22rem;
padding: 1.25rem;
display: flex;
position: relative;
}
.uui-navbar02_dropdown-content-right.update {
max-width: 30rem;
padding-right: 0;
}
.uui-navbar02_blog-image-wrapper {
border-radius: .375rem;
width: 100%;
margin-bottom: 1.5rem;
padding-top: 55%;
position: relative;
overflow: hidden;
}
.uui-button-link {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-link.is-button-xsmall {
font-size: .875rem;
}
.uui-navbar02_component {
z-index: 99999;
border: 1px none var(--grey--grey-900);
background-color: var(--black);
align-items: center;
min-height: 5rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: sticky;
top: 0;
}
.uui-navbar02_component.hide {
display: none;
}
.uui-navbar02_container {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1300px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.uui-navbar02_logo-link {
padding-left: 0;
}
.uui-navbar02_menu {
flex: 1;
justify-content: space-between;
align-items: center;
margin-left: 0;
display: flex;
position: static;
}
.uui-navbar02_link {
color: var(--white);
align-items: center;
padding: 1.75rem 1rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 400;
transition: all .3s;
}
.uui-navbar02_link:hover {
color: var(--grey--grey-300);
font-family: Inter, sans-serif;
}
.uui-navbar02_link.w--current {
color: #000;
}
.uui-navbar02_menu-dropdown {
position: static;
}
.uui-navbar02_dropdown-toggle {
color: var(--white);
align-items: center;
padding: 1.75rem 2.5rem 1.75rem 1rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 400;
transition: all .3s;
display: flex;
}
.uui-navbar02_dropdown-toggle:hover {
color: var(--grey--grey-300);
}
.uui-navbar02_dropdown-list {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}
.uui-navbar02_dropdown-list.w--open {
background-color: #fff;
flex-flow: column;
width: 100vw;
min-width: 100vw;
max-width: 100%;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: absolute;
inset: 4.9rem auto auto 0%;
overflow: hidden;
}
.uui-navbar02_dropdown-list.update.w--open {
padding-right: 1rem;
}
.uui-navbar02_menu-right {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.uui-navbar02_dropdown-link {
grid-column-gap: 1rem;
grid-row-gap: 0px;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
padding: .5rem;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-navbar02_dropdown-link:hover {
background-color: var(--grey--grey-50);
}
.uui-navbar02_dropdown-link.margin-top.margin-medium.update {
width: 100%;
}
.uui-navbar02_dropdown-link.margin-top.margin-medium.update.bg-grey {
margin-top: 1rem;
}
.uui-navbar02_dropdown-link.margin-top.margin-medium.update.bg-grey:hover {
background-color: var(--grey--grey-50);
}
.uui-navbar02_dropdown-link.update {
width: 100%;
}
.uui-navbar02_dropdown-link.update.bg-grey:hover {
background-color: var(--grey--grey-50);
}
.uui-navbar02_icon-wrapper {
color: var(--untitled-ui--primary600);
flex: none;
}
.uui-navbar02_item-right {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: row;
justify-content: center;
align-items: flex-start;
font-weight: 400;
line-height: 150%;
display: flex;
}
.uui-navbar02_text-wrapper {
grid-column-gap: .5rem;
grid-row-gap: 0px;
align-items: center;
margin-bottom: .25rem;
display: flex;
}
.uui-button-secondary-gray {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui--gray50-2);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray.show-tablet {
display: none;
}
.uui-button-tertiary-gray {
grid-column-gap: .5rem;
color: var(--white);
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-tertiary-gray:hover {
background-color: var(--untitled-ui--gray50-2);
color: var(--untitled-ui--gray700);
}
.uui-button-tertiary-gray.hide-tablet-2 {
border-radius: 36px;
padding: 10px 24px;
font-size: 14px;
}
.uui-button-tertiary-gray.hide-tablet-2:hover {
color: var(--black);
}
.uui-button-link-gray {
grid-column-gap: .5rem;
color: var(--untitled-ui--gray600);
white-space: nowrap;
background-color: #0000;
justify-content: flex-start;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-gray:hover {
color: var(--untitled-ui--gray700);
}
.uui-button-link-gray.is-button-xsmall {
font-size: .875rem;
}
.uui-navbar02_button-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex;
}
.uui-logo_component {
flex-wrap: nowrap;
width: auto;
height: 2rem;
display: flex;
}
.uui-logo_logomark {
border: .1px solid #dae0e8;
border-radius: .5rem;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}
.uui-styleguide_logomark-bg {
border-radius: 8px;
width: 2rem;
height: 2rem;
position: absolute;
inset: 0%;
}
.uui-logo_logomark-blur {
z-index: 2;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #fff3;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
width: 100%;
height: 50%;
position: absolute;
inset: 50% 0% 0%;
overflow: hidden;
}
.uui-logo_logomark-dot {
z-index: 1;
background-image: linear-gradient(26.5deg, #6941c6, #53389e);
border-radius: 50%;
width: 50%;
height: 50%;
position: relative;
}
.uui-logo_logotype {
flex: none;
width: auto;
height: 100%;
}
.product-heading {
color: var(--black);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 1rem;
font-family: Inter, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.product-heading.height {
height: auto;
margin-bottom: 0;
}
.product-heading.solution-heading {
color: var(--grey--grey-900);
margin-bottom: .5rem;
}
.uui-navbar02_item-heading {
color: var(--grey--grey-900);
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 500;
}
.uui-navbar02_item-heading.margin-bottom-0 {
margin-bottom: 0;
}
.uui-badge-small-success {
grid-column-gap: .25rem;
background-color: var(--untitled-ui--success50);
color: var(--untitled-ui--success700);
white-space: nowrap;
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
padding: .125rem .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex;
}
.uui-navbar02_dropdown-content-button-wrapper {
letter-spacing: normal;
margin-top: .75rem;
font-size: .875rem;
}
.uui-logo_image {
flex: none;
width: auto;
height: 100%;
display: none;
}
.ewebinar {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.div-block-108 {
flex: 0 auto;
order: -1;
}
.new-nav-dropdown {
border-right: 1px none var(--grey--grey-100);
justify-content: flex-start;
align-items: flex-start;
width: auto;
}
.new-nav-dropdown.solution-dropdown.update-border, .new-nav-dropdown.update-border {
border-right-style: none;
}
.text-badge {
color: var(--hover-blue);
margin-bottom: 16px;
font-size: 14px;
font-weight: 500;
}
.product-grid-container {
flex-flow: column;
}
.product-menu-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
padding-top: 2rem;
padding-bottom: 16px;
display: grid;
}
.product-menu-columns {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
width: 300px;
padding: 8px;
}
.product-image {
max-width: 40px;
margin-top: 0;
}
.flex-block-25, .flex-block-26, .flex-block-27 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.divider-line {
background-color: var(--grey--grey-100);
width: 100%;
height: 1px;
}
.dropdown-bottom {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
padding-bottom: 1rem;
}
.left-menu-content {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.div-block-109 {
background-color: var(--grey--grey-800);
}
.menu-footer {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-around;
align-items: center;
padding: 24px;
}
.right-card-heading {
color: var(--grey--grey-900);
font-weight: 600;
}
.article-container {
background-color: var(--blue--blue-800);
border-radius: 16px;
padding: 16px;
}
.article-container:hover {
background-color: var(--blue--blue-900);
}
.article-container.margin-top.margin-small.updated {
background-color: var(--red--red-800);
}
.article-container.margin-top.margin-small.updated:hover {
background-color: var(--red--red-900);
}
.flex-block-29 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.filled-icon {
background-color: var(--grey--grey-50);
border-radius: 4px;
padding: 4px;
}
.filled-icon:hover {
background-color: var(--white);
}
.div-block-110 {
padding-top: 0;
padding-left: 0;
}
.ai-form-custom {
width: auto;
margin-left: 0;
margin-right: 0;
}
.template-dropdown {
flex-flow: column;
width: 100%;
max-width: 1280px;
display: flex;
}
.template-header {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: var(--white);
flex-flow: column;
width: 100%;
margin-top: 16px;
margin-bottom: 0;
padding: 16px 16px 16px 0;
display: flex;
}
.grid-18 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: flex;
}
.template-footer {
background-color: var(--grey--grey-50);
border-radius: 8px;
flex-flow: column;
width: 100%;
margin-top: 16px;
padding: 0 16px 32px;
display: flex;
}
.grid-19 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.hero-heading-style-h1 {
color: var(--grey--grey-0);
font-size: 3.815rem;
font-weight: 700;
}
.hero-heading-style-h1.text-align-center {
color: var(--grey--grey-0);
font-weight: 600;
position: relative;
}
.hero-heading-style-h1.text-align-center.max-width-large.testing-variant {
font-size: 3.2rem;
}
.hero-heading-style-h1.text-align-center.max-width-regular {
max-width: 45rem;
}
.hero-heading-style-h1.max-width-extralarge {
max-width: 72rem;
}
.hero-heading-style-h1.margin-bottom.margin-extrasmall {
text-align: center;
}
.hero-heading-style-h1.margin-bottom.margin-extrasmall.max-width-large1 {
max-width: 46rem;
}
.hero-heading-style-h1.margin-bottom.margin-extrasmall.max-width-xlarge1 {
max-width: 70rem;
}
.hero-title-description {
border: 1px #000;
font-size: 20px;
}
.hero-title-description.text-align-center.max-width-xlarge.margin-top.black {
color: var(--grey--grey-0);
}
.hero-title-description.grey-300 {
color: var(--grey--grey-300);
line-height: 150%;
}
.hero-title-description.game-description.center-align {
text-align: center;
}
.bold-text-33, .bold-text-34 {
font-weight: 600;
}
.image-158 {
position: absolute;
top: 109.5px;
left: 538px;
}
.image-159 {
position: absolute;
top: 205px;
left: 488px;
}
.hero-heading-style-h2 {
color: var(--white);
font-size: 3.052rem;
}
.hero-heading-style-h2.text-align-center {
color: var(--grey--grey-0);
}
.hero-heading-style-h2.text-align-center.black {
color: var(--grey--grey-900);
}
.hero-heading-style-h2.semi-bold.update-width {
max-width: 42rem;
}
.hero-heading-style-h2.margin-bottom.margin-large {
color: var(--grey--grey-0);
}
.bold-text-35 {
color: var(--grey--grey-0);
font-weight: 600;
}
.bold-text-36 {
font-weight: 600;
}
.hero-heading-style-h3 {
color: var(--grey--grey-0);
font-size: 2.441rem;
}
.hero-heading-style-h3.max-width-large1 {
max-width: 55rem;
height: auto;
}
.container-wrapper {
border-style: solid solid none;
border-width: 1px;
border-color: var(--grey--grey-800);
background-color: var(--card-bg-color);
background-image: linear-gradient(#1a1a1a 39%, #0e0e0e);
border-radius: 24px;
padding: 60px;
position: relative;
}
.container-wrapper.margin-vertical.margin-large.extra-top-margin {
margin-top: 4rem;
}
.container-wrapper.margin-bottom.margin-large {
padding-bottom: 60px;
}
.container-wrapper.margin-bottom.margin-large.height-600 {
justify-content: center;
align-items: center;
height: 600px;
display: flex;
}
.container-wrapper.margin-bottom.margin-large.update {
border-style: solid solid none;
border-width: 2px;
border-color: var(--grey--grey-900);
background-color: var(--grey--grey-200);
background-image: linear-gradient(180deg, var(--grey--grey-900), var(--grey--grey-700) 48%, var(--grey--grey-300));
margin-bottom: 0;
}
.compare-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.auto-tabs-layout-2-wrapper {
background-color: #0000;
padding-top: 4rem;
padding-bottom: 4rem;
}
.auto-tabs-layout-2-wrapper.min-h--600 {
justify-content: flex-start;
align-items: center;
min-height: 600px;
display: flex;
}
.rl-text-style-regular-3 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_layout28_spacing-block-1-2 {
width: 100%;
padding-bottom: 1rem;
}
.auto-tabs-component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.rl-heading-style-h4-3 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.rl_section_layout28-2 {
background-color: #0000;
height: auto;
}
.rl-padding-global-3 {
padding-left: 0%;
padding-right: 0%;
}
.rl_layout28_image-2 {
aspect-ratio: auto;
object-fit: fill;
border-radius: 8px 0 0 8px;
width: auto;
height: auto;
display: block;
position: absolute;
inset: auto;
}
.auto-tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
border-left: .3rem solid var(--grey--grey-800);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rl-container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.rl_layout28_tabs-link-2 {
background-color: var(--grey--grey-500);
color: var(--grey--grey-600);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
border-left: .3rem solid #0000;
margin-left: -.3rem;
padding: 0 0 0 2rem;
display: block;
}
.rl_layout28_tabs-link-2.w--current {
border-bottom: 1px #fff;
border-left: .3rem solid var(--grey--grey-500);
opacity: 1;
color: var(--grey--grey-200);
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-clip: border-box;
}
.rl_section_layout28-3 {
background-color: var(--relume-library-lite--rl-white);
}
.rl-padding-global-4 {
padding-left: 5%;
padding-right: 5%;
}
.tab-content {
color: var(--grey--grey-50);
font-size: 16px;
display: block;
}
.auto-tabs-description {
margin-top: 1rem;
}
.auto-tabs-progress {
background-color: var(--deep-pink);
width: .3rem;
height: 50%;
margin-left: -.3rem;
position: absolute;
inset: 0% auto 0% 0%;
}
.medium {
font-size: 1.725rem;
font-weight: 500;
}
.auto-tabs-content-inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2rem;
display: flex;
}
.auto-tabs-content-inner.is-right-align {
width: 100%;
height: 100%;
padding: 1rem;
display: flex;
position: relative;
}
.auto-tabs-content-inner.is-left-align {
padding: 0;
position: static;
}
.auto-tabs-content-inner.right-align {
padding-right: 0;
}
.auto-tabs-content-inner.right-align.template-image {
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--grey--grey-800);
background-color: #0000;
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
}
.auto-tabs-content-inner.right-align.template-image.left-img {
border-radius: 0 12px 12px 0;
}
.auto-tabs-content-inner.right-align.template-image.left-strock {
background-image: linear-gradient(260deg, var(--card-bg-color), var(--grey--grey-900));
border-left-style: none;
border-right-style: solid;
}
.auto-tabs-content {
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--grey--grey-800);
background-color: var(--card-bg-color);
background-image: linear-gradient(99deg, #1a1a1a 34%, #0e0e0e);
border-radius: 1rem;
width: 100%;
height: 100%;
overflow: clip;
}
.auto-tabs-animate-from-right {
border-radius: 1rem 0 0 1rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
inset: 0;
overflow: clip;
}
.auto-tabs-animate-from-left {
border-radius: 8px 0 0 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
display: flex;
position: relative;
overflow: clip;
}
.rl_layout28_image3 {
border-radius: 0 8px 8px 0;
width: auto;
height: auto;
display: block;
position: absolute;
inset: auto;
}
.rl-padding-section-large-4 {
padding-top: 4rem;
padding-bottom: 0;
}
.rl_testimonial15_content-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.rl-text-style-regular-4 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_section_testimonial15 {
background-color: #0000;
}
.rl_testimonial15_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.rl_testimonial15_logo {
max-height: 3rem;
}
.rl-heading-style-h5-2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.rl_testimonial15_component {
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
height: auto;
padding-bottom: 3rem;
}
.rl_testimonial15_client-image-wrapper {
padding: 3rem;
}
.rl_testimonial15_client-image-wrapper.is-align-left {
border-style: solid solid solid none;
border-width: 1px;
border-color: var(--grey--grey-800);
background-image: linear-gradient(266deg, #1a1a1a 38%, #0e0e0e);
border-radius: 16px;
padding: 2rem 2rem 2rem 0;
}
.rl_testimonial15_slide {
margin-right: 5rem;
}
.rl_testimonial15_client-name-text {
color: var(--relume-library-lite--rl-black);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.rl_testimonial15_content {
grid-column-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.rl_testimonial15_arrow-right {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
inset: auto 0% 0% auto;
}
.rl_testimonial15_arrow-right:hover {
background-color: var(--grey--grey-200);
}
.rl_testimonial_spacing-block-1 {
width: 100%;
padding-bottom: 2rem;
}
.rl_testimonial15_client {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: left;
align-items: center;
display: flex;
}
.rl_testimonial15_client-image {
object-fit: cover;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.rl_testimonial15_arrow-left {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
inset: auto 4rem 0% auto;
}
.rl_testimonial15_arrow-left:hover {
background-color: var(--grey--grey-200);
}
.rl-padding-global-5 {
padding-left: 5%;
padding-right: 5%;
}
.rl_testimonial15_divider {
background-color: var(--relume-library-lite--rl-black);
align-self: stretch;
width: 1px;
}
.rl_testimonial15_rating-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.rl_testimonial15_arrow-icon {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.rl-container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.rl_testimonial15_rating-icon {
color: var(--relume-library-lite--rl-black);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.slider-content {
color: var(--grey--grey-200);
font-size: 19.3px;
line-height: 150%;
}
.bold-text-37 {
font-weight: 700;
}
.content-header {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.content-header.margin-bottom.margin-large.margin-top.margin-xlarge {
border-style: none;
margin-top: 6rem;
margin-bottom: 3rem;
}
.tab-pane-tab-2, .tab-pane-tab-1, .tab-pane-tab-3, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6, .tab-pane-tab-7 {
width: 100%;
height: 100%;
}
.integration_grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: flex-start;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.integration-block {
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 8px;
width: 120px;
padding: 16px;
}
.integration-block:hover {
border-color: var(--deep-pink);
box-shadow: 0 2px 10px 0 var(--deep-pink);
}
.image-160 {
background-color: var(--grey--grey-0);
border-radius: 8px;
}
.link-block-6 {
text-decoration: none;
}
.link-block-7 {
height: auto;
text-decoration: none;
}
.logo-icon {
justify-content: space-between;
align-items: center;
width: 100%;
}
.apps_block {
grid-column-gap: 8px;
grid-row-gap: 8px;
max-width: 1280px;
padding: 32px 8px 0;
}
.apps-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.apps-wrapper.max-width-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.apps-wrapper.max-width-small.update {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 40rem;
}
.app-container.padding-xsmall {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.app-container.padding-xxsmall {
grid-column-gap: 12px;
grid-row-gap: 12px;
border: 1px solid var(--grey--grey-900);
background-color: var(--card-bg-color);
border-radius: 8px;
width: auto;
text-decoration: none;
display: flex;
}
.app-container.padding-xxsmall:hover {
border-color: var(--grey--grey-800);
background-color: var(--grey--grey-900);
}
.app-image {
background-color: var(--white);
border-radius: 4px;
width: 24px;
height: 24px;
padding: 2px;
}
.grid-20 {
grid-column-gap: 120px;
grid-row-gap: 120px;
grid-template-rows: auto;
}
.left-align-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.integration-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.integration-container {
border: 1px solid var(--grey--grey-800);
background-color: var(--card-bg-color);
border-radius: 16px;
padding: 32px;
text-decoration: none;
}
.integration-container:hover {
border-color: var(--grey--grey-700);
background-color: var(--grey--grey-900);
}
.integration-container.update {
padding: 16px;
}
.column-divider {
background-color: var(--grey--grey-100);
width: 1px;
height: 100%;
}
.flex-block-30 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
}
.image-161 {
width: 60px;
}
.flex-block-31 {
height: 100%;
}
.h-flex1 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.h-flex1.margin-top.margin-large.padding-medium.container-wrapper.update {
padding: 32px;
}
.link-text {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.link-text.margin-top.margin-large {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.featured-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.featured-grid.margin-top.margin-medium {
grid-column-gap: 28px;
grid-row-gap: 28px;
width: 100%;
}
.flex-block-32 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.image-162 {
border-radius: 8px;
width: 220px;
height: auto;
}
.image-162.height-64 {
height: 47px;
}
.image-162.height-64.width-260 {
width: 260px;
height: 64px;
}
.image-162.update {
width: 140px;
height: 64px;
}
.height-40 {
justify-content: center;
align-items: center;
height: 50px;
display: flex;
}
.text-icon {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.interactions-content-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
width: 100%;
}
.flex-block-33 {
justify-content: center;
align-items: flex-start;
}
.image-163 {
border-radius: 16px;
width: 100%;
}
.grey-bg {
background-color: var(--card-bg-color);
}
.grid-21 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.div-block-112 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-112.padding-small {
background-color: var(--blue--blue-700);
border-radius: 32px;
}
.div-block-112.padding-xsmall.share-btn {
background-color: var(--blue--blue-700);
box-shadow: inset 2px -2px 5px 0 #0003, inset -2px 2px 5px 0 var(--blue--blue-800);
border-radius: 12px;
height: 60px;
text-decoration: none;
}
.div-block-112.padding-xsmall.share-btn:hover, .div-block-112.padding-xsmall.share-btn.twitter-bg {
background-color: var(--blue--blue-600);
}
.div-block-112.padding-xsmall.share-btn.twitter-bg:hover {
background-color: var(--blue--blue-700);
}
.div-block-112.padding-xsmall.share-btn.fb-bg {
background-color: var(--blue--blue-500);
box-shadow: inset 2px -2px 5px 0 var(--blue--blue-700), inset -2px 2px 5px 0 var(--blue--blue-800);
}
.div-block-112.padding-xsmall.share-btn.fb-bg:hover {
background-color: var(--blue--blue-600);
}
.div-block-112.padding-xsmall.share-btn.copy-btn {
background-color: var(--red--red-600);
box-shadow: inset 2px -2px 5px 0 var(--red--red-700), inset -2px 2px 5px 0 var(--red--red-700);
}
.div-block-112.padding-xsmall.share-btn.copy-btn:hover {
background-color: var(--red--red-500);
}
.div-block-112.padding-xsmall.share-btn.download-cta {
background-color: var(--red--red-600);
box-shadow: inset 2px -2px 5px 0 var(--red--red-700), inset -2px 2px 5px 0 var(--red--red-700);
}
.div-block-112.padding-xsmall.share-btn.download-cta:hover {
background-color: var(--red--red-500);
}
.div-block-112.padding-xsmall.share-btn.download-cta.margin-large.margin-top {
color: var(--untitled-ui--white);
}
.image-164 {
background-color: var(--white);
}
.image-165 {
background-color: var(--white);
border-radius: 4px;
}
.image-165.fb-padding {
background-color: #fff;
padding: 2px;
}
.image-165.transparent-bg {
background-color: #0000;
}
.image-166 {
background-color: var(--white);
}
.image-167 {
padding-left: 0;
position: absolute;
inset: auto -6% 12% auto;
}
.image-167.arrow-top {
inset: 1% auto auto -6%;
}
.image-168 {
position: absolute;
inset: auto 0% 5% 45%;
}
.logo-slider-track-right {
justify-content: flex-start;
align-items: center;
display: flex;
}
.logo-slider-track-right.margin-top.margin-medium {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.code-embed-8 {
padding-top: 20px;
padding-bottom: 20px;
}
.ai-form {
display: none;
}
.rich-text-block {
height: 100%;
}
.text-size-tiny-13 {
white-space: normal;
font-size: .75rem;
}
.text-size-tiny-13.text-color-graytrue600.margin-left {
margin-left: 18px;
}
.div-block-113 {
flex-direction: row;
align-items: center;
display: flex;
}
.text-size-medium-6 {
color: #525252;
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.heading-style-h2-4 {
color: #212121;
font-size: 2.986rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h2-4.max-width-large {
text-align: center;
margin-bottom: 6rem;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}
.layout350_desktop-image-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.layout350_tabs-menu-2 {
z-index: 1;
grid-column-gap: .25rem;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 12px;
align-items: center;
padding: .25rem;
display: flex;
position: sticky;
top: 6rem;
}
.grid-22 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.auto-tabs-progress-2 {
background-color: #ff0064;
width: .3rem;
height: 50%;
margin-left: -.3rem;
position: absolute;
inset: 0% auto 0% 0%;
}
.rl_layout28_tabs-link-3 {
color: #909090;
-webkit-text-fill-color: transparent;
background-color: #9e9e9e;
-webkit-background-clip: text;
background-clip: text;
border-left: .3rem solid #0000;
margin-left: -.3rem;
padding: 0 0 0 2rem;
display: block;
}
.rl_layout28_tabs-link-3.w--current {
opacity: 1;
color: #dbdbdb;
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-clip: border-box;
border-bottom: 1px #fff;
border-left: .3rem solid #9e9e9e;
}
.tab-content-2 {
color: #f5f5f5;
font-size: 16px;
display: block;
}
.auto-tabs-menu-2 {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
border-left: .3rem solid #424242;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.auto-tabs-content-2 {
background-color: #141414;
background-image: linear-gradient(99deg, #1a1a1a 34%, #0e0e0e);
border: 1px solid #424242;
border-right-style: none;
border-radius: 1rem;
width: 100%;
height: 100%;
overflow: clip;
}
.text-size-tiny-14 {
white-space: normal;
font-size: .75rem;
}
.text-size-tiny-14.text-color-graytrue600.margin-left {
margin-left: 18px;
}
.div-block-114 {
flex-direction: row;
align-items: center;
display: flex;
}
.text-size-medium-7 {
color: #525252;
-webkit-text-stroke-color: #525252;
font-size: 1.25rem;
}
.heading-style-h2-5 {
color: #212121;
font-size: 2.986rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h2-5.max-width-large {
text-align: center;
margin-bottom: 6rem;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}
.layout350_desktop-image-wrapper-3 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.layout350_tabs-menu-3 {
z-index: 1;
grid-column-gap: .25rem;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 12px;
align-items: center;
padding: .25rem;
display: flex;
position: sticky;
top: 6rem;
}
.layout350_tabs-menu-3.hide {
display: none;
}
.grid-23 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.flex-block-34 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
}
.grey-300 {
color: var(--grey--grey-300);
}
.text-block-98, .text-block-99, .text-block-100, .text-block-101, .text-block-102, .text-block-103 {
max-width: 150px;
}
.trebuchet-ms {
color: #ffffffb3;
font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
font-weight: 400;
}
.tarot-wrapper {
background-color: var(--black);
z-index: 3;
width: 100%;
height: auto;
padding: 20px;
}
.div-block-115 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.generator-main-wrapper {
border: 3px solid #000;
border-radius: 28px;
padding: 24px;
}
.pricing-table-wrapper {
width: 100%;
position: static;
}
.underline {
text-decoration: underline;
}
.bottom-margin-8 {
margin-bottom: 8px;
}
.div-block-116 {
flex-flow: column;
margin-top: 10px;
display: flex;
}
.vilt-bottom {
border: 1px #000;
font-size: 20px;
}
.vilt-bottom.text-align-center.max-width-xlarge {
width: auto;
}
.vilt-bottom.text-align-center.max-width-xlarge.margin-top.black {
color: var(--grey--grey-900);
}
.vilt-bottom.grey-300 {
color: var(--grey--grey-300);
line-height: 150%;
}
.vilt-bottom.game-description.center-align {
text-align: center;
}
.div-block-117 {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
display: flex;
}
.training-embed {
width: 100%;
height: 100%;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 40px;
line-height: 44px;
}
h2 {
font-size: 36px;
line-height: 42px;
}
.container {
padding-left: 0;
padding-right: 0;
}
.container.relative-top {
z-index: 2;
}
.navbar {
z-index: 1000;
position: relative;
}
.nav-link {
width: 100%;
margin-bottom: 15px;
margin-right: 0;
font-size: 16px;
}
.nav-link.is-login {
width: auto;
}
.nav-logo-btn {
z-index: 1;
position: relative;
}
.section-hero-1 {
padding-top: 130px;
padding-bottom: 90px;
}
.section-hero-1.is-vertical {
padding-top: 130px;
}
.flex-wrap-1 {
flex-direction: column;
justify-content: flex-start;
}
.hero-content {
text-align: center;
width: 70%;
margin-bottom: 80px;
}
.btn-wrap-1 {
margin-top: 30px;
}
.subhead-1 {
font-size: 16px;
line-height: 24px;
}
.current-avail-text {
margin-top: 15px;
}
.section-head {
margin-bottom: 60px;
}
.card-1 {
text-align: center;
width: 100%;
max-width: 350px;
font-size: 16px;
line-height: 24px;
}
.card-head {
flex-direction: column;
justify-content: center;
margin-bottom: 20px;
}
.flex-wrap-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.card-icon {
margin-bottom: 16px;
margin-right: 0;
}
.card-head-title {
max-width: none;
font-size: 20px;
line-height: 24px;
}
.col-line {
width: 250px;
height: 1px;
margin-top: 38px;
margin-bottom: 38px;
}
.section {
padding-top: 90px;
padding-bottom: 90px;
}
.section.is-grey.no-padding-top {
padding-top: 100px;
}
.section-bg-img-block {
width: 40%;
}
.lrg-quote-content-block {
width: 60%;
padding: 0 10%;
}
.lrg-quote-text {
font-size: 16px;
line-height: 24px;
}
.lrg-quote-meta {
margin-top: 90px;
}
.lrg-quote-name {
font-size: 14px;
line-height: 18px;
}
.lrg-quote-title {
font-size: 12px;
line-height: 16px;
}
.hero-video-block {
width: 90%;
}
.top-hero-bg-img {
width: 320px;
}
.flex-wrap-4 {
flex-direction: column;
justify-content: flex-start;
}
.blog-items-block {
grid-column-gap: 30px;
grid-row-gap: 40px;
}
.blog-card-content {
width: 84%;
}
.blog-card-meta {
flex-wrap: wrap;
font-size: 12px;
}
.h3-blog-title {
margin-bottom: 8px;
font-size: 21px;
line-height: 27px;
}
.h3-blog-title.is-large {
font-size: 36px;
}
.blog-item-category {
font-size: 13px;
}
.blog-card-auth {
flex: none;
margin-bottom: 6px;
}
.div-block {
margin-bottom: 6px;
}
.blog-article-head.bottom-grey {
width: 94%;
}
.richtext-1 {
margin-top: 0;
margin-bottom: 90px;
}
.richtext-1.no-negative {
margin-top: 0;
}
.nav-main-links {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.nav-content {
justify-content: flex-end;
}
.nav-content-block {
width: 100%;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.menu-close {
z-index: 1;
justify-content: center;
align-items: center;
width: 34px;
height: 30px;
line-height: 0;
display: none;
position: relative;
}
.menu-close-line {
background-color: var(--black);
width: 100%;
height: 2px;
padding-bottom: 0;
padding-right: 0;
position: absolute;
transform: rotate(45deg);
}
.menu-close-line.alt {
transform: rotate(-45deg);
}
.menu-open {
z-index: 1;
cursor: pointer;
width: 38px;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 0;
display: block;
}
.nav-link-wrap {
background-color: #fff;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 100px 4% 35px;
display: flex;
position: relative;
box-shadow: 1px 1px 13px 4px #0000001a;
}
.ham-line {
background-color: var(--black);
}
.ham-line.center {
margin-top: 7px;
margin-bottom: 7px;
}
.h2-title-1 {
font-size: 4vw;
}
.carousel.is_contained {
overflow: hidden;
}
.carousel-slider {
height: 550px;
}
.lrg-quote-text-2 {
font-size: 16px;
line-height: 24px;
}
.lrg-quote-name-2 {
font-size: 14px;
line-height: 18px;
}
.team-card-wrap {
width: 50%;
margin-bottom: 40px;
}
.slider3_mask {
width: 100%;
}
.slider3_slide {
padding-left: 4rem;
padding-right: 4rem;
}
.slider-investors {
padding-left: 0;
padding-right: 0;
}
.slider-investor_card {
width: 100%;
}
.team-wrap {
flex-wrap: wrap;
}
.team-wrap.is-advisors {
flex-direction: column;
align-items: center;
}
.card-2 {
text-align: center;
width: 100%;
max-width: 350px;
font-size: 16px;
line-height: 24px;
}
.form {
width: 60%;
}
.pricing-grid {
grid-template-columns: 1fr 1fr;
margin-top: 0;
}
.html-embed {
margin-bottom: 0;
}
.div-block-3 {
overflow: visible;
}
.div-block-4 {
flex-direction: column;
}
.content-card.relative-bottom {
z-index: 1;
position: relative;
}
.section-hero-home {
background-image: linear-gradient(125deg, #ff338340, #000 15%, #070e18 59%, #3064b2);
}
.page-padding {
padding: 100px 16px;
}
.page-padding.pt-80 {
padding-left: 16px;
padding-right: 16px;
}
.page-padding.section-ai-mb {
padding-top: 160px;
padding-bottom: 160px;
}
.vertical-spacing {
padding-left: 0;
padding-right: 0;
}
.vertical-spacing.hero-spacing {
padding-top: 100px;
}
.logo-slider-section.nav-container {
padding-left: 16px;
padding-right: 16px;
}
.logo-slider-section.nav-container.nav-desktop {
display: none;
}
.logo-slider-section.nav-container.nav-mobile {
display: flex;
}
.margin-bottom-100 {
margin-bottom: 60px;
}
.cta-button {
padding: 13px 44px;
}
.cta-button.nav-action {
width: 100%;
margin-top: 24px;
margin-left: 0;
}
.cta-button.nav-action.link-type {
margin-left: 0;
display: none;
}
.cta-button.nav-action.gamer-cta {
width: auto;
display: inline-block;
}
.heading-large {
text-align: center;
width: auto;
}
.heading-small._w-full.ap-hero-subheading {
text-align: center;
}
.heading-medium {
line-height: 1.35714;
}
.hero-button-wrap {
margin-bottom: 120px;
}
.image-100.desktop-hid {
display: inline-block;
}
.image-100.tab-mob-hid {
display: none;
}
.video-wrapper.padding-xsmall.extra-padding {
height: auto;
}
.case-studies-bottom {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.cs-name {
font-size: 16px;
}
.absolute-creative-wrap {
height: 68px;
top: -34px;
}
.absolute-hero-gradient {
width: 500px;
height: 500px;
}
.tab-link-text-wrap {
justify-content: center;
align-items: center;
padding: 12px 15px;
display: flex;
}
.new-nav {
background-image: linear-gradient(125deg, #360714, #000 38% 100%, #060d17);
}
.nav-linking {
margin-left: 0;
margin-right: 0;
}
.nav-linking.hide {
display: block;
}
.tab-image-side-creative {
display: none;
}
.tabs-card-wrap {
overflow: scroll;
}
.new-cta-wrapper {
grid-row-gap: 40px;
flex-direction: column;
}
.cta-left {
width: 80%;
position: static;
}
.cta-right {
width: 60%;
position: static;
}
.cta-middle {
width: auto;
}
.cta-middle.zooom {
width: 60%;
}
.footer-creative-image-wrap {
margin-top: -16.8%;
}
.new-footer-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
}
.footer-right {
width: auto;
}
.pricing-cards-grid._5-col {
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
}
.pricing-cards-grid._5-col.update {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
place-content: stretch space-between;
place-items: start stretch;
position: static;
}
.new-pricing-card-wrap {
width: 48%;
}
.new-pricing-card {
padding: 30px 20px;
}
.new-pricing-card._5-cc.bc.new-card.best-value-card {
align-items: center;
}
.price-category {
font-size: 24px;
}
.ep-left, .ep-right {
display: none;
}
.pricing-compare-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.pricing-compare-grid._5-col {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
width: 796px;
min-width: 796px;
}
.blank {
display: none;
}
.compare-box.compare-title {
height: 60px;
}
.compare-box.comparison-point {
background-color: var(--grey--grey-800);
color: var(--dark-grey);
text-align: center;
align-items: center;
}
.partners-logo-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: flex;
}
.partners-logo.nowidth {
width: auto;
min-width: auto;
}
.splide.slider1.pill {
padding-right: 6vw;
}
.splide__list, .splide__slide {
width: 100%;
}
.showcase-h1-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
max-width: none;
display: flex;
}
.showcase-h1-ab-left, .showcase-h1-ab-right {
max-width: 50%;
position: static;
}
.about-h1-flex {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
}
.about-h1-left, .about-h1-right {
position: static;
}
.about-para {
font-size: 16px;
}
.nav-menu {
background-color: var(--black);
object-fit: fill;
width: 100%;
height: 93vh;
padding-bottom: 20px;
display: flex;
inset: 70px 0% auto;
overflow: auto;
}
.menu-button {
width: 60px;
padding-left: 0;
padding-right: 0;
}
.menu-button.w--open {
background-color: #0000;
}
.footer-stripe-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
flex-direction: column;
}
.nav-dropdown-list.w--open {
width: 95vw;
position: static;
left: 0%;
}
.nav-drop-link-wrap {
flex-direction: column;
}
.nav-links-wrapper {
flex-direction: column;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
}
.nav-dropdown {
margin-left: 0;
margin-right: 0;
display: block;
}
.new-nav-brand.w--current {
display: block;
}
.new-nav-brand.hide.w--current {
display: none;
}
.mobile-graph-wrap {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
display: flex;
}
.mobile-line-1 {
background-color: #b9b9b9;
border-radius: 100px;
width: 100%;
height: 9px;
padding-bottom: 0;
padding-right: 0;
}
.mobile-line-1.ml-2 {
background-color: #9a9a9a;
width: 90%;
}
.mobile-line-1.ml-3 {
background-color: #727272;
width: 80%;
}
.landing-hero-flex {
grid-row-gap: 40px;
flex-direction: column;
margin-bottom: 200px;
}
.hero-landing-left {
text-align: center;
align-items: center;
width: auto;
}
.hero-landing-right {
width: 100%;
}
.landing-creative-image-wrap {
width: 80%;
}
.compare-track {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: auto;
}
.feature-tag {
font-size: 20px;
}
.feat-author-profile {
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
}
.mm-step-flex {
grid-row-gap: 36px;
flex-direction: column;
}
.mm-step-card {
width: 100%;
}
.steps-line {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 6px;
height: auto;
display: block;
inset: 0% auto 0% 40px;
}
.ticker-wrap {
grid-row-gap: 40px;
}
.feat-flex {
grid-column-gap: 40px;
}
.feat-right {
margin-right: 0%;
}
.feat-right.p-left {
margin-left: 0%;
}
.mm-tag-icon {
width: 32px;
}
.feat-sub {
padding-bottom: 0;
}
.blog-section-wrap {
width: auto;
}
.ap-hero-sectionwrap {
flex-direction: column;
}
.ap-hero-left {
text-align: left;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.ap-hero-right {
width: 100%;
}
.why-ap-card {
width: 45%;
}
.who-section-wrap {
grid-template-columns: 1fr 1fr;
}
.section_ap-faq {
margin-bottom: 100px;
}
.faq-answer.white.text-size-regular {
word-break: normal;
width: auto;
}
.screenshots-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.user-card {
width: 44%;
}
.paragraph-7 {
width: 100%;
}
.paragraph-8.ap-hero-info {
text-align: center;
}
.summary-main {
flex-wrap: wrap;
padding-left: 40px;
padding-right: 40px;
}
.feat-flex-copy {
grid-column-gap: 40px;
grid-column-gap: 40px;
}
.combine-form_input-grey {
min-width: 12rem;
}
.combine-heading-style-h2 {
font-size: 2.5rem;
}
.combine-padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.image-wrap, .image-thumbnail {
margin-bottom: 52px;
margin-left: auto;
margin-right: auto;
padding-bottom: 2px;
padding-right: 2px;
}
.max-500.mx-auto {
justify-content: center;
align-items: center;
display: block;
}
.dynamic-content {
margin-top: 0;
margin-bottom: 90px;
}
.dynamic-content.no-negative {
margin-top: 0;
}
.cta-button-center {
padding: 13px 44px;
}
.h3-blog-title-icebreaker {
margin-bottom: 8px;
font-size: 21px;
line-height: 27px;
}
.h3-blog-title-icebreaker.is-large {
font-size: 36px;
}
.cta-button-ai {
padding: 13px 44px;
}
.header-wrapper {
height: 64px;
}
.html-embed-15 {
width: 100%;
}
.nav-actions {
flex-flow: column;
width: 100%;
}
.div-block-21 {
width: 100%;
height: auto;
position: relative;
}
.div-block-22 {
flex-flow: column;
width: 100%;
display: flex;
}
.page-padding-copy {
padding: 100px 16px;
}
.page-padding-copy.pt-80 {
padding-left: 16px;
padding-right: 16px;
}
.page-padding-copy.section-ai-mb {
padding-top: 160px;
padding-bottom: 160px;
}
.heading-21 {
line-height: 100%;
}
.cta-button-secondary-transparency {
padding: 13px 44px;
}
.cta-button-secondary-transparency.nav-action {
width: 100%;
margin-top: 24px;
margin-left: 0;
}
.cta-button-secondary-transparency.nav-action.link-type {
margin-left: 0;
display: none;
}
.combine-heading-style-h2-2 {
font-size: 2.5rem;
}
.combine-padding-global-2 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.brix---heading-h3-size {
font-size: 22px;
line-height: 32px;
}
.brix---display-2 {
font-size: 58px;
line-height: 70px;
}
.brix---grid-4-columns {
grid-template-columns: 1fr 1fr;
}
.brix---heading-h2-size {
font-size: 30px;
line-height: 46px;
}
.brix---mg-bottom-56px {
margin-bottom: 48px;
}
.brix---section {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---grid-6-columns-logo-strip {
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
}
.brix---slider-mask {
position: static;
}
.brix---mg-bottom-48px {
margin-bottom: 40px;
}
.brix---section-small {
padding-top: 80px;
padding-bottom: 80px;
}
.brix---logo-strip-image-card {
border-radius: 12px;
width: 200px;
}
.brix---section-logo-strip-v6 {
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-24 {
padding-left: 16px;
padding-right: 16px;
}
.div-block-24.non-scoll-section {
height: 100vh;
}
.ai-sandbox-form {
width: 100%;
}
.ai-sandbox-form.mx-auto {
width: 100%;
margin-bottom: 0;
}
.text-field-3 {
width: 100%;
max-width: 100%;
overflow: visible;
}
.interaction-generator-form.max-900 {
width: 100%;
max-width: none;
}
.interaction-generator-form.max-900.mx-auto {
width: 100%;
max-width: 900px;
}
.homepage-subtitle.max-680 {
padding-top: 40px;
}
.logo_component-ltr_slider {
grid-column-gap: 3rem;
}
.logo-slider-img {
width: 174px;
}
.logo_component-rtl_slider {
grid-column-gap: 3rem;
}
.logo-slider-img-copy {
width: 174px;
}
.cta-button-ai-variant {
padding: 13px 44px;
}
.feature-tag-home {
font-size: 20px;
}
.div-block-38.hide-on-desktop {
display: none;
}
.feat-flex-copy {
grid-column-gap: 40px;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall.transparent-text {
color: #0000;
}
.hide-tablet {
display: none;
}
.spacer-xxlarge {
padding-top: 4.5rem;
}
.padding-xlarge {
padding: 3.5rem;
}
.margin-xlarge {
margin: 3.5rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-xxlarge {
padding: 4.5rem;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.spacer-huge {
padding-top: 5rem;
}
.heading-style-h2 {
font-size: 2.75rem;
}
.heading-style-h2.text-align-center, .max-width-large.text-align-center.margin-top.margin-small {
flex-flow: column;
display: flex;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-huge {
margin: 5rem;
}
.bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded.enterprice-card {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-xxhuge {
margin: 7.5rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.rl-styleguide_icons-list {
grid-auto-flow: row;
}
.spacer-xhuge {
padding-top: 6rem;
}
.spacer-xxhuge {
padding-top: 7.5rem;
}
.text-size-regular.white {
width: 176px;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.padding-xhuge {
padding: 6rem;
}
.margin-xhuge {
margin: 6rem;
}
.padding-large {
padding: 2.5rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.heading-style-h3 {
font-size: 2.25rem;
}
.margin-xxlarge {
margin: 4.5rem;
}
.heading-style-h4 {
font-size: 1.5rem;
}
.spacer-xlarge {
padding-top: 3.5rem;
}
.spacer-large {
padding-top: 2.5rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-large {
margin: 2.5rem;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-xxhuge {
padding: 7.5rem;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.padding-section-large.customer-card-section {
padding-bottom: 16rem;
}
.heading-style-h1 {
font-size: 3.25rem;
}
.padding-huge {
padding: 5rem;
}
.padding-section-small {
float: none;
clear: none;
}
.combine-heading-style-h1 {
font-size: 2.75rem;
}
.combine-padding-global-3 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.rl-heading-style-h4 {
font-size: 1.75rem;
}
.rl_layout28_component {
grid-column-gap: 3rem;
}
.rl-padding-section-large, .padding-section-large-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.layout250_list {
grid-column-gap: 2rem;
}
.padding-section-large-3 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.layout1_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.heading-style-h2-2 {
font-size: 2.75rem;
}
.heading-style-h3-2 {
font-size: 2.25rem;
}
.heading-style-h4-2 {
font-size: 1.5rem;
}
.heading-style-h1-2 {
font-size: 3.25rem;
}
.rl-padding-section-large-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.rl-padding-section-medium {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.rl-heading-style-h4-2 {
font-size: 1.75rem;
}
.rl-heading-style-h3 {
font-size: 2.25rem;
}
.rl-heading-style-h2 {
font-size: 2.75rem;
}
.rl-heading-style-h1 {
font-size: 3.25rem;
}
.heading-style-h4-3 {
font-size: 1.5rem;
}
.div-block-45 {
display: flex;
}
.video-wrapper-mobile {
border-radius: 16px;
padding: 2px;
line-height: 16px;
}
.code-embed-on-desktop.hero-video {
border-radius: 16px;
line-height: 16px;
}
.code-embed-on-desktop.hero-video.margin-xxsmall {
display: block;
}
.feat-right-padded {
margin-right: 0%;
}
.feat-right-padded.p-left {
margin-left: 0%;
}
.div-block-32-copy {
flex-flow: column;
}
.div-block-46 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-47, .div-block-48, .div-block-29-copy, .div-block-31-copy {
flex-flow: column;
}
.heading-style-h4-4 {
font-size: 1.5rem;
}
.new-flex.flex-wrap.flex-article-card-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: flex-start;
}
.article-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
}
.article-card-content.padding-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.article-card-content.padding-small.max-width-xxsmall {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.article-card-content.padding-small.gamer-blog-card {
overflow: hidden;
}
.new-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.combine-team2_component {
flex-direction: column;
align-items: center;
}
.combine-heading-style-h2-3 {
font-size: 2.5rem;
}
.combine-padding-global-4 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.advisor-container {
flex-direction: column;
align-items: center;
}
.brix---grid-6-columns-logo-strip-2 {
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
}
.brix---section-small-2 {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.article-card-team-wrap {
grid-template-columns: 1fr 1fr;
}
.article-card-team-wrap.column-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.article-card-team-wrap.column-6.margin-top.margin-extrasmall {
grid-template-columns: 1fr 1fr 1fr;
}
.article-card-team-wrap.founder-card-wrap {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.card-gradient-border {
padding-top: 2px;
}
.content-list-wrapper.margin-left.margin-small {
position: relative;
}
.grid-7 {
width: auto;
}
.content-container {
flex-flow: column;
position: static;
}
.content-col.content-list {
position: relative;
top: 0;
}
.content-col.content-col-fixed {
display: none;
}
.flex-block-5 {
position: relative;
}
.div-block-69 {
justify-content: center;
align-items: center;
display: flex;
}
.logo-slider-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
}
.logo-slider-track-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.logo-image {
height: 30px;
}
.interactive-feature-tabs.padding-small {
overflow: auto;
}
.tab-content-wrap.padding-section-small {
flex-flow: column;
}
.gradient-border-wrap.margin-small {
width: auto;
}
.app-feature-content-wrap.margin-vertical.margin-xlarge, .app-feature-content-wrap.margin-vertical.margin-xxlarge, .app-feature-content-wrap.margin-top.margin-xlarge, .app-feature-content-wrap.margin-top.margin-xxhuge {
flex-flow: column;
}
.game-template {
height: 450px;
}
.usecase1-cards-container {
grid-template-columns: 1fr 1fr;
}
.dropdown-chevron {
inset: auto 0% auto auto;
}
.navbar3_container {
grid-auto-columns: 1fr;
display: grid;
}
.navbar3_menu-button {
margin-left: -.5rem;
padding: 0;
}
.navbar3_menu-button.w--open {
background-color: #0000;
}
.menu-icon3_line-middle {
background-color: var(--\);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar3_dropdown-toggle {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: .75rem 2rem .75rem 0;
position: relative;
}
.menu-icon3_line-bottom {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar3_menu {
z-index: 1;
background-color: var(--\);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-right: 1px solid #000;
flex-direction: column;
justify-content: center;
width: 80vw;
height: 100dvh;
margin-left: 0;
padding-bottom: 6.5rem;
padding-left: 5vw;
padding-right: 5vw;
transition: height .5s;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
overflow: auto;
}
.navbar3_logo-link-menu {
float: none;
margin-top: 2.5rem;
margin-bottom: 2rem;
display: flex;
position: static;
}
.menu-icon3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar3_menu-dropdown {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.125rem;
display: block;
position: relative;
}
.navbar3_dropdown-list {
position: static;
overflow: hidden;
}
.navbar3_dropdown-list.w--open {
border-style: none;
padding: 0;
position: static;
}
.navbar3_dropdown-link {
padding: .75rem 0 .75rem 5%;
}
.navbar3_menu-background {
z-index: 0;
background-color: #00000080;
width: 100vw;
height: 100vh;
padding-bottom: 0;
padding-right: 0;
display: none;
position: absolute;
inset: 0%;
}
.navbar3_link {
padding: .75rem 0;
font-size: 1.125rem;
position: static;
}
.menu-icon3_line-top {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar3_tablet-menu-button {
width: 100%;
margin-top: 1.5rem;
margin-left: 0;
margin-right: 0;
display: inline-block;
}
.heading-style-h4-5 {
font-size: 1.5rem;
}
.video-container {
height: auto;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.glow-effect {
height: 500px;
}
.semi-bold {
line-height: 110%;
}
.heading-style-h1-3 {
font-size: 3.25rem;
}
.pricing-compare-row {
flex-flow: column;
}
.pricing-legend-column {
width: 100%;
}
.navbar2_link {
text-align: left;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar2_container {
grid-template-columns: .25fr 1fr;
display: flex;
}
.navbar2_logo-link.mbl.w--current {
display: block;
}
.navbar2_logo-link.site.w--current {
display: none;
}
.menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.navbar2_menu-button {
width: 66px;
padding: 0;
}
.navbar2_menu-button.w--open {
background-color: #0000;
}
.menu-icon2_line-bottom {
background-color: var(--white);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar12_dropdown-link.margin-top {
margin-top: 24px;
}
.navbar12_dropdown-link-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.navbar12_dropdown-link-list.margin-top {
justify-items: stretch;
margin-top: 24px;
}
.navbar12_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.navbar12_dropdown-list {
position: static;
overflow: hidden;
}
.navbar12_dropdown-list.w--open {
border-style: none;
width: auto;
padding: 0;
}
.menu-icon2_line-top {
background-color: var(--white);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar2_button-wrapper {
justify-content: flex-start;
align-items: center;
}
.navbar12_menu-dropdown {
width: 100%;
font-size: 1.125rem;
}
.navbar12_dropdown-content {
grid-auto-flow: column;
align-content: start;
align-items: start;
margin-bottom: 0;
padding: 1rem 0;
}
.menu-icon2_line-middle {
background-color: var(--white);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar2_menu {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: 1px solid #000;
justify-content: center;
padding: 1rem 5% 2.5rem;
display: flex;
position: absolute;
overflow: auto;
}
.navbar2_menu.is-page-height-tablet {
background-color: var(--card-bg-color);
height: 100dvh;
padding-bottom: 6.5rem;
transition: height .5s;
}
.nav-linking-2 {
margin-left: 0;
margin-right: 0;
padding: .75rem 1rem;
}
.navbar2_link-2 {
text-align: left;
padding: .75rem 0 .75rem 1rem;
font-size: 1.125rem;
}
.navbar12_dropdown-toggle-2 {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 1rem;
display: flex;
}
.navbar12_menu-dropdown-2 {
width: 100%;
font-size: 1.125rem;
}
.cta-button-2 {
padding: 13px 44px;
}
.cta-button-2.nav-action {
width: 100%;
margin-top: 0;
margin-left: 0;
display: none;
}
.cta-button-2.nav-action.link-type {
margin-left: 0;
display: none;
}
.cta-button-2.nav-action.mbl-cta {
display: block;
}
.dropdown-chevron-2 {
inset: auto 0% auto auto;
}
.menu-icon2_line-top-2 {
background-color: var(--white);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon2_line-middle-2 {
background-color: var(--white);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon2_line-bottom-2 {
background-color: var(--white);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.feature-img-wrapper {
height: 100%;
display: flex;
}
.flex-block-13 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.brand-logo-flex {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.template-image.margin-bottom.margin-extrasmall {
width: 100%;
}
.similar-templates.margin-verticle.margin-xlarge {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.template-heading {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.container-usecase {
padding-left: 0;
padding-right: 0;
}
.container-usecase.relative-top {
z-index: 2;
}
.case-study-flex.margin-top.margin-xlarge {
margin-top: 2rem;
}
.case-study-flex.margin-top.margin-xlarge.swich-card {
margin-top: 18rem;
}
.case-study-container.padding-right.padding-large {
padding-right: 0;
left: 54px;
}
.case-study-container.switch-card.padding-left.padding-xlarge {
padding-left: 0;
left: 54px;
}
.case-study-btn-container.padding-medium {
width: 70%;
inset: auto 0% -55% 16%;
}
.case-study-btn-container.padding-medium.card-to-left {
bottom: -60%;
left: 100px;
}
.code-embed-on-mobile.hero-video {
border-radius: 16px;
line-height: 16px;
}
.code-embed-on-mobile.hero-video.margin-xxsmall {
display: none;
}
.card-gradient-border-usecase {
padding-top: 2px;
}
.card-gradient-border-usecase.margin-bottom.margin-xlarge {
width: 100%;
}
.image-144 {
bottom: 233.524px;
}
.image-145 {
bottom: 226.528px;
left: 342.071px;
}
.image-146 {
top: 177.028px;
left: 21.434px;
}
.div-block-87 {
padding-left: 40px;
padding-right: 40px;
}
.search-button {
padding: 13px 44px;
}
.search-button.nav-action {
width: 100%;
margin-top: 24px;
margin-left: 0;
}
.search-button.nav-action.link-type {
margin-left: 0;
display: none;
}
.search-button.nav-action.gamer-cta {
width: auto;
display: inline-block;
}
.heading-style-home, .home-heading {
font-size: 3.25rem;
}
.layout350_mobile-image-wrapper {
display: none;
}
.layout350_desktop-image-wrapper {
display: flex;
}
.layout350_image.is-image1 {
margin-left: 0;
}
.layout350_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.padding-section-large-4 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.content-container-live-ae {
flex-flow: column;
position: static;
}
.cta-button-3 {
padding: 13px 44px;
}
.heading-style-h2-3 {
font-size: 2.75rem;
}
.padding-section-large-5 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.hide-tablet-2 {
display: none;
}
.show-tablet {
display: block;
}
.uui-dropdown-icon {
color: var(--untitled-ui--gray500);
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.menu-icon_line-middle-inner-2 {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_line-bottom {
background-color: var(--white);
border-radius: 1rem;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_line-middle {
background-color: var(--white);
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-top {
background-color: var(--white);
border-radius: 1rem;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_component {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.uui-navbar02_dropdown-content {
flex-direction: column;
}
.uui-navbar02_menu-button.w--open {
background-color: #0000;
}
.uui-navbar02_blog-content {
max-width: none;
}
.uui-navbar02_dropdown-content-left {
padding-left: 0;
padding-right: 0;
}
.uui-navbar02_dropdown-right-overlay-absolute {
border-radius: .5rem;
min-width: 100%;
}
.uui-navbar02_dropdown-content-right {
max-width: 50rem;
margin-bottom: 1rem;
}
.uui-navbar02_menu {
border-top: 1px solid var(--untitled-ui--gray100);
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
align-items: flex-start;
height: 100vh;
margin-left: 0;
padding: 1.5rem 2rem 5rem;
position: absolute;
overflow: auto;
}
.uui-navbar02_menu-left {
grid-column-gap: 0px;
grid-row-gap: .5rem;
color: var(--untitled-ui--gray900);
flex-direction: column;
align-items: flex-start;
display: flex;
}
.uui-navbar02_link {
color: var(--untitled-ui--gray900);
width: 100%;
padding: .75rem 0;
font-size: 1.125rem;
}
.uui-navbar02_link:hover {
color: var(--untitled-ui--gray900);
}
.uui-navbar02_menu-dropdown {
width: 100%;
position: relative;
}
.uui-navbar02_dropdown-toggle {
color: var(--untitled-ui--gray900);
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
}
.uui-navbar02_dropdown-toggle:hover {
color: var(--untitled-ui--gray900);
}
.uui-navbar02_dropdown-list {
position: relative;
overflow: hidden;
}
.uui-navbar02_dropdown-list.w--open {
box-shadow: none;
border-style: none;
align-items: flex-start;
min-width: auto;
margin-bottom: 1.5rem;
padding: 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.uui-navbar02_menu-right {
flex-direction: column-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
padding-bottom: 7rem;
}
.uui-navbar02_dropdown-link {
padding-left: 0;
padding-right: 0;
}
.uui-navbar02_dropdown-link:hover {
background-color: #0000;
}
.uui-button-secondary-gray.show-tablet {
border-radius: 36rem;
display: block;
}
.uui-navbar02_button-wrapper {
flex-direction: column-reverse;
align-items: stretch;
display: flex;
}
.uui-navbar02_dropdown-content-button-wrapper {
margin-bottom: 0;
margin-left: 0;
}
.product-menu-grid {
grid-template-columns: 1fr 1fr;
}
.article-container {
width: 100%;
}
.grid-19 {
grid-template-columns: 1fr 1fr;
}
.hero-heading-style-h1 {
line-height: 100%;
}
.auto-tabs-layout-2-wrapper {
padding-top: 6rem;
padding-bottom: 2rem;
}
.auto-tabs-component {
grid-column-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.rl-heading-style-h4-3 {
font-size: 1.75rem;
}
.rl_layout28_tabs-link-2 {
transition: border-color .3s, color .3s;
}
.tab-content {
font-size: 1rem;
}
.auto-tabs-description {
grid-auto-flow: row;
margin-top: 1rem;
}
.rl-padding-section-large-4 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.rl_testimonial15_content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.interactions-content-grid {
place-items: center stretch;
}
.heading-style-h2-4 {
font-size: 2.75rem;
}
.layout350_desktop-image-wrapper-2 {
display: flex;
}
.rl_layout28_tabs-link-3 {
transition: border-color .3s, color .3s;
}
.tab-content-2 {
font-size: 1rem;
}
.heading-style-h2-5 {
font-size: 2.75rem;
}
.layout350_desktop-image-wrapper-3 {
display: flex;
}
}
@media screen and (max-width: 767px) {
h1 {
letter-spacing: -.8px;
font-size: 32px;
line-height: 36px;
}
h2 {
letter-spacing: 0;
font-size: 28px;
line-height: 32px;
}
p {
font-size: 15px;
}
.container {
width: 90%;
}
.container.no-c {
width: 100%;
}
.nav-wrap {
width: 90%;
padding-top: 20px;
}
.nav-link.is-login {
text-align: center;
width: 100%;
}
.section-hero-1 {
padding-top: 32vw;
padding-bottom: 60px;
}
.section-hero-1.is-vertical {
padding-top: 32vw;
}
.hero-content {
width: 100%;
margin-bottom: 60px;
padding-left: 30px;
padding-right: 30px;
}
.hero-content.is-vertical {
width: 100%;
margin-bottom: 40px;
}
.hero-video.hero-video-height {
aspect-ratio: 16 / 9;
padding-top: 0%;
}
.subhead-1 {
font-size: 14px;
}
.current-avail-text {
font-size: 12px;
line-height: 16px;
}
.current-avail-text.in-cta {
white-space: normal;
}
.section-head {
margin-bottom: 40px;
}
.card-1 {
font-size: 14px;
line-height: 20px;
}
.card-head-title {
font-size: 16px;
line-height: 20px;
}
.col-line {
width: 200px;
margin-top: 30px;
margin-bottom: 30px;
}
.footer-link {
margin-left: 16px;
margin-right: 16px;
font-size: 10px;
line-height: 18px;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.section.is-grey.no-padding-top {
padding-top: 80px;
padding-bottom: 90px;
}
.section.is-blog-article {
padding-top: 125px;
padding-bottom: 125px;
}
.section-bg-img-block {
width: 100%;
height: 480px;
margin-top: -60px;
position: relative;
}
.section-bg-pattern {
width: 120px;
inset: auto auto -20px 0%;
}
.lrg-quote-content-block {
width: 100%;
padding-top: 50px;
}
.lrg-quote-text {
max-width: 480px;
}
.lrg-quote-meta {
margin-top: 60px;
}
.lrg-quote-name {
margin-bottom: 5px;
}
.hero-video-block, .hero-video-block.is-vertical, .top-hero-bg-img {
width: 100%;
}
.top-hero-bg-img.is-top-right {
width: 200px;
}
.desktop-logo {
display: none;
}
.mobile-logo {
display: block;
}
.is-home-hero-desktop {
display: none;
}
.is-home-hero-mobile {
font-weight: 700;
display: block;
}
.blog-pagination {
margin-top: 40px;
}
.blog-items-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.blog-item-card {
min-height: 420px;
}
.blog-card-content {
padding: 15px;
}
.h3-blog-title.is-large {
font-size: 28px;
line-height: 36px;
}
.blog-item-category {
font-size: 12px;
}
.blog-card-img-block {
height: 80%;
}
.blog-filter-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
margin-top: -89px;
margin-bottom: 40px;
padding: 17px;
position: relative;
top: 0;
}
.search-blog-input {
width: 100%;
}
.blog-search-wrap, .blog-search-block {
width: 100%;
margin-bottom: 10px;
}
.remove-filter-btn {
width: 15px;
height: 15px;
left: auto;
right: -10px;
}
.blog-article-head {
padding: 15px;
}
.richtext-1 {
margin-bottom: 60px;
}
.menu-close {
width: 32px;
height: 28px;
}
.menu-open {
width: 32px;
}
.nav-link-wrap {
padding-top: 90px;
padding-left: 5%;
padding-right: 5%;
}
.ham-line {
box-shadow: none;
width: 100%;
}
.h2-title-1 {
font-size: 28px;
}
.card-header {
height: 200px;
}
.carousel-slider {
height: 500px;
}
.carousel-slider._2 {
right: -9%;
}
.carousel-slider._4 {
right: -27%;
}
.carousel-slider._3 {
right: -18%;
}
.carousel-mask {
width: 60%;
}
.lrg-quote-text-2 {
max-width: 480px;
}
.lrg-quote-name-2 {
margin-bottom: 5px;
}
.lrg-subhead {
font-size: 18px;
}
.team-card-wrap {
width: 100%;
}
.team-card-wrap.is-advisors {
width: 100%;
margin-top: 0;
margin-bottom: 40px;
}
.founding-job-title.is-advisors {
font-size: 20px;
}
.founding-text-block {
font-size: 16px;
line-height: 16px;
}
.h3-advisors {
font-size: 20px;
}
.slider3_slide {
padding: 10px 13px;
}
.slider3_arrow.hide-mobile-landscape {
display: none;
}
.slider-investors {
padding-bottom: 3rem;
}
.lrg-subhead-2, .lrg-subhead-3 {
font-size: 18px;
}
.advisor-img, .founding-img {
width: 200px;
height: 200px;
}
.team-wrap {
flex-direction: column;
}
.card-2 {
font-size: 14px;
line-height: 20px;
}
.form {
width: 70%;
}
.pricing-grid {
grid-template-columns: 1fr;
}
.div-block-4 {
flex-direction: column;
}
.div-block-7 {
margin-top: -105px;
}
.section-hero-home {
text-align: center;
overflow: hidden;
}
.page-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.page-padding.pt-80 {
padding-bottom: 80px;
}
.page-padding.section-ai-mb {
height: 880px;
}
.margin-bottom-8 {
display: flex;
}
.margin-bottom-8.withgraphics {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-end;
align-self: stretch;
}
.para-small {
line-height: 1.83333;
}
.cta-button {
padding: 14px 36px;
}
.cta-button.white.testimonials-btn {
padding: 10px 20px;
}
.flexcolwrap {
flex-direction: column;
}
.heading-large {
width: auto;
margin-top: 24px;
margin-bottom: 24px;
font-size: 32px;
}
.heading-large.enterprise {
flex: none;
align-self: center;
}
.heading-large.centred {
text-align: center;
}
.flex3col, .flex2col {
width: 100%;
}
.nuterals {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.heading-extrasmall {
font-size: 20px;
line-height: 1.5;
}
.margin-bottom-44 {
margin-bottom: 20px;
}
.stylename {
grid-template-columns: 1fr 1fr;
}
.heading-small {
font-size: 25px;
line-height: 1.4;
}
.heading-small.text-is-centered._w-full {
width: 100%;
}
.margin-bottom-24 {
justify-content: center;
display: flex;
}
.margin-bottom-24.text-is-centered {
justify-content: center;
align-items: center;
}
.colorbox {
margin-bottom: 15px;
margin-left: 10px;
margin-right: 15px;
}
.hero-button-wrap {
grid-row-gap: 28px;
flex-direction: column;
}
.hero-cta-creative-image {
margin-right: -50%;
}
.hero-badges-wrap {
grid-row-gap: 12px;
flex-direction: column;
align-items: center;
}
.tabs-menu {
grid-column-gap: 20px;
background-position: 75%, 44%, 19%;
background-size: 5%, 5%, 5%;
}
.tab-button {
padding: 1px;
font-size: 12px;
}
.cta-right {
display: none;
}
.cta-middle.zooom {
width: 80%;
}
.footer-right {
grid-column-gap: 16px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing-hero-cta-wrapper {
grid-row-gap: 20px;
flex-direction: column;
}
.pricing-card-wrap {
padding-left: 16px;
padding-right: 16px;
}
.pricing-cards-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
}
.pricing-cards-grid._5-col.update {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
}
.new-pricing-card-wrap {
width: auto;
}
.new-pricing-card-wrap.basic-new.best-value-border.pricinggroup1 {
display: block;
}
.price-category {
font-size: 20px;
}
.price-card-feature {
font-size: 10px;
}
.enterprise-wrapper {
flex-direction: column;
}
.ep-left {
flex: 0 auto;
width: 10%;
margin-left: 628px;
display: none;
}
.ep-mid {
align-self: auto;
width: auto;
}
.ep-right {
width: auto;
display: none;
}
.pricing-compare-grid._5-col {
width: 870px;
min-width: 870px;
}
.compare-box.comparison-point {
text-align: center;
align-items: center;
height: 48px;
}
.plan-compare-price-wrap {
padding-left: 10px;
padding-right: 10px;
}
.partners-logo-wrap {
flex-flow: wrap;
}
.splide.slider1.pill {
padding-right: 0;
}
.splide__slide {
width: 100%;
}
.splide__arrows.is--mobile-center {
justify-content: center;
padding-left: 1em;
}
.showcase-h1-ab-right {
display: none;
}
.about-h1-flex {
grid-row-gap: 40px;
flex-direction: column;
}
.about-h1-right {
display: none;
}
.about-para {
text-align: center;
}
.nav-menu {
height: 93vh;
}
.landing-creative-image-wrap {
width: 100%;
}
.feature-tag {
border-radius: 8px;
font-size: 16px;
}
.feature-video-author-flex {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.h2-32px {
font-size: 28px;
}
.magic-image-wrap {
display: none;
}
.magic-image-wrap.mob {
max-width: 390px;
display: block;
}
.magic-image-wrap.mob.hidden-classes, .meeting-image-wrap {
display: none;
}
.meeting-image-wrap.mob {
max-width: 390px;
display: block;
}
.mm-step-flex.two-step-flex {
flex-wrap: wrap;
}
.ticker-wrap {
grid-row-gap: 20px;
}
.feat-flex-wrap {
grid-row-gap: 80px;
}
.feat-flex {
grid-row-gap: 40px;
flex-direction: column;
}
.feat-flex.reverse {
flex-direction: column;
}
.feat-left {
width: 100%;
}
.feat-right {
width: 100%;
margin-right: 0%;
}
.feat-right.p-left {
width: 100%;
margin-left: 0%;
}
.feat-image-wrap {
padding-top: 0%;
padding-bottom: 0%;
}
.marquee-card {
min-width: 234px;
}
.marquee-card.link-features {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 100%;
display: none;
}
.mm-tag-icon {
width: 24px;
}
.feat-sub {
font-size: 25px;
line-height: 1.4;
}
.feat-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
justify-content: center;
align-items: center;
overflow: auto;
}
.blog-filter-bar {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
padding: 17px;
position: relative;
top: 0;
}
.marquee-card-2 {
min-width: 234px;
}
.feat-video {
padding-top: 56.25%;
}
.ap-hero-sectionwrap {
flex-direction: column;
}
.ap-hero-left {
justify-content: flex-start;
align-items: center;
width: auto;
}
.ap-hero-right {
width: auto;
}
.who-section-wrap {
grid-template-columns: 1fr;
justify-items: center;
}
.who-card {
text-align: left;
max-width: none;
}
.section_ap-faq {
margin-bottom: 40px;
}
.screenshots-grid {
grid-template-columns: 1fr 1fr;
}
.innovation-grid {
flex-wrap: wrap;
display: flex;
}
.innovation-card {
flex: 0 auto;
}
.user-card {
width: 100%;
}
.ap-steps-grid {
grid-template-columns: 1fr;
}
.enter-email {
align-self: center;
width: 90%;
}
.pricing-tab-title {
justify-content: flex-start;
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 4px;
padding-bottom: 4px;
}
.placeholder {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
}
.form-block {
flex: none;
align-self: center;
width: 100%;
}
.save {
padding: 4px 5px;
}
.ta {
font-size: 14px;
}
.active-text {
font-size: 10px;
}
.tab-text {
flex: none;
font-size: 12px;
font-weight: 400;
}
.section_summary {
padding-left: 20px;
padding-right: 20px;
}
.summary-main {
width: 90%;
padding-left: 0;
padding-right: 0;
}
.heading-extralarge-home {
font-size: 40px;
}
.combine-form_text-area-grey, .combine-form_input-grey {
min-width: 0;
}
.combine-contact2_component {
flex-direction: column;
}
.combine-padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.form-tab {
justify-content: flex-start;
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 4px;
padding-bottom: 4px;
}
.dynamic-content {
margin-bottom: 60px;
}
.icebreaker-img {
margin-bottom: 0;
}
.cta-button-center {
padding: 14px 36px;
}
.cta-button-center.white.testimonials-btn {
padding: 10px 20px;
}
.h3-blog-title-icebreaker.is-large {
font-size: 28px;
line-height: 36px;
}
.margin-bottom-24-copy {
justify-content: center;
display: flex;
}
.cta-button-ai {
padding: 14px 36px;
}
.cta-button-ai.white.testimonials-btn {
padding: 10px 20px;
}
.html-embed-15 {
height: 730px;
}
.nav-actions {
width: 100%;
}
.page-padding-copy {
padding-top: 100px;
padding-bottom: 100px;
}
.page-padding-copy.pt-80 {
padding-bottom: 80px;
}
.page-padding-copy.section-ai-mb {
height: 880px;
}
.cta-button-secondary-transparency {
padding: 14px 36px;
}
.cta-button-secondary-transparency.white.testimonials-btn {
padding: 10px 20px;
}
.button-group.margin-bottom-24.align-left {
width: 100%;
margin-bottom: 0;
}
.combine-text-size-regular-2 {
text-align: left;
}
.combine-text-size-regular-2.text-grey {
color: var(--grey-200);
}
.combine-text-size-regular-2.text-grey.text-centered-mb {
text-align: center;
}
.combine-text-weight-semibold {
text-align: left;
}
.combine-clients4_item.hide-mb {
display: none;
overflow: visible;
}
.combine-clients4_grid {
flex-direction: column;
grid-template-columns: 1fr 1fr;
display: flex;
}
.combine-padding-global-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-clients1_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.brix---display-2 {
font-size: 48px;
line-height: 56px;
}
.brix---heading-h2-size {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-56px {
margin-bottom: 40px;
}
.brix---section {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---grid-6-columns-logo-strip {
grid-column-gap: 72px;
grid-row-gap: 32px;
grid-template-columns: auto auto;
transform: scale(.96);
}
.brix---text-300-bold {
font-size: 18px;
line-height: 22px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---section-small {
padding-top: 72px;
padding-bottom: 72px;
}
.brix---logo-strip-image-card {
width: 148px;
margin: 8px 10px;
}
.brix---section-logo-strip-v6 {
padding-top: 72px;
padding-bottom: 72px;
}
.hero-calendar.hero-video-height {
aspect-ratio: 16 / 9;
padding-top: 0%;
}
.div-block-24 {
height: 100%;
}
.ai-sandbox-form.mx-auto {
margin-bottom: 0;
}
.text-field-3 {
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}
.interaction-generator-form.max-900 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
}
.div-block-25 {
padding-bottom: 60px;
}
.logo_component-ltr_slider {
grid-row-gap: 2rem;
flex-direction: row;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: center;
}
.logo-slider-img {
width: 125px;
}
.logo_component-rtl_slider {
grid-row-gap: 2rem;
flex-direction: row;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: center;
}
.logo-slider-img-copy {
width: 125px;
}
.cta-button-ai-variant {
padding: 14px 36px;
}
.cta-button-ai-variant.white.testimonials-btn {
padding: 10px 20px;
}
.code-embed.show-on-desktop {
display: none;
}
.js-redirect-code.cta-button-ai.ai-input-button {
border-top-left-radius: 36px;
border-bottom-left-radius: 36px;
width: 100%;
}
.feature-tag-home {
border-radius: 8px;
font-size: 16px;
}
.div-block-38.hide-on-desktop {
display: flex;
}
.home-page-feat {
flex-flow: column-reverse wrap;
justify-content: flex-end;
align-items: flex-start;
}
.feat-flex-copy {
grid-row-gap: 40px;
flex-direction: column;
}
.feat-flex-copy.reverse {
flex-direction: column;
}
.heading-style-h5 {
flex-flow: column;
font-size: 1.25rem;
display: block;
overflow: visible;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall {
height: auto;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.padding-xlarge {
padding: 2.5rem;
}
.text-size-large {
font-size: 1.125rem;
}
.margin-xlarge {
margin: 2.5rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.text-size-medium {
font-size: 1rem;
}
.spacer-medium {
padding-top: 1.5rem;
}
.margin-extrasmall {
margin: .75rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.padding-small {
padding: 1.25rem;
}
.spacer-huge {
padding-top: 3.5rem;
}
.heading-style-h2 {
font-size: 2.25rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.spacer-small {
padding-top: 1.25rem;
}
.margin-huge {
margin: 3.5rem;
}
.text-style-quote {
font-size: 1.125rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-xxhuge {
margin: 5rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h6 {
text-align: left;
justify-content: flex-start;
font-size: 1.125rem;
display: block;
}
.spacer-xhuge {
padding-top: 4rem;
}
.spacer-xxhuge {
padding-top: 5rem;
}
.max-width-small.text-align-left.text-size-regular {
word-break: break-all;
}
.padding-xhuge {
padding: 4rem;
}
.margin-xhuge {
margin: 4rem;
}
.text-style-nowrap {
white-space: normal;
}
.padding-large {
padding: 2rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.padding-xsmall {
padding: .75rem;
}
.heading-style-h3 {
font-size: 2rem;
}
.hide-mobile-landscape {
display: none;
}
.margin-xxlarge {
margin: 3rem;
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.spacer-xlarge {
padding-top: 2.5rem;
}
.spacer-large {
padding-top: 2rem;
}
.spacer-xsmall {
padding-top: .75rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.margin-large {
margin: 2rem;
}
.margin-medium {
margin: 1.5rem;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-xxhuge {
padding: 5rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-section-large.customer-card-section {
clear: none;
}
.padding-medium {
padding: 1.5rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.padding-huge {
padding: 3.5rem;
}
.margin-small {
margin: 1.25rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.combine-padding-global-3 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.rl_layout28_spacing-block-1 {
padding-bottom: .75rem;
}
.rl-heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.rl_layout28_component {
grid-column-gap: 0px;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.rl-padding-section-large, .padding-section-large-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.heading-style-h5-2 {
font-size: 1.25rem;
}
.layout250_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.button-4.is-navbar3-button {
padding: .25rem 1rem;
}
.padding-section-large-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.layout1_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.heading-style-h5-3 {
font-size: 1.25rem;
}
.heading-style-h2-2 {
font-size: 2.25rem;
}
.heading-style-h6-2 {
font-size: 1.125rem;
}
.heading-style-h3-2 {
font-size: 2rem;
}
.heading-style-h4-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.heading-style-h1-2 {
font-size: 2.5rem;
}
.rl-padding-section-large-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.rl-padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.rl-heading-style-h5 {
font-size: 1.25rem;
}
.rl-text-style-medium {
font-size: 1rem;
}
.rl-text-style-large, .rl-heading-style-h6 {
font-size: 1.125rem;
}
.rl-heading-style-h4-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.rl-heading-style-h3 {
font-size: 2rem;
}
.rl-heading-style-h2 {
font-size: 2.25rem;
}
.rl-heading-style-h1 {
font-size: 2.5rem;
}
.heading-style-h5-4 {
font-size: 1.25rem;
}
.heading-style-h6-3 {
font-size: 1.125rem;
}
.heading-style-h4-3 {
font-size: 1.5rem;
line-height: 1.4;
}
.div-block-45 {
display: none;
}
.hero-video-disable.hero-video-height {
aspect-ratio: 16 / 9;
padding-top: 0%;
}
.hero-video-disable.hero-video-height-disable {
aspect-ratio: 16 / 9;
padding-top: 0%;
display: block;
}
.video-wrapper-mobile {
padding-top: 2px;
padding-bottom: 2px;
}
.code-embed-on-desktop.hero-video.margin-xxsmall {
display: none;
}
.feat-right-padded {
width: 100%;
margin-right: 0%;
}
.feat-right-padded.p-left {
width: 100%;
margin-left: 0%;
}
.heading-style-h4-4 {
font-size: 1.5rem;
line-height: 1.4;
}
.new-flex {
flex-flow: column;
}
.new-flex.date-article-logo, .new-flex.justify-space-between.article-card-name {
flex-flow: row;
}
.article-card {
width: 100%;
}
.new-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.article-card-wrap {
grid-template-columns: 1fr 1fr;
}
.combine-team2_component {
flex-direction: column;
align-items: center;
}
.combine-padding-global-4 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.advisor-container {
flex-direction: column;
align-items: center;
}
.brix---grid-6-columns-logo-strip-2 {
grid-column-gap: 72px;
grid-row-gap: 32px;
grid-template-columns: auto auto;
transform: scale(.96);
}
.brix---section-small-2 {
padding-top: 0;
padding-bottom: 0;
}
.article-card-team-wrap.column-6, .article-card-team-wrap.column-6.margin-top.margin-extrasmall, .article-card-team-wrap.founder-card-wrap {
grid-template-columns: 1fr 1fr;
}
.heading-midlarge-home {
font-size: 40px;
}
.div-block-63 {
height: 280px;
}
.grid-6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
overflow: hidden;
}
.gamer-testimonial-card.padding-small {
align-items: flex-start;
width: 100%;
height: 100%;
overflow: hidden;
}
.grid-7 {
grid-template-columns: 1fr 1fr;
}
.logo-image {
height: 20px;
}
.feature-image.tab-feature-img {
height: auto;
}
.app-feature-content-wrap.margin-vertical.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.app-feature-content-wrap.margin-top.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.app-feature-wrap {
min-width: 536px;
max-width: 567px;
min-height: auto;
}
.games-platform-images.margin-bottom.margin-small {
width: 100%;
}
.navbar3_menu {
width: 90vw;
padding-bottom: 5rem;
}
.navbar3_component {
min-height: 4rem;
}
.usecase-pagetab, .usecase-pagetab.w--current {
white-space: nowrap;
}
.heading-style-h4-5 {
font-size: 1.5rem;
line-height: 1.4;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular, .comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall {
height: auto;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.extra-margin {
margin-top: 2.3rem;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.h-64 {
justify-content: flex-start;
align-items: center;
height: 64px;
display: flex;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.h-88 {
justify-content: flex-start;
align-items: flex-end;
height: 88px;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.h-88 {
justify-content: flex-start;
align-items: center;
height: 88px;
display: flex;
}
.icon-container.padding-xxsmall.text-align-left {
height: auto;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall {
height: auto;
margin-top: 1rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.decrease-margin {
margin-top: 1.2rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.extra-margin {
margin-top: 1.8rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.h-112 {
height: 112px;
margin-top: 1rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.dec-margin {
margin-top: .7rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.h-88 {
height: 88px;
margin-top: 1rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.h-64 {
height: 64px;
margin-top: 1rem;
}
.icon-container.padding-xxsmall.text-align-left.h-112 {
height: 112px;
}
.icon-container.padding-xxsmall.text-align-left.h-64 {
height: 64px;
}
.icon-container.padding-xxsmall.text-align-left.h-88 {
height: 88px;
}
.heading-style-h1-3 {
font-size: 2.5rem;
}
.heading-midlarge-usecase {
font-size: 40px;
}
.navbar2_link {
text-align: left;
}
.navbar12_dropdown-link.margin-top {
margin-top: 0;
}
.navbar12_dropdown-link-list {
grid-row-gap: .5rem;
max-width: none;
}
.navbar12_dropdown-link-list.margin-top {
margin-top: 0;
}
.navbar2_component {
min-height: 4rem;
}
.navbar12_dropdown-content {
grid-row-gap: .5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
margin-bottom: 0;
}
.navbar2_menu.is-page-height-tablet {
padding-bottom: 6rem;
}
.is-navbar2-button.button, .is-navbar2-button.button.is-secondary {
display: none;
}
.navbar2_link-2 {
text-align: left;
}
.cta-button-2 {
padding: 14px 36px;
}
.feature-img-wrapper {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 0;
}
.flex-block-13 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.dropdown-feature.margin-bottom.margin-xxsmall {
width: auto;
}
.template-image.margin-bottom.margin-extrasmall.eligible-image {
width: 100%;
}
.similar-templates.margin-verticle.margin-xlarge {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.creator-grid.margin-top.margin-xxlarge {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.creator-flex.margin-top.margin-large {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.reward-grid.margin-top.margin-small {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.heading-style-h6-4 {
font-size: 1.125rem;
}
.template-heading {
flex-flow: column;
}
.eligible-card-grid.margin-top.margin-large {
grid-template-columns: 1fr;
}
.flex-block-20 {
white-space: normal;
flex-flow: wrap;
}
.step-list.margin-top.margin-medium.max-width-medium {
padding-left: 16px;
}
.footer-drpdown {
margin-left: 0;
margin-right: 0;
}
.container-usecase {
width: 90%;
}
.container-usecase.no-c {
width: 100%;
}
.case-study-container.padding-right.padding-large, .case-study-container.switch-card.padding-left.padding-xlarge {
left: auto;
}
.case-study-btn-container.padding-medium {
bottom: -55%;
}
.case-study-btn-container.padding-medium.card-to-left {
bottom: -53%;
left: 86px;
}
.app-feature-wrap-2 {
min-width: 536px;
max-width: 567px;
min-height: auto;
}
.banner-content.padding-xsmall.padding-sides {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
padding-left: 1rem;
padding-right: 1rem;
}
.icon-img {
top: 34%;
right: 2%;
}
.code-embed-on-mobile.hero-video.margin-xxsmall {
display: block;
}
.card-gradient-border-usecase.margin-bottom.margin-xlarge {
width: 100%;
}
.show-on-mobile {
display: block;
}
.flex-block-21 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.image-144 {
width: 150px;
bottom: 317.524px;
left: 216.925px;
}
.image-145 {
width: 250px;
bottom: 332.528px;
left: 295.071px;
}
.image-146 {
width: 200px;
}
.search-button {
padding: 14px 36px;
}
.search-button.white.testimonials-btn {
padding: 10px 20px;
}
.homepage-sandbox {
display: none;
}
.heading-style-home {
font-size: 2.5rem;
}
.icebreaker-video.hero-video-height {
aspect-ratio: 16 / 9;
padding-top: 0%;
display: block;
}
.icebreaker-sandbox, .homepage-sandbox-inner {
display: none;
}
.home-heading {
font-size: 2.5rem;
}
.layout350_tab-link {
padding-left: 1rem;
padding-right: 1rem;
font-size: .875rem;
}
.layout350_mobile-image-wrapper {
width: 100%;
margin-top: 2.5rem;
display: block;
}
.text-size-medium-2 {
font-size: 1rem;
}
.layout350_mobile-image {
position: static;
}
.layout350_desktop-image-wrapper {
display: none;
}
.layout350_tabs-menu {
display: none;
position: relative;
top: 0;
}
.heading-style-h6-5 {
font-size: 1.125rem;
}
.layout350_content {
height: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.layout350_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.text-size-medium-3 {
font-size: 1rem;
}
.heading-style-h6-6 {
font-size: 1.125rem;
}
.text-size-medium-4 {
font-size: 1rem;
}
.heading-style-h6-7 {
font-size: 1.125rem;
}
.padding-section-large-4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-medium-5 {
font-size: 1rem;
}
.cta-button-3 {
padding: 14px 36px;
}
.heading-style-h2-3 {
font-size: 2.25rem;
}
.padding-section-large-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-text-size-small.hide-mobile-landscape-2, .hide-mobile-landscape-2 {
display: none;
}
.uui-button {
font-size: 1rem;
}
.uui-button:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-row {
align-self: stretch;
}
.uui-navbar02_dropdown-link-list {
grid-row-gap: .5rem;
max-width: none;
}
.uui-navbar02_blog-item {
padding: 0;
}
.uui-navbar02_blog-item:hover {
background-color: #0000;
}
.uui-navbar02_dropdown-content-left {
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
}
.uui-navbar02_dropdown-content-right {
padding: 2rem 1rem;
}
.uui-button-link {
font-size: 1rem;
}
.uui-button-link:hover {
color: var(--untitled-ui--primary700);
}
.uui-navbar02_component {
min-height: 4.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.uui-navbar02_menu {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-navbar02_link, .uui-navbar02_dropdown-toggle {
font-size: 1rem;
}
.uui-button-secondary-gray {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-button-tertiary-gray:hover {
color: var(--untitled-ui--gray600);
background-color: #0000;
}
.uui-button-link-gray {
font-size: 1rem;
}
.uui-button-link-gray:hover {
color: var(--untitled-ui--gray600);
}
.uui-styleguide_logomark-bg {
background-image: url("https://cdn.prod.website-files.com/6216e2f201419b570c66a175/67e9b8112b04b4cf719cb6f3_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.uui-badge-small-success {
padding: .125rem .5rem;
}
.auto-tabs-layout-2-wrapper {
padding-top: 4rem;
padding-bottom: 4rem;
}
.rl_layout28_spacing-block-1-2 {
padding-bottom: .75rem;
}
.auto-tabs-component {
grid-column-gap: 0px;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.rl-heading-style-h4-3 {
font-size: 1.5rem;
line-height: 1.4;
}
.rl-padding-section-large-4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.rl_testimonial15_slide-nav {
inset: 0% auto auto 0%;
}
.rl-heading-style-h5-2 {
font-size: 1.25rem;
}
.rl_testimonial15_component {
padding-top: 5rem;
padding-bottom: 0;
}
.rl_testimonial15_slide {
padding-left: 0;
padding-right: 0;
}
.rl_testimonial15_content {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.rl_testimonial15_arrow-right {
inset: 0% 0% auto auto;
}
.rl_testimonial_spacing-block-1 {
padding-bottom: 1.5rem;
}
.rl_testimonial15_client {
align-items: center;
width: 100%;
}
.rl_testimonial15_arrow-left {
inset: 0% 4rem auto auto;
}
.text-size-medium-6 {
font-size: 1rem;
}
.heading-style-h2-4 {
font-size: 2.25rem;
}
.layout350_desktop-image-wrapper-2 {
display: none;
}
.layout350_tabs-menu-2 {
display: none;
position: relative;
top: 0;
}
.text-size-medium-7 {
font-size: 1rem;
}
.heading-style-h2-5 {
font-size: 2.25rem;
}
.layout350_desktop-image-wrapper-3 {
display: none;
}
.layout350_tabs-menu-3 {
display: none;
position: relative;
top: 0;
}
}
@media screen and (max-width: 479px) {
p {
font-size: 16px;
}
.container {
width: 100%;
}
.container.relative-top {
z-index: 1;
margin-top: 0;
}
.container.no-c {
width: 120%;
margin-left: -10%;
}
.hero-content {
padding-left: 0;
padding-right: 0;
}
.hero-video.hero-video-height {
aspect-ratio: 16 / 9;
object-fit: fill;
height: auto;
}
.card-1 {
padding-left: 20px;
padding-right: 20px;
}
.section.is-grey.no-padding-top {
padding-top: 60px;
padding-bottom: 60px;
}
.section.is-grey.bottom-extra {
padding-bottom: 60px;
}
.section.is-blog-article.viewported {
height: 30vh;
}
.section-bg-img-block {
height: 380px;
}
.pag-number-block {
margin-bottom: 9px;
}
.pag-page-number {
background-color: #fff;
width: 36px;
height: 32px;
font-size: 12px;
line-height: 21px;
}
.pag-page-block {
font-size: 13px;
line-height: 20px;
}
.blog-pagination {
width: 250px;
}
.blog-item-card {
min-height: 380px;
}
.blog-card-content.blog-home-card.dark-card {
height: auto;
}
.blog-card-img-block {
height: 70%;
}
.blog-article-head.bottom-grey.black {
top: 0%;
}
.richtext-1 {
z-index: 2;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.carousel.is_contained {
margin-top: 40px;
padding-bottom: 0;
}
.arrow-left, .arrow-right {
width: 24px;
height: 24px;
display: block;
}
.card-body {
padding: 20px;
}
.carousel-slider {
padding-left: 10px;
padding-right: 10px;
}
.carousel-slider._2, .carousel-slider._4, .carousel-slider._3 {
right: 0%;
}
.carousel-mask {
width: 100%;
}
.lrg-subhead {
font-size: 16px;
}
.team-card-wrap {
width: 100%;
}
.founding-job-title.is-chairman {
color: var(--deep-pink);
}
.slider-investor_card {
width: 96%;
margin-left: auto;
margin-right: auto;
box-shadow: 1px 3px 4px 2px #0000001a;
}
.card-2 {
padding-left: 20px;
padding-right: 20px;
}
.slide-nav {
margin-top: 0;
display: none;
}
.form {
width: 90%;
}
.pricing-grid {
margin-left: 20px;
margin-right: 20px;
}
.icon {
margin-right: 0;
}
.div-block-3 {
background-color: var(--black);
height: 20px;
margin-top: 20px;
padding-bottom: 0;
padding-right: 0;
}
.div-block-7 {
z-index: 0;
margin-top: -130px;
position: static;
}
.body-font-sora, .page-wrapper {
overflow: visible;
}
.main-wrapper {
overflow: hidden;
}
.page-padding {
padding: 80px 16px;
overflow: hidden;
}
.page-padding.faq {
margin-bottom: 100px;
}
.page-padding.pt-80 {
padding-top: 50px;
padding-left: 16px;
}
.page-padding.pt-80.pb-0 {
padding-bottom: 0;
}
.page-padding.pt-0 {
padding-top: 0;
}
.vertical-spacing {
width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.vertical-spacing.footer-spacing.more-spacing {
margin-bottom: 38px;
}
.logo-slider-section.sales-container.margin-top.margin-xxhuge {
margin-top: 3rem;
}
.margin-bottom-8.withgraphics {
align-self: center;
margin-bottom: 0;
}
.margin-bottom-52.margin-bottom-24 {
margin-bottom: 24px;
}
.para-small {
font-size: 14px;
line-height: 24px;
}
.bottom-margin-36.text-is-centered {
justify-content: center;
align-items: center;
display: flex;
}
.cta-button {
height: auto;
padding: 16px 24px;
font-size: 14px;
line-height: 1.14286;
}
.cta-button.white.testimonials-btn {
width: 70px;
padding: 6px 10px;
font-size: 8px;
}
.cta-button.price-compare {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.cta-button.margin-left-24 {
margin-left: 0;
}
.cta-button.pricing-btn.is-secondary.margin-vertical.margin-small, .cta-button.pricing-btn.margin-vertical.margin-small {
padding: 16px 1.5rem;
font-size: 1rem;
}
.cta-button.pricing-btn.margin-vertical.margin-small.height-71 {
justify-content: center;
align-items: center;
height: 71px;
}
.cta-button.secondary-btn.margin-top.margin-large, .cta-button.margin-top-bottom {
padding: 16px 24px;
font-size: 1rem;
}
.heading-extralarge {
font-size: 36px;
}
.heading-extralarge.pricing {
font-size: 32px;
}
.heading-large {
width: auto;
margin-top: 0;
margin-bottom: 0;
font-size: 28px;
}
.heading-large.enterprise.centred {
white-space: normal;
flex: 0 auto;
font-size: 28px;
}
.nuterals {
grid-template-rows: auto auto auto auto auto;
}
.heading-small {
font-size: 18px;
line-height: 160%;
}
.heading-small.text-is-centered._w-full {
width: 100%;
}
.margin-bottom-24 {
justify-content: center;
align-items: flex-start;
margin-bottom: 16px;
margin-left: 0;
padding-left: 0;
}
.margin-bottom-40, .margin-bottom-40.max-500 {
margin-bottom: 24px;
}
.heading-medium {
font-size: 20px;
}
.margin-bottom-20 {
justify-content: center;
align-items: flex-start;
}
.text-span-9 {
background-size: 90%;
}
.hero-button-wrap {
margin-bottom: 80px;
}
.hero-cta-creative-image {
margin-right: 0%;
}
.image-100 {
width: 100%;
}
.image-100.desktop-hid {
margin-top: -85px;
}
.image-100.hero-pattern {
margin-top: 81px;
margin-bottom: 64px;
}
.video-wrapper.padding-xsmall.extra-padding {
padding: 1rem;
}
.hero-badges-wrap.align-left {
flex-flow: wrap;
}
.cs-name {
font-size: 12px;
}
.cs-content-absolute-wrap {
padding-bottom: 20px;
top: 25%;
}
.cs-para {
font-size: 10px;
}
.absolute-creative-wrap {
justify-content: flex-end;
height: 40px;
top: -20px;
}
.absolute-hero-gradient {
width: 400px;
height: 400px;
right: -200px;
}
.tab-button {
border-radius: 20px;
font-size: 10px;
}
.tab-link-text-wrap {
border-radius: 20px;
padding: 7px 10px;
}
.tab-card {
width: 230px;
}
.cta-left, .cta-right {
width: auto;
}
.cta-middle {
min-width: auto;
}
.cta-middle.zooom {
width: auto;
}
.cta-title {
font-size: 28px;
line-height: 40px;
}
.contact-us-wrapper {
width: 100%;
}
.contact-form {
width: 100%;
min-width: auto;
min-height: auto;
}
.footer-section.more-spacing {
margin-top: 1px;
}
.footer-top-creative {
top: -8.5%;
}
.footer-creative-image-wrap.noselect {
justify-content: center;
margin-top: 12.2%;
display: flex;
}
.footer-left {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.footer-right {
grid-column-gap: 20px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: flex-start;
}
.footer-form-block {
width: 100%;
}
.footer-field-block {
width: auto;
}
.pricing-hero-section {
background-image: linear-gradient(125deg, #ff338340, #000 6% 58%, #3773ccb3);
}
.pricing-card-wrap.new-spacing {
padding-top: 80px;
}
.pricing-cards-grid._5-col.update {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.pricing-cards-grid._5-col.update.new-pricing-grid {
grid-template-columns: 1fr;
}
.pricing-cards-grid._5-col.new-pricing-grid {
grid-template-rows: auto auto auto auto;
}
.new-pricing-card._5-cc.bc.new-card {
align-items: stretch;
}
.new-pricing-card._5-cc.bc.new-card.best-value-card {
align-items: center;
}
.price-category, .price-category.pro, .price-category.free-new {
font-size: 10px;
}
.price-card-feature {
margin-bottom: 12px;
}
.enterprise-wrapper {
grid-row-gap: 20px;
justify-content: flex-start;
width: auto;
}
.ep-left {
flex: 0 auto;
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 16px;
padding-bottom: 16px;
display: none;
position: static;
}
.ep-mid {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-self: center;
width: 100%;
}
.ep-right {
display: none;
}
.pricing-compare-grid {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.compare-box {
font-size: 12px;
}
.compare-box.tagss.free, .compare-box.tagss.pro, .compare-box.tagss.free-copy, .compare-box.tagss.basic-copy {
padding-left: 5px;
padding-right: 5px;
}
.compare-box.comparison-point {
height: 100%;
}
.plan-compare-price-wrap {
padding: 8px 4px;
}
.compare-price, .compare-price-period-span {
font-size: 10px;
}
.compare-gradient-wrap {
text-align: center;
justify-content: center;
font-size: 16px;
}
.solution-logo {
max-width: 228px;
}
.partners-logo-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
grid-auto-flow: row;
place-content: stretch center;
place-items: center;
display: flex;
}
.showcase-h1-ab-left {
max-width: 90%;
}
.about-para {
font-size: 12px;
}
.menu-button {
width: 40px;
}
.nav-dropdown-list.w--open {
width: 90vw;
}
.nav-drop-link-wrap {
overflow: auto;
}
.nav-links-wrapper {
background-color: #000;
overflow: auto;
}
.new-nav-brand {
width: 150px;
padding-left: 0;
}
.new-nav-brand.w--current {
width: 150px;
}
.home-hero-cta-wrap {
align-self: center;
}
.landing-hero-flex {
margin-bottom: 150px;
}
.landing-hero-creative-wrapper {
justify-content: center;
}
.landing-creative-image-wrap {
min-width: 600px;
}
.streched-line {
display: none;
}
.feature-tag {
border-radius: 19px;
padding: 4px 12px;
line-height: 24px;
}
.feature-video-author-flex, .feature-video-author-flex.margin-top.margin-xlarge {
max-width: none;
}
.text-a3a3a3 {
width: auto;
}
.h2-32px.text-is-centered.para-max-530.mx-auto.margin-top-20 {
padding-left: 16px;
padding-right: 16px;
}
.magic-image-wrap.mob {
width: 120%;
margin-left: -7%;
}
.mm-step-flex.two-step-flex {
flex-wrap: wrap;
}
.mm-step-card {
padding: 20px;
}
.ticker-wrap {
justify-content: flex-start;
margin-bottom: 80px;
}
.feat-flex-wrap, .feat-flex-wrap.margin-bottom-100 {
grid-row-gap: 100px;
}
.feat-flex-wrap.margin-top.margin-xhuge.bg-flex-wrapper {
grid-row-gap: 80px;
width: 100%;
margin-top: 0;
}
.feat-flex.bg-flex-container.radial-bg {
border-style: none;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.feat-title {
font-size: 28px;
}
.feat-title.pink-highlight, .feat-title.color-yellow, .feat-title.blue-color {
font-size: 26px;
}
.feat-right {
width: 100%;
padding-left: 1px;
}
.feat-right.p-left.icebreaker-image {
height: 100%;
}
.feat-image-wrap {
object-fit: fill;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
overflow: hidden;
}
.feat-image-wrap.padding-xxsmall {
padding-top: .5rem;
padding-bottom: .5rem;
}
.marquee-card {
width: 230px;
}
.feat-sub {
font-size: 14px;
line-height: 1.083;
}
.feat-sub.grey-200 {
font-size: 16px;
}
.feat-grid {
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 100%;
overflow: visible;
}
.blog-section-wrap {
padding-left: 0;
padding-right: 0;
}
.page-dots {
background-color: #fff;
width: 36px;
height: 32px;
font-size: 12px;
line-height: 21px;
}
.marquee-card-2 {
width: 230px;
}
.hero-video-copy.hero-video-height {
height: 100px;
}
.feat-video {
object-fit: fill;
border-radius: 12px;
width: 100%;
max-width: none;
height: auto;
padding-top: 0%;
display: block;
position: relative;
overflow: visible;
}
.background-video-2.feat-video {
object-fit: fill;
object-position: 50% 50%;
width: 250px;
height: 250px;
position: relative;
inset: 0%;
}
.html-embed-13 {
object-fit: fill;
width: auto;
height: auto;
display: block;
}
.ap-hero-left, .why-ap-card {
width: 100%;
}
.why-ap-icon {
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
}
.who-section-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.section_ap-faq {
margin-bottom: 0;
}
.faq-question-wrap {
align-items: flex-start;
}
.question.white.template-faq, .question.template-faq {
font-size: 1rem;
}
.faq-answer.white.text-size-regular.template-ans {
font-size: .75rem;
}
.mk-hero-wrap {
margin-top: 64px;
margin-bottom: 64px;
}
.cs-grid {
grid-template-columns: 1fr 1fr;
}
.cs-card {
width: 80px;
height: 80px;
}
.screenshots-grid, .innovation-grid {
flex-wrap: wrap;
display: flex;
}
.innovation-card {
flex: 1;
}
.user-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.user-card {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.paragraph-5 {
flex: 1;
font-size: 16px;
font-weight: 400;
}
.pricing-tab-title {
background-color: #2220;
border-color: #ccc0;
flex-direction: column;
width: auto;
height: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.submit-button-2 {
align-self: stretch;
}
.placeholder {
color: #222;
border: 1px solid #cccc;
border-radius: 50px;
align-self: stretch;
padding: 16px;
}
.paragraph-6 {
font-size: 12px;
}
.paragraph-7 {
width: 90vw;
}
.plans-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.plan {
flex: 0 auto;
width: auto;
padding: 16px;
}
.plan-text {
width: auto;
}
.enterprise-channels {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.text-block-9 {
align-self: stretch;
width: auto;
padding-top: 0;
}
.form-block {
width: 80vw;
margin-bottom: 0;
}
.tab {
color: var(--grey--grey-50);
border: 1px solid #cccc;
border-radius: 50px;
align-self: stretch;
padding: 16px 24px;
}
.save.update {
width: 96px;
}
.tab-text {
color: #fff;
}
.accordion-text {
text-align: left;
}
.new-hero {
height: 56vh;
}
.section_summary {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-top: 32px;
padding-bottom: 32px;
}
.title-content.centred {
text-align: center;
}
.summary-main {
justify-content: center;
align-items: center;
width: 100%;
}
.summary-main.faq {
margin-bottom: 100px;
}
.heading-extralarge-home {
font-size: 36px;
}
.combine-padding-global {
padding-left: 1rem;
padding-right: 1rem;
}
.form-tab {
background-color: #2220;
border-color: #ccc0;
flex-direction: column;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.form-button {
align-self: stretch;
}
.text-block-23 {
font-size: 14px;
}
.text-block-25 {
text-align: center;
font-size: 14px;
}
.feat-video-ipa {
width: 250px;
height: 150px;
display: block;
overflow: hidden;
}
.dynamic-content {
z-index: 2;
position: relative;
}
.icebreaker-img {
margin-bottom: 40px;
}
.cta-button-center {
font-size: 14px;
line-height: 1.14286;
}
.cta-button-center.white.testimonials-btn {
width: 70px;
padding: 6px 10px;
font-size: 8px;
}
.cta-button-center.price-compare {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.cta-button-ai {
text-align: center;
white-space: nowrap;
justify-content: center;
align-items: center;
width: 100%;
font-size: 14px;
line-height: 1.14286;
}
.cta-button-ai.white.testimonials-btn {
width: 70px;
padding: 6px 10px;
font-size: 8px;
}
.cta-button-ai.price-compare {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.paragraph-12, .paragraph-13, .paragraph-14, .paragraph-16, .paragraph-22, .paragraph-26 {
font-size: 16px;
}
.heading-20 {
font-size: 28px;
}
.text-block-39 {
color: var(--grey-200);
}
.paragraph-32, .paragraph-33 {
font-size: 16px;
}
.paragraph-35 {
font-size: 18px;
}
.paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40 {
font-size: 16px;
}
.text-block-60 {
font-size: 16px;
line-height: 150%;
}
.paragraph-273 {
font-size: 16px;
}
.header-wrapper {
height: 64px;
}
.tabs-content-3 {
margin-bottom: 0;
}
.html-embed-15 {
height: 890px;
}
.page-padding-copy {
padding: 80px 16px;
overflow: hidden;
}
.page-padding-copy.faq {
margin-bottom: 100px;
}
.page-padding-copy.pt-80 {
padding-top: 50px;
padding-left: 16px;
}
.page-padding-copy.pt-80.pb-0 {
padding-bottom: 0;
}
.page-padding-copy.pt-0 {
padding-top: 0;
}
.cta-button-secondary-transparency {
white-space: nowrap;
width: 100%;
font-size: 14px;
line-height: 1.14286;
}
.cta-button-secondary-transparency.white.testimonials-btn {
width: 70px;
padding: 6px 10px;
font-size: 8px;
}
.cta-button-secondary-transparency.price-compare {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.cta-button-secondary-transparency.margin-left-24 {
margin-left: 0;
}
.button-group {
text-align: center;
width: 100%;
}
.button-group.margin-bottom-24 {
flex-flow: wrap;
}
.button-group.margin-bottom-24.align-left {
justify-content: flex-start;
align-items: center;
}
.column {
margin-bottom: 32px;
}
.columns.margin-bottom-60.mb-30-sm {
margin-bottom: 30px;
}
.notification-text {
padding-left: 20px;
padding-right: 20px;
}
.combine-text-size-regular-2.text-grey.text-centered-mb {
text-align: center;
}
.combine-padding-global-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.brix---heading-h3-size {
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.brix---display-2 {
font-size: 38px;
line-height: 48px;
}
.brix---mg-bottom-24px {
margin-bottom: 16px;
}
.brix---grid-4-columns {
grid-template-columns: 1fr;
}
.brix---heading-h2-size {
font-size: 24px;
line-height: 34px;
}
.brix---mg-bottom-56px {
margin-bottom: 32px;
}
.brix---container-default {
padding-left: 20px;
padding-right: 20px;
}
.brix---slider-nav {
margin-top: 28px;
}
.brix---grid-6-columns-logo-strip {
grid-column-gap: 48px;
grid-row-gap: 32px;
}
.brix---text-300-bold {
font-size: 17px;
line-height: 21px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---section-small {
padding-top: 64px;
padding-bottom: 64px;
}
.brix---logo-strip-image-card {
box-shadow: 0 1px 6px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 10px;
width: 120px;
margin: 6px;
}
.brix---section-logo-strip-v6 {
padding-top: 64px;
padding-bottom: 64px;
}
.hero-calendar.hero-video-height {
height: 150px;
}
.div-block-24 {
text-align: left;
justify-content: center;
align-items: center;
height: 100%;
padding: 80px 10px;
overflow: hidden;
}
.div-block-24.non-scoll-section {
height: 100%;
}
.heading-24 {
font-size: 32px;
}
.ai-sandbox-form {
width: auto;
}
.ai-sandbox-form.mx-auto {
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.ai-sandbox-form.mx-auto.delay-2 {
margin-bottom: 60px;
display: block;
}
.ai-sandbox-form.mx-auto.delay-2.update-form {
display: block;
}
.text-field-3 {
text-align: center;
width: 100%;
font-size: 14px;
}
.interaction-generator-form {
justify-content: center;
align-items: flex-start;
}
.interaction-generator-form.max-900.mx-auto {
margin-left: auto;
margin-right: auto;
}
.homepage-subtitle {
text-align: left;
}
.homepage-subtitle.max-680 {
text-align: center;
}
.homepage-subtitle.max-680.delay-1 {
font-size: 19.3px;
}
.homepage-subtitle.max-680.delay-1.update {
padding-top: 8px;
font-size: 16px;
}
.homepage-subtitle.max-680.delay-1.update.margin-top.margin-extrasmall {
display: block;
}
.homepage-subtitle.max-680.delay-1.update.margin-top.margin-extrasmall.left-align {
text-align: left;
}
.div-block-25 {
grid-column-gap: 20px;
grid-row-gap: 50px;
padding: 60px 20px 40px;
}
.text-block-74 {
font-size: 16px;
line-height: 26px;
}
.heading-25 {
padding-left: 10px;
padding-right: 10px;
}
.logo_component-ltr_slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
overflow: hidden;
}
.logo-slider-img {
width: 100px;
}
.logo_component-rtl_slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
overflow: hidden;
}
.logo-slider-img-copy {
width: 100px;
}
.feat-title-white {
font-size: 28px;
}
.feat-title-white.pink-highlight, .feat-title-white.color-yellow, .feat-title-white.blue-color {
font-size: 26px;
}
.cta-button-ai-variant {
text-align: center;
white-space: nowrap;
justify-content: center;
align-items: center;
width: 100%;
font-size: 14px;
line-height: 1.14286;
}
.cta-button-ai-variant.white.testimonials-btn {
width: 70px;
padding: 6px 10px;
font-size: 8px;
}
.cta-button-ai-variant.price-compare {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.code-embed {
width: auto;
height: auto;
}
.sandbox-container {
justify-content: flex-start;
align-items: center;
margin-top: 40px;
}
.js-redirect-code.cta-button-ai.ai-input-button {
border-style: none;
justify-content: flex-start;
align-items: flex-start;
padding-top: 24px;
padding-bottom: 24px;
}
.js-redirect-code.cta-button-ai.ai-input-button.text-align-center.grey-0 {
color: var(--grey--grey-0);
justify-content: center;
align-items: flex-start;
}
.feature-tag-home {
border-radius: 19px;
padding: 4px 12px;
line-height: 24px;
}
.feature-tag-home.mx-auto {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.div-block-35 {
width: auto;
height: auto;
}
.div-block-38 {
justify-content: center;
align-items: center;
}
.feat-flex-old {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.bold-text-23 {
font-family: Inter, sans-serif;
line-height: 40px;
}
.heading-style-h5 {
text-align: left;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall {
height: auto;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall.none {
overflow: visible;
}
.heading-style-h5.comparison-heading.text-align-left.padding-xxsmall.transparent-text {
color: #0000;
}
.heading-style-h5.pink, .text-size-large.white.text-align-left {
font-size: 1rem;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
flex-direction: column;
display: flex;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.padding-small.link-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding: 1rem 1rem 1rem 0;
}
.heading-style-h2 {
font-size: 1.72rem;
}
.heading-style-h2.text-align-center.margin-bottom.margin-medium.max-width-large {
font-size: 1.15rem;
display: block;
}
.heading-style-h2.text-align-center.max-width-large.margin-top.margin-small {
font-size: 1.72rem;
}
.heading-style-h2.margin-bottom.margin-small.delay-1.text-align-center {
text-align: center;
font-size: 1.725rem;
}
.heading-style-h2.margin-bottom.margin-small.text-align-center.max-width-2medium {
text-align: center;
font-size: 1.15rem;
}
.heading-style-h2.max-width-large.text-align-center.margin-top.margin-small {
font-size: 1.78rem;
}
.heading-style-h2.margin-top.margin-small.max-width-xlarge.text-align-center {
white-space: normal;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-small {
justify-content: space-between;
align-items: center;
}
.margin-top.margin-small.max-width-small {
word-break: normal;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.container-large.relative-pstn {
margin: 20px;
}
.bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded, .bg-color-gradient.max-width-full.text-align-center.padding-section-large.is-rounded.enterprice-card {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.text-align-center.max-width-regular {
max-width: 20rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small {
text-align: left;
}
.margin-bottom.margin-medium {
display: none;
}
.margin-bottom.margin-medium.max-width-medium {
text-align: left;
}
.margin-bottom.margin-medium.max-width-medium.live-footertext-centre {
text-align: center;
word-break: normal;
}
.margin-bottom.margin-medium.max-width-large {
text-align: left;
}
.margin-bottom.margin-medium.max-width-large.text-align-center {
text-align: center;
}
.margin-bottom.margin-medium.text-size-large.grey-200.max-width-large1 {
font-size: 1rem;
display: block;
}
.heading-style-h6 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: flex-start;
width: auto;
max-width: 260px;
font-size: .85rem;
display: block;
}
.heading-style-h6.margin-bottom.margin-small {
font-size: 1rem;
}
.text-size-regular.highlighted-text {
text-align: left;
}
.text-size-regular.gray-200.text-align-left.white {
width: auto;
}
.text-size-regular.white {
width: 156px;
font-size: .85rem;
}
.text-size-regular.update {
text-align: center;
}
.max-width-small.text-align-left.text-size-regular {
text-decoration: none;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.heading-style-h3 {
font-size: 1.7rem;
}
.heading-style-h3.margin-top.margin-xhuge {
text-align: center;
}
.heading-style-h3.margin-bottom.margin-xxsmall.text-align-center {
text-align: left;
}
.heading-style-h3.margin-bottom.margin-large.align-center {
text-align: center;
}
.heading-style-h3.max-width-small {
font-size: 1.5rem;
}
.heading-style-h3.text-align-center {
font-size: 1.7rem;
}
.hide-mobile-portrait {
display: none;
}
.heading-style-h4.align-center.compare-small-text {
text-align: center;
justify-content: center;
align-items: center;
font-size: 1.25rem;
overflow: visible;
}
.heading-style-h4.max-width-xsmall.margin-bottom.margin-extrasmall {
text-align: left;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.max-width-medium.text-align-center, .padding-section-medium.sanbox-form {
display: none;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-section-large.customer-card-section {
padding-bottom: 14rem;
}
.padding-section-large.min-padding, .padding-section-large.mbl-padding-reduced {
padding-bottom: 0;
}
.align-center {
width: auto;
}
.align-center.text-align-center {
overflow: visible;
}
.align-center.margin-bottom.margin-medium {
display: block;
}
.align-center.pricing-table {
min-width: 760px;
overflow: visible;
}
.align-center.pricing-table.overflow-auto {
flex-flow: column;
min-width: 720px;
display: block;
position: static;
overflow: auto;
}
.align-center.template-grid.margin-top.margin-xlarge {
grid-template-columns: 1.75fr;
}
.align-center.extra-gap.bg-blue {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.heading-style-h1 {
font-size: 2.07rem;
}
.heading-style-h1.max-width-large.margin-bottom.margin-small {
text-align: center;
}
.heading-style-h1.max-width-xlarge.min-width.margin-bottom.margin-small.text-align-center {
text-align: center;
margin-bottom: 0;
}
.heading-style-h1.margin-top.margin-small.max-width-large {
width: 100%;
}
.heading-style-h1.margin-top.margin-small.max-width-large.h1-comparison {
padding-left: 1rem;
padding-right: 1rem;
}
.combine-button-wrapper {
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
align-items: stretch;
width: 100%;
}
.combine-padding-global-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.rl_layout28_component, .layout250_list, .layout1_component {
grid-template-columns: 1fr;
}
.btn {
white-space: pre-wrap;
flex-flow: row;
position: static;
}
.btn.contact-us {
width: auto;
}
.btn.contact-us.click-here-link.margin-right.margin-xxsmall.open-message-box.template-ans {
font-size: .75rem;
}
.text-size-small {
height: auto;
}
.text-size-small.commenter-h.white {
font-size: 14px;
}
.div-block-45 {
display: none;
}
.hero-video-disable.hero-video-height, .hero-video-disable.hero-video-height-disable {
height: 150px;
}
.video-wrapper-mobile {
height: auto;
margin-bottom: 0;
padding: 5px;
}
.code-embed-on-desktop.hero-video.margin-xxsmall {
display: none;
}
.feat-right-padded {
width: 100%;
padding-left: 1px;
}
.div-block-32-copy {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.new-flex.justify-space-between.article-card-name {
flex-flow: column;
}
.article-card.max-width-xxsmall {
max-width: 17.5rem;
}
.article-card-content.padding-small.max-width-xxsmall {
max-width: 100%;
}
.article-card-wrap {
grid-template-columns: 1fr;
}
.badge.mobile-view-badge {
text-align: center;
}
.badge.mobile-view-badge.hide {
display: none;
}
.combine-padding-global-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.brix---grid-6-columns-logo-strip-2 {
grid-column-gap: 48px;
grid-row-gap: 32px;
}
.brix---container-default-2 {
padding-bottom: 24px;
padding-left: 20px;
padding-right: 20px;
}
.brix---section-small-2 {
margin-top: 32px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.article-card-team-wrap {
grid-template-columns: 1fr;
}
.article-card-team-wrap.column-6.margin-top.margin-extrasmall, .article-card-team-wrap.founder-card-wrap {
grid-template-columns: 1fr 1fr;
}
.article-card-img.is-rounded {
object-fit: contain;
}
.brix---grid-4-columns-logo-strip-2 {
grid-template-columns: 1fr;
}
.heading-midlarge-home {
font-size: 36px;
}
.card-gradient-border.margin-bottom.margin-xlarge {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 45%, var(--grey--grey-900) 65%, var(--deep-pink));
padding: 1px;
display: flex;
}
.image-wrapper-card.margin-top.margin-large {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 46%, var(--grey--grey-900) 66%, var(--deep-pink));
padding: 1px;
}
.image-114 {
width: 100%;
max-width: 30px;
}
.image-115, .image-116 {
width: 100%;
}
.gamer-platform-logo.margin-bottom.margin-small {
flex-flow: column;
display: flex;
overflow: hidden;
}
.gamer-platform-logo.margin-bottom.margin-medium {
flex-flow: column;
max-width: 146px;
}
.grid-6, .grid-7 {
grid-template-columns: 1fr;
}
.content-container {
padding-left: 0;
padding-right: 0;
}
.text-block-81, .text-block-82 {
font-size: 14px;
}
.content-all.content-col.richtext-1 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.logo-slider-wrapper {
grid-column-gap: 100vw;
grid-row-gap: 100vw;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
place-items: center;
display: flex;
}
.logo-slider-wrapper.new-logo-wrapper {
grid-column-gap: 50vw;
grid-row-gap: 50vw;
flex-flow: row;
}
.logo-slider-wrapper.new-logo-wrapper.logo-interaction {
grid-column-gap: 100vw;
grid-row-gap: 100vw;
}
.logo-slider-wrapper.auto-scroll-right {
flex-flow: row;
}
.logo-slider-track-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
min-width: 100%;
display: flex;
overflow: hidden;
}
.logo-slider-track-left.hide-mb {
display: none;
}
.logo-slider-track-left.margin-top.margin-large {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: row;
}
.logo-slider-track-left.margin-top.margin-large.visible-for-desktop {
display: none;
}
.logo-slider-track-left.margin-top.margin-large.new-logo-grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: row;
}
.logo-image {
width: 52px;
max-width: none;
height: auto;
}
.logo-image.small {
width: 42px;
}
.interactive-feature-tabs.padding-small {
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
position: static;
}
.tab-content-wrap.padding-section-small {
padding-top: 0;
padding-bottom: 0;
}
.tab-image-wrap.stylesystem_margin-right.padding-small {
aspect-ratio: auto;
}
.feature-image.tab-feature-img {
object-fit: fill;
height: auto;
}
.app-feature-content-wrap.margin-vertical.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.app-feature-content-wrap.margin-vertical.margin-xxlarge {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.app-feature-content-wrap.margin-top.margin-xlarge {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.app-feature-content-wrap.margin-top.margin-xlarge.extra-gap {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.app-feature-content-wrap.margin-top.margin-xxhuge {
flex-flow: column;
}
.app-feature-content-wrap.margin-top.margin-xxhuge.extra-gap {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.app-feature-wrap {
width: 100%;
min-width: 286px;
max-width: 567px;
min-height: auto;
}
.app-feature-wrap.live-platforms-wrap {
width: 100%;
min-width: auto;
max-width: none;
min-height: auto;
}
.footer-icon-text.margin-bottom.margin-medium {
flex-flow: column;
width: 100%;
}
.collection-list-3 {
flex-flow: wrap;
display: flex;
}
.platform-card-grid.margin-bottom.margin-xxlarge {
flex-flow: wrap;
}
.collection-list-wrapper-2, .collection-list-4 {
flex-flow: wrap;
display: flex;
}
.usecase1-cards-container {
grid-template-columns: 1fr;
}
.page-content-bar.margin-bottom.margin-xlarge.align-center {
flex-flow: column;
}
.usecases-cards.margin-bottom.margin-xxlarge {
grid-template-columns: 1fr;
}
.comparison-table.margin-top.margin-xxlarge {
-webkit-text-fill-color: inherit;
background-clip: border-box;
max-width: 100%;
height: 100%;
overflow: hidden;
}
.comparison-heading.margin-small {
width: 100%;
height: 100%;
overflow: hidden;
}
.comparison-table-content, .comparison-table-content.margin-top.margin-extrasmall {
overflow: auto;
}
.heading-container {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
flex-flow: column;
width: auto;
height: auto;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular {
width: 100%;
height: auto;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.extra-margin {
margin-top: 2.3rem;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.h-64 {
height: 64px;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.h-88 {
justify-content: flex-start;
align-items: flex-end;
height: 88px;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.margin-top.margin-extrasmall.h-122 {
height: 122px;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.h-88 {
justify-content: flex-start;
align-items: center;
height: 88px;
display: flex;
}
.comparison-content.text-align-left.padding-xxsmall.text-size-regular.h-122 {
justify-content: flex-start;
align-items: center;
height: 112px;
display: flex;
}
.icon-container.padding-xxsmall.text-align-left {
height: auto;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.decrease-margin {
margin-top: .6rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.extra-margin {
margin-top: 1.3rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.h-112 {
margin-top: 1rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.dec-margin {
margin-top: .7rem;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.h-88 {
height: 88px;
}
.icon-container.padding-xxsmall.text-align-left.margin-top.margin-extrasmall.h-64 {
height: 64px;
margin-top: 1rem;
}
.icon-container.padding-xxsmall.text-align-left.h-112 {
height: 112px;
}
.icon-container.padding-xxsmall.text-align-left.h-64 {
height: 64px;
}
.icon-container.padding-xxsmall.text-align-left.h-88 {
height: 88px;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox {
height: 30vh;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update {
display: none;
}
.video-container.margin-top.margin-xxlarge.solution-sandbox.update.glow-effect.auto-height {
padding: 1px;
display: block;
box-shadow: 4px 4px 10px 1px #640027, -4px -4px 10px 1px #640027;
}
.video-container.margin-top.margin-xxlarge.video-wrapper.video-hflex {
width: 100%;
max-width: 100%;
padding: 1px;
}
.image-credit {
line-height: 10px;
}
.breadcrumb-flex.margin-bottom.margin-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.live-platforms.margin-top.margin-large {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
display: flex;
}
.extension-content-container.margin-top.margin-xlarge {
grid-template-columns: 1fr;
}
.extension-content-container.margin-top.margin-xxlarge {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.heading-style-h1-3 {
font-size: 2.07rem;
}
.heading-style-h1-3.max-width-large, .heading-style-h1-3.max-width-large.margin-top.margin-small {
font-size: 1.75rem;
}
.user-video-wrap.bg-color-gradient {
object-fit: cover;
}
.user-video-container.margin-top.margin-large {
flex-flow: column;
}
.feature-pricing-content {
font-size: 10px;
}
.select-pro-plan {
width: 60px;
height: 35px;
font-size: 10px;
}
.select-pro-plan.new-price-commenter.js-pro-commenter {
width: 82px;
font-size: 13px;
}
.select-pro-plan.new-price-commenter.js-yearly-starter-commenter {
font-size: 13px;
}
.pricing-select-legend {
text-align: center;
font-size: 8px;
line-height: 10px;
}
.pricing-tabs.margin-top.margin-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 0 auto;
display: block;
}
.flex-block-9 {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.grid-11.stick-grid.update-pricing.sticky-plan-header {
position: static;
}
.grid-12, .grid-12.content-ai-grid {
justify-content: start;
}
.pricing-table-width {
min-width: auto;
overflow: auto;
}
.category-grid.margin-top {
grid-template-columns: 1fr;
}
.category-grid.margin-top.margin-small {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.category-grid.margin-top.margin-medium {
grid-template-columns: 1fr;
}
.category-grid.margin-top.margin-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.heading-midlarge-usecase {
font-size: 40px;
}
.navbar2_logo-link {
display: none;
}
.navbar2_logo-link.w--current, .navbar2_logo-link.mbl {
display: block;
}
.navbar2_logo-link.mbl.hide, .navbar2_logo-link.site.w--current {
display: none;
}
.navbar2_logo {
height: 32px;
}
.navbar2_menu-button {
justify-content: flex-end;
align-items: center;
width: 46px;
display: flex;
position: relative;
}
.navbar12_dropdown-link {
padding-left: 0;
}
.navbar12_dropdown-link.margin-top {
margin-top: 0;
}
.navbar12_dropdown-link.webinar-update {
max-width: 18rem;
padding-right: 1rem;
display: flex;
}
.navbar12_dropdown-list.shadow-xxlarge.w--open, .navbar12_dropdown-list.shadow-xxlarge.nav-col-width.w--open {
box-shadow: none;
}
.navbar12_dropdown-list.shadow-xxlarge.w--open {
box-shadow: none;
margin-left: .5rem;
margin-right: .5rem;
}
.navbar12_dropdown-list.shadow-xxlarge.nav-col-width.w--open {
box-shadow: none;
width: auto;
margin-left: .5rem;
margin-right: .5rem;
}
.navbar12_dropdown-content {
grid-column-gap: 1rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
padding: 1rem;
}
.navbar12_dropdown-content.nav-solution {
margin-bottom: 0;
}
.navbar12_dropdown-content.margin-top.margin-small {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.navbar2_menu.is-page-height-tablet {
background-color: var(--card-bg-color);
}
.is-navbar2-button.button {
display: none;
}
.is-navbar2-button.button.is-secondary {
aspect-ratio: auto;
}
.nav-linking-2 {
padding: .75rem 1rem;
font-size: 1.125rem;
}
.navbar2_link-2.login-mbl {
margin-top: 0;
font-size: 1.125rem;
display: block;
}
.cta-button-2 {
font-size: 14px;
line-height: 1.14286;
}
.cta-button-2.nav-action {
display: none;
}
.cta-button-2.nav-action.link-type.login-mbl {
width: 50%;
display: block;
}
.cta-button-2.nav-action.signup-mbl {
width: 45%;
margin-top: .5rem;
margin-bottom: .5rem;
margin-left: 1rem;
padding-top: 12px;
padding-bottom: 12px;
display: block;
}
.cta-button-2.nav-action.mbl-cta {
border: 1px solid var(--deep-pink);
padding: 1rem 1.25rem;
display: block;
}
.cta-button-2.nav-action.mbl-cta:hover {
border-color: var(--hover-btn-color);
}
.text-weight-semibold.text-size-small {
white-space: normal;
font-size: 14px;
}
.showmore-compare.margin-bottom.margin-large {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.div-block-79.enterprice-block-line.margin-vertical.margin-xxsmall {
width: 100%;
}
.compare-link {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.feature-img-wrapper {
aspect-ratio: 16 / 9;
justify-content: flex-start;
align-items: center;
}
.bold-text-30 {
text-align: left;
}
.lottie-animation-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
justify-content: flex-end;
align-items: center;
width: 46px;
height: 56px;
display: flex;
}
.flex-block-11 {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.flex-block-12 {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
width: 100%;
}
.v-flex.max-width-xsmall {
justify-content: flex-start;
align-items: flex-start;
}
.flex-block-13 {
flex-flow: column;
}
.features-block {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.features-block.max-width-large.tags-template {
flex-flow: wrap;
}
.brand-logo-flex {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-flow: wrap;
}
.dropdown-list-7.featurelist-open.w--open {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-flow: column;
}
.dropdown-list-7.compare-list.w--open {
right: 0;
}
.template-tags, .template-tags.w--current {
padding: 4px 12px;
font-size: 10px;
}
.text-block-93, .text-block-94 {
font-size: 10px;
}
.tabs-menu-2.padding-vertical.padding-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
position: static;
}
.template-content.margin-top.margin-xlarge {
margin-top: 2rem;
}
.all-templates, .creator-grid.margin-top.margin-xxlarge {
grid-template-columns: 1fr;
}
.creator-flex.margin-top.margin-large {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.creator-flex.margin-top.margin-large.solution-grid {
flex-flow: column;
}
.reward-grid.margin-top.margin-small {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.template-selector.centre-align {
height: auto;
}
.template-selector.centre-align.height-76, .template-selector.centre-align.height-86 {
height: 76px;
}
.feature-tags-2.template-tag {
padding: 6px 8px;
}
.heading-style-h6-4 {
width: auto;
font-size: 1rem;
}
.div-block-82.enterprice-block-line.margin-vertical.margin-xxsmall {
width: 100%;
}
.template-heading {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.content-temp.padding-xsmall {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--grey--grey-900);
}
.checkbox-field-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
display: flex;
}
.eligible-card-grid.margin-top.margin-large {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.flex-block-20 {
white-space: normal;
flex-flow: wrap;
}
.step-list.margin-top.margin-medium {
flex-flow: column;
}
.step-list.margin-top.margin-medium.max-width-small {
white-space: normal;
flex-flow: column;
padding-left: 16px;
}
.form-selector-2.template-selector.margin-large.margin-bottom {
width: 100%;
height: auto;
}
.checkbox-label-2 {
font-size: 12px;
}
.checkbox-2 {
width: 12px;
height: 10px;
}
.container-usecase {
width: 100%;
}
.container-usecase.relative-top {
z-index: 1;
margin-top: 0;
}
.container-usecase.no-c {
width: 100%;
}
.icon-button.margin-top.margin-medium {
font-size: 14px;
}
.case-study-flex.margin-top.margin-xlarge {
margin-top: 2rem;
}
.case-study-flex.margin-top.margin-xlarge.swich-card {
margin-top: 12rem;
}
.case-study-container.padding-right.padding-large {
padding-right: 0;
left: auto;
}
.case-study-container.switch-card.padding-left.padding-xlarge {
padding-left: 0;
left: auto;
}
.case-study-btn-container.padding-medium {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: 90%;
position: absolute;
inset: auto auto -24% 17px;
}
.case-study-btn-container.padding-medium.card-to-left {
bottom: -30%;
left: auto;
}
.seconday-icon-btn {
font-size: 14px;
}
.app-feature-wrap-2 {
width: 100%;
min-width: 286px;
max-width: 567px;
min-height: auto;
}
.countdown-banner {
overflow: hidden;
}
.banner-content.padding-xsmall.padding-sides {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: .75rem;
padding-right: .5rem;
}
.icon-img {
top: 4%;
}
.icon-img.margin-right.margin-extrasmall {
margin-top: .5rem;
margin-right: 0;
}
.image-141 {
display: inline-block;
}
.code-embed-on-mobile.hero-video.margin-xxsmall {
display: block;
}
.card-gradient-border-usecase.margin-bottom.margin-xlarge {
background-image: linear-gradient(301deg, var(--bg-blue-gradient), var(--grey--grey-900) 45%, var(--grey--grey-900) 65%, var(--deep-pink));
width: 100%;
padding: 1px;
display: flex;
}
.flex-block-21 {
display: block;
}
.link-15 {
font-size: .85rem;
}
.image-144 {
width: 80px;
bottom: 341.524px;
left: 123.925px;
}
.image-145 {
width: 150px;
left: 182.071px;
}
.image-146 {
width: 100px;
top: 310.028px;
}
.div-block-87 {
padding: 10px;
}
.field-label-8 {
font-size: 20px;
}
.search-button {
height: auto;
padding: 8px 15px;
font-size: 12px;
line-height: 1.14286;
}
.search-button.white.testimonials-btn {
width: 70px;
padding: 6px 10px;
font-size: 8px;
}
.search-button.price-compare {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.search-button.margin-left-24 {
margin-left: 0;
}
.search-button.pricing-btn.is-secondary.margin-vertical.margin-small, .search-button.pricing-btn.margin-vertical.margin-small {
padding: 16px 1.5rem;
font-size: 1rem;
}
.search-button.secondary-btn.margin-top.margin-large, .search-button.margin-top-bottom {
padding: 16px 24px;
font-size: 1rem;
}
.links_to_platforms.margin-top.margin-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.link-16 {
text-align: center;
}
.heading-style-home {
font-size: 2.07rem;
}
.heading-style-home.margin-top.margin-small.max-width-large {
width: 100%;
}
.heading-style-home.margin-top.margin-small.max-width-large.h1-comparison {
padding-left: 1rem;
padding-right: 1rem;
}
.platform-grid.margin-vertical.margin-xlarge {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
display: flex;
}
.image-148, .image-149, .icebreaker-video.hero-video-height {
height: auto;
}
.grid-divider {
background-color: var(--grey--grey-800);
width: 260px;
height: 1px;
}
.div-block-94 {
height: auto;
}
.div-block-94.hide {
display: none;
}
.home-heading {
font-size: 2.07rem;
}
.home-heading.margin-top.margin-small.max-width-large {
width: 100%;
}
.home-heading.margin-top.margin-small.max-width-large.h1-comparison {
padding-left: 1rem;
padding-right: 1rem;
}
.text-block-96.text-tag {
padding-left: .5rem;
padding-right: .5rem;
font-size: 12px;
}
.pointer-gif {
width: 80px;
margin-bottom: -80px;
}
.layout350_mobile-image {
border: 1px solid var(--grey--grey-800);
background-image: linear-gradient(90deg, var(--card-bg-color), var(--grey--grey-900));
border-radius: 12px;
padding: 16px;
display: block;
}
.layout350_tabs-menu {
justify-content: flex-start;
width: 90vw;
overflow: scroll;
}
.grid-14 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.layout350_content {
height: auto;
}
.layout350_component {
grid-template-columns: 1fr;
margin-top: 0;
}
.grid-15 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.right-arrow {
display: none;
}
.slide-nav-2 {
top: auto;
bottom: 2rem;
}
.platform-container {
flex-flow: column;
}
.platform-container.update-grid.margin-top.margin-large {
grid-template-columns: 1fr;
}
.platform-flex.padding-small, .platform-flex.padding-small.height-228 {
height: auto;
}
.flex-block-23 {
flex-flow: column;
}
.content-container-live-ae {
padding-left: 0;
padding-right: 0;
}
.div-block-99 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.badge-icon {
width: 16px;
}
.left-arrow {
display: none;
}
.logo-grid.margin-bottom.margin-large.delay-2 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.logo-grid.margin-bottom.margin-large.delay-2.screenshot-grid {
grid-template-columns: 1fr 1fr;
}
.color-styles.delay-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.v-color-block {
width: auto;
}
.logo-wrapper-2.screenshot-wrapper {
padding: 8px;
}
.cta-button-3 {
height: auto;
padding: 16px 24px;
font-size: 14px;
line-height: 1.14286;
}
.heading-style-h2-3 {
font-size: 1.72rem;
}
.heading-style-h2-3.margin-bottom.margin-extrasmall.delay-1 {
text-align: center;
}
.quick-grid {
grid-template-columns: .25fr 1fr;
}
.quick-img.padding-xsmall {
align-items: center;
width: auto;
}
.div-block-106 {
display: none;
}
.image-157 {
width: 40px;
height: 40px;
}
.div-block-107 {
background-color: var(--grey--grey-900);
height: 1px;
}
.divider-vertical {
background-color: var(--grey--grey-900);
height: 2px;
margin-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.menu-icon_line-bottom, .menu-icon_line-middle, .menu-icon_line-top {
background-color: var(--white);
}
.uui-navbar02_dropdown-blog-item-wrapper {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.uui-navbar02_blog-item {
flex-direction: column;
display: flex;
}
.uui-navbar02_blog-content {
margin-top: .5rem;
}
.uui-navbar02_dropdown-content-wrapper {
width: 100%;
}
.uui-navbar02_dropdown-content-left {
grid-template-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
}
.uui-navbar02_dropdown-content-right {
max-width: none;
padding-left: .75rem;
padding-right: .75rem;
}
.uui-navbar02_component {
position: sticky;
}
.uui-navbar02_dropdown-link {
padding-left: 0;
}
.uui-button-secondary-gray.show-tablet {
color: var(--grey--grey-700);
border-radius: 36rem;
}
.uui-button-secondary-gray.show-tablet:hover {
background-color: var(--grey--grey-0);
}
.ewebinar {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-108 {
padding-left: 16px;
}
.product-menu-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.ai-form-custom {
margin-left: auto;
}
.grid-19 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.text-block-97 {
color: var(--black);
}
.hero-heading-style-h1, .hero-heading-style-h1.text-align-center {
font-size: 2.44rem;
line-height: 120%;
}
.hero-heading-style-h1.text-align-center.max-width-large.testing-variant {
font-size: 2.44rem;
}
.hero-title-description {
font-size: 1rem;
}
.hero-title-description.max-width-medium.text-align-center.margin-top.margin-small, .hero-title-description.margin-bottom.margin-medium {
display: block;
}
.hero-title-description.game-description {
display: none;
}
.hero-heading-style-h2.text-align-center {
font-size: 1.95rem;
line-height: 120%;
}
.hero-heading-style-h2.text-align-center.sml-mbl-text {
font-size: 1.75rem;
}
.hero-heading-style-h2.margin-bottom.margin-xlarge {
font-size: 1.94rem;
line-height: 120%;
}
.hero-heading-style-h2.text-align-left.margin-bottom.margin-medium {
font-size: 2.44rem;
line-height: 120%;
display: block;
}
.hero-heading-style-h3.max-width-xlarge {
font-size: 1.565rem;
}
.hero-heading-style-h3.max-width-large1 {
font-size: 1.95rem;
line-height: 120%;
}
.container-wrapper {
padding: 40px 20px 0;
}
.auto-tabs-component {
grid-template-columns: 1fr;
}
.auto-tabs-menu {
border-left-width: .2rem;
}
.rl_layout28_tabs-link-2 {
padding-left: 1rem;
}
.rl_layout28_tabs-link-2.w--current {
border-left-width: .2rem;
margin-left: -.2rem;
}
.auto-tabs-progress {
width: .2rem;
margin-left: -.2rem;
}
.auto-tabs-content-inner {
flex-flow: column;
padding: 1rem;
display: block;
}
.rl_layout28_image3 {
width: 100%;
}
.rl-padding-section-large-4 {
padding-bottom: 0;
}
.rl_testimonial15_client-image-wrapper.is-align-left {
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 1rem;
}
.rl_testimonial15_slide {
margin-right: 0;
}
.rl_testimonial15_content {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.rl-padding-global-5 {
flex-flow: row;
justify-content: center;
max-width: 365px;
padding-left: 0%;
padding-right: 0%;
display: flex;
}
.rl-container-large-4 {
max-width: none;
}
.slider-content {
font-size: 1rem;
}
.content-header.margin-bottom.margin-medium {
display: flex;
}
.integration_grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.integration-block {
width: 80px;
padding: 8px;
}
.apps-wrapper.max-width-small.update {
flex-flow: wrap;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
display: flex;
}
.app-container.padding-xxsmall {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.app-image {
height: 24px;
}
.grid-20 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.integration-grid {
grid-template-columns: 1fr;
}
.h-flex1.margin-top.margin-large.padding-medium.container-wrapper.update {
flex-flow: column;
padding: 8px;
}
.featured-grid.margin-top.margin-medium {
grid-template-columns: 1fr;
}
.interactions-content-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: .75fr;
display: flex;
}
.grid-21 {
grid-template-columns: 1fr;
}
.logo-slider-track-right.margin-top.margin-medium {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.code-embed-8 {
padding-top: 0;
padding-bottom: 0;
}
.ai-form {
display: block;
}
.layout350_tabs-menu-2 {
justify-content: flex-start;
width: 90vw;
overflow: scroll;
}
.grid-22 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.auto-tabs-progress-2 {
width: .2rem;
margin-left: -.2rem;
}
.rl_layout28_tabs-link-3 {
padding-left: 1rem;
}
.rl_layout28_tabs-link-3.w--current {
border-left-width: .2rem;
margin-left: -.2rem;
}
.auto-tabs-menu-2 {
border-left-width: .2rem;
}
.layout350_tabs-menu-3 {
justify-content: flex-start;
width: 90vw;
overflow: scroll;
}
.grid-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.vilt-bottom {
font-size: 1rem;
}
.vilt-bottom.max-width-medium.text-align-center.margin-top.margin-small, .vilt-bottom.margin-bottom.margin-medium {
display: block;
}
.vilt-bottom.game-description {
display: none;
}
.div-block-117 {
flex-flow: column;
}
}
#w-node-_5f459c70-2fce-129f-226a-30daddb9bb0b-daee3515 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_1facd328-ee38-9db4-54df-b5c212b8375d-daee3515 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_1facd328-ee38-9db4-54df-b5c212b8375f-daee3515, #w-node-_1facd328-ee38-9db4-54df-b5c212b83761-daee3515 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9cdaf198-fafd-2e25-c7a5-33e40279633f-daee3515 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_9cdaf198-fafd-2e25-c7a5-33e402796341-daee3515, #w-node-_9cdaf198-fafd-2e25-c7a5-33e402796343-daee3515 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37b3923e-9be9-9a8b-d195-c1883506dd34-daee3515 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_37b3923e-9be9-9a8b-d195-c1883506dd36-daee3515, #w-node-_37b3923e-9be9-9a8b-d195-c1883506dd38-daee3515 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0270e86e-91f6-25c7-096d-a0c682109d59-daee3515 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_0270e86e-91f6-25c7-096d-a0c682109d5b-daee3515, #w-node-_0270e86e-91f6-25c7-096d-a0c682109d5d-daee3515 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0013-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0015-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0017-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0028-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d002a-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d002c-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d003d-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d003f-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0041-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d12eb3c3-f48e-5eb9-5d5f-5f4ba5a4221e-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-d12eb3c3-f48e-5eb9-5d5f-5f4ba5a42220-705cfff3, #w-node-d12eb3c3-f48e-5eb9-5d5f-5f4ba5a42222-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0056-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0058-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d005a-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d006b-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d006d-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d006f-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0080-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0082-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0084-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0095-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0097-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d0099-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00ae-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00b0-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00b2-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00c3-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00c5-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00c7-705cfff3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00d8-705cfff3 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00da-705cfff3, #w-node-_78aeca9d-be75-bbe8-795f-1bfd705d00dc-705cfff3, #w-node-_0ef70f3d-3076-1dfd-f6f0-77b60441ac9d-b1fa75f8, #w-node-_897424b2-1262-1d1b-24d0-bee11e21837a-b1fa75f8, #w-node-_646e5133-7e1a-9138-3871-5dc56dbbb90f-b1fa75f8, #w-node-_897424b2-1262-1d1b-24d0-bee11e218380-b1fa75f8, #w-node-_897424b2-1262-1d1b-24d0-bee11e218386-b1fa75f8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_897424b2-1262-1d1b-24d0-bee11e218390-b1fa75f8 {
align-self: center;
}
#w-node-_897424b2-1262-1d1b-24d0-bee11e218396-b1fa75f8 {
place-self: start;
}
#w-node-_80d805ac-cfd1-1e71-8601-0058fbf9e6b5-b1fa75f8, #w-node-_80d805ac-cfd1-1e71-8601-0058fbf9e6bb-b1fa75f8, #w-node-_80d805ac-cfd1-1e71-8601-0058fbf9e6c1-b1fa75f8, #w-node-_80d805ac-cfd1-1e71-8601-0058fbf9e6c7-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa977389-b1fa75f8 {
align-self: center;
}
#w-node-_43f6f054-eac5-01d0-8564-052efa9773a8-b1fa75f8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_43f6f054-eac5-01d0-8564-052efa9773c3-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773c7-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773cb-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773cf-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773d7-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773da-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773de-b1fa75f8, #w-node-_43f6f054-eac5-01d0-8564-052efa9773e2-b1fa75f8 {
align-self: center;
}
#w-node-_3f3d39da-a565-015d-6221-7fece1af0680-b1fa75f8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cd54d741-b91e-52bc-e140-ca5013617587-edfe2c44, #w-node-cd54d741-b91e-52bc-e140-ca501361758c-edfe2c44, #w-node-cd54d741-b91e-52bc-e140-ca5013617591-edfe2c44, #w-node-cd54d741-b91e-52bc-e140-ca5013617596-edfe2c44, #w-node-cd54d741-b91e-52bc-e140-ca5013617598-edfe2c44, #w-node-cd54d741-b91e-52bc-e140-ca501361759c-edfe2c44, #w-node-cd54d741-b91e-52bc-e140-ca50136175a0-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737dc-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737e1-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737e6-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737eb-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737ed-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737f1-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a3680737f5-edfe2c44 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-d6346ad0-df51-49f1-30c6-67a368073802-edfe2c44, #w-node-_95fc6421-10cc-2929-25b6-0de0aa147d27-edfe2c44, #w-node-bca0b73c-d579-ef13-f2c2-03bc33191e3c-edfe2c44, #w-node-aa6e5bdf-5863-1f2c-6f9e-aa41d9fd45d1-edfe2c44, #w-node-d6346ad0-df51-49f1-30c6-67a368073804-edfe2c44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d6346ad0-df51-49f1-30c6-67a36807384c-edfe2c44 {
align-self: auto;
}
#w-node-a112c330-88b3-bd52-db2b-b4c1820ee5cd-edfe2c48 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-d5c66862-a8a2-c375-8578-5f1bc67f8a8c-edfe2c48, #w-node-dcd05474-31d5-395e-671c-66c7a293fea7-edfe2c48, #w-node-ccb97e92-4506-8e45-8bed-5355180f7475-edfe2c48, #w-node-_7924465d-e895-0856-baa9-a5f8b55ce6b3-edfe2c48, #w-node-_07c28938-c929-14c7-47b1-042cc7a414e5-edfe2c48, #w-node-_90b5f063-8db6-9b1c-6bf9-8ef64c943bd6-edfe2c48, #w-node-_9725a719-b79e-a3c4-a7a3-62dd3f322c82-edfe2c48, #w-node-dc25671d-2450-a6dc-81ad-479bdf963a7e-edfe2c48, #w-node-_2bceed43-1c19-ee17-a17b-534a6ef669ac-edfe2c63, #w-node-_8a4700ca-9ad8-6d31-6a68-c235cf42f29f-edfe2c63, #w-node-_9eb766ed-1194-49f3-732b-68dbfa456bc5-edfe2c63, #w-node-_140d7894-458b-3c2a-f011-e00c421b08d2-edfe2c63, #w-node-b149255a-0ca6-ee6a-dedf-b73d61a15b97-edfe2c63, #w-node-_73b7fb04-e4b7-ed08-303e-d96460db202a-edfe2c63, #w-node-c017846e-bbe1-3666-e836-f44a6d16c0b7-fe785b8b, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857259-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485725a-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485725e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485725f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857263-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857264-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857268-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857269-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485726d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485726e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857272-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857273-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485727d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485727e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857282-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857283-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857287-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857288-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485728c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485728d-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857291-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857292-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857296-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857297-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572a1-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572a2-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572a4-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848572a6-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572a7-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572ab-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572ac-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572b0-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572b1-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572ba-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572bb-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572c4-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572c5-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572d7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572d8-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572dc-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572dd-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572e1-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572e2-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572e6-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572e7-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572eb-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572ec-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572f6-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572f7-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572fb-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848572fc-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857300-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857301-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857305-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857306-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485730a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485730b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485730f-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857310-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485731b-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485731c-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857320-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857321-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857325-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857326-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485732a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485732b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485732f-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857330-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857334-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857335-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857339-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485733a-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485733e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485733f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857343-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857344-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485734e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485734f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857353-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857354-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857358-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857359-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857360-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857361-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573a5-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848573a9-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573aa-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573ae-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573af-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573b3-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573b4-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573b8-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573b9-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573bd-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573be-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573c2-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573c3-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573c7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573c8-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573cc-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573cd-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573d1-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573d2-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573d6-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573d7-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573db-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573dc-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848573f3-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857402-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857413-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857414-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857419-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485741a-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485741e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485741f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857423-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857424-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857433-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485743f-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857449-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485744c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485744d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857450-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857451-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857454-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857455-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857459-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485745c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485745d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857460-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857461-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857464-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485746c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485746d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485746e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857470-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857473-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857474-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857475-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857479-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485747c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485747d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485747e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857482-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857486-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857487-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485748d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857490-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857491-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857492-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857496-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857499-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485749a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485749b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574a1-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574a5-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574a6-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574aa-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574ad-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574b2-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574b3-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574b4-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574b8-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574bb-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574bc-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574bd-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574c3-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574c6-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574c7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574c8-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574ce-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574d1-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574d2-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574d3-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574db-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574de-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574df-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574e0-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574ec-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574ed-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574ee-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574f2-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574f7-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848574f8-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574f9-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848574ff-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857504-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857505-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857506-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485750c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857511-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857512-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857513-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485751b-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857521-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857522-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857528-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485752d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485752e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485752f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857533-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857536-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857537-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857538-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485753e-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857541-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857542-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857543-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857549-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485754c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485754d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485754e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857556-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857559-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485755a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485755b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857561-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857564-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857565-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857566-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485756e-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857572-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857573-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857579-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857581-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857582-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857583-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857584-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857586-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857589-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485758d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485758e-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485758f-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857598-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857599-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485759a-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575a3-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575a4-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575a5-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848575a6-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848575ac-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575ad-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575ae-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848575af-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848575b1-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575b5-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575b6-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575b7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848575b8-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848575ba-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857626-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485762a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485762b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485762d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485762f-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857630-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857632-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857634-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857635-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857637-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857639-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485763a-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485763c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485763e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485763f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857641-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857643-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857644-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857646-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857648-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857649-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485764b-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485764c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485764e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485764f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857651-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857652-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857654-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857655-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857657-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857658-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485765a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485765b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485765d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857663-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857667-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857668-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485766a-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485766c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485766d-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485766f-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857671-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857672-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857674-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857676-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857677-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857679-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485767b-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485767c-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485767e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857680-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857681-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857683-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857685-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857686-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857688-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485768a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485768b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485768d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485768f-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857690-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857692-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857694-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857695-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857697-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857699-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485769a-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485769c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576a1-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576a5-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576a7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576aa-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576af-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576b4-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576b9-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576be-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576c5-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576c6-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576c8-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576c9-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576cb-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576cc-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576ce-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576cf-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576d1-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576d2-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576d4-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576d5-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576d7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576d8-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576da-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576db-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576dd-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576de-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e0-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e1-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e3-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e4-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e6-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e7-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576e9-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576ea-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576ec-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576ed-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576ef-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f0-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f2-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f3-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f5-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f6-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f8-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576f9-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576fb-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576fc-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848576fe-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848576ff-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857701-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857702-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857704-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857705-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857707-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857708-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485770a-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485770b-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485770d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485770e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857710-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857711-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857713-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857714-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857716-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857717-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857719-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485771a-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485771c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485771d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857722-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857726-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857728-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485772b-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857730-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857735-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485773a-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485773f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857746-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857747-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857749-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485774a-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485774c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485774d-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485774f-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857750-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857752-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857753-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857755-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857756-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857758-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857759-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485775b-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485775c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485775e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485775f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857761-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857762-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857764-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857765-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857767-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857768-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485776a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485776b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485776d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485776e-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857770-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857771-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857773-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857774-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857776-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857777-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857779-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485777a-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485777c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485777d-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485777f-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857780-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857782-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857783-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857785-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857786-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857788-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857789-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485778b-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485778c-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485778e-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485778f-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857791-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857792-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857794-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857795-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857797-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b84857798-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485779a-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485779b-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485779d-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b8485779e-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577a3-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577a6-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577a7-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577a9-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577aa-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577ac-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577ad-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577af-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b0-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b2-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b3-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b5-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b6-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b8-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577b9-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577bb-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577bc-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577be-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577bf-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577c1-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577c2-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577c4-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577c5-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577c7-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577c8-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577ca-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577cb-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577cd-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577ce-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d0-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d1-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d3-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d4-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d6-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d7-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577d9-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577da-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577dc-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577dd-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577df-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577e0-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577e2-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577e3-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848577e5-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848577e6-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848578d8-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848578dc-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578dd-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578e1-09b981a0, #w-node-f489f181-8baa-d2d8-7cb2-7e2b848578e3-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578e4-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578e8-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578e9-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578ed-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578ee-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578f2-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578f3-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578f7-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578f8-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578fc-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b848578fd-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857901-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857902-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857906-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857907-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485790b-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485790c-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857910-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857911-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857914-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857915-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857918-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857919-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485791d-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485791e-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857922-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857923-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857927-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857928-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485792c-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b8485792d-09b981a0 {
justify-self: start;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857931-09b981a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f489f181-8baa-d2d8-7cb2-7e2b84857932-09b981a0 {
justify-self: start;
}
#w-node-baabaf3f-260a-ac04-f85c-854906a1eafc-9a554c6c, #w-node-df85a15c-3567-d89c-8676-359f66e65975-9a554c6c, #w-node-e9825d01-ffb5-4002-4a12-deaab726896b-9a554c6c, #w-node-e9825d01-ffb5-4002-4a12-deaab726896d-9a554c6c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-c3047c56-e3f0-3401-18b0-e05fdf886153-942f8cda, #w-node-_30e4e259-fef8-5fe9-2723-a28eab09ff93-c20082e8, #w-node-_31fbbc80-ccf3-d58e-cd58-16df9e55b241-c20082e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ba73e782-0aea-8632-1e24-9f7e39590d3d-c5168f70 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-ba73e782-0aea-8632-1e24-9f7e39590d3f-c5168f70, #w-node-ba73e782-0aea-8632-1e24-9f7e39590d41-c5168f70 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9d03272-7273-4a8a-dac1-180841bcfbd3-c5168f70 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-e9d03272-7273-4a8a-dac1-180841bcfbd5-c5168f70, #w-node-e9d03272-7273-4a8a-dac1-180841bcfbd7-c5168f70, #w-node-_2244cfba-fa21-4b60-46a9-170b6759861f-10d3b14d, #copy-btn.w-node-_4d4fe54a-e87d-28be-1af0-de13e24c094e-aa9a34ab, #w-node-_46d71f58-4495-b5b0-557e-81adbeeb5940-af62d8f2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cd54d741-b91e-52bc-e140-ca5013617587-3a4cc58c, #w-node-cd54d741-b91e-52bc-e140-ca501361758c-3a4cc58c, #w-node-cd54d741-b91e-52bc-e140-ca5013617591-3a4cc58c, #w-node-cd54d741-b91e-52bc-e140-ca5013617596-3a4cc58c, #w-node-cd54d741-b91e-52bc-e140-ca5013617598-3a4cc58c, #w-node-cd54d741-b91e-52bc-e140-ca501361759c-3a4cc58c, #w-node-cd54d741-b91e-52bc-e140-ca50136175a0-3a4cc58c {
grid-area: 1 / 1 / 3 / 2;
}
@media screen and (max-width: 991px) {
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-5159e3a4, #w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-e09cfe8a, #w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-a8972400, #w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-5ef548cf, #w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-ab318e99, #w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-67032ca6, #w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-76b53202 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_57730d7d-81da-7fa0-a213-44d25e908ad3-daee3515, #w-node-_43e4938f-2240-3ca0-719e-82feccc7cb9c-daee3515, #w-node-b490df09-b798-c896-833c-499ab603c010-daee3515 {
order: -9999;
}
}
@media screen and (max-width: 479px) {
#w-node-_57730d7d-81da-7fa0-a213-44d25e908ad3-daee3515 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-edcd3d40-2a7d-7ad6-d483-aa24656e025e-daee3515 {
align-self: auto;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-5159e3a4 {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-5159e3a4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-e09cfe8a {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-e09cfe8a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-a8972400 {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-a8972400 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-5ef548cf {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-5ef548cf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-ab318e99 {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-ab318e99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-67032ca6 {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-67032ca6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d303d-76b53202 {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c25e5f63-307b-b45f-b5f3-56a0808d3041-76b53202 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_35323558-0fd5-20fe-7423-8235d23f0816-015ff488, #w-node-_35323558-0fd5-20fe-7423-8235d23f0816-fe2b82c6, #w-node-_35323558-0fd5-20fe-7423-8235d23f0816-0a49c547, #w-node-_35323558-0fd5-20fe-7423-8235d23f0816-4726d4bd, #w-node-_35323558-0fd5-20fe-7423-8235d23f0816-ae948512, #w-node-_35323558-0fd5-20fe-7423-8235d23f0816-81e67cf2, #w-node-_35323558-0fd5-20fe-7423-8235d23f0816-e72fabcb {
order: 9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5af3e7c7-7939-20fb-3ce1-e9cbbb215ff8-6fd383da, #w-node-ce53ee77-9db3-a335-bdfa-247047e522e0-a91567fc, #w-node-_5546a070-4460-5a87-7754-234a224223f5-c20082e8, #w-node-_80213206-1d84-2c80-a0d4-ee33af8c9705-5efe105f, #w-node-_2d3b0738-e4f2-2128-4828-11bc266c49d4-84e8d2f1, #w-node-_526e780f-4eb2-df0c-615c-e3e4ac7a242f-445d0403, #w-node-d0f1f620-a500-fe6d-4d85-1f7e0b05d61b-c6d7a07d, #w-node-_371b0790-e1b1-41b8-f562-ab6500464ad9-ce163de2, #w-node-_8b4b2e51-9ff2-7cba-2c3a-196f4006e8a6-24ca1e58, #w-node-fedbcd4f-2de4-1c81-bc5f-ed683ed5234b-d6975571, #w-node-d1e3b9b9-2fe7-be69-c761-a5926412da3e-aa9a34ab, #w-node-_80213206-1d84-2c80-a0d4-ee33af8c9705-2f238e48 {
align-self: auto;
}
}