/* Touch Device Background Attachment Fix */
html.w-mod-touch * {
background-attachment: scroll !important;
}
/* Permanent Marker Font for Callouts */
@font-face {
font-family: 'Permanent Marker';
src: url('../fonts/Permanent-Marker.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Aesthet Nova Font Family */
@font-face {
font-family: 'Aesthet Nova';
src: url('../fonts/Aesthet-Nova-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
/* Hero Callout Styles (like Outseta) */
.callout-left {
position: absolute;
top: -1rem;
left: -25%;
right: 25%;
transform: translateY(-100%);
}
.callout-right {
position: absolute;
top: -1rem;
left: 25%;
right: -25%;
transform: translateY(-100%);
}
.u-text-hand {
font-family: 'Permanent Marker', cursive;
font-weight: 400;
font-size: var(--_typography---paragraph-lg--font-size);
line-height: var(--_typography---paragraph-lg--line-height);
}
.u-text-primary-alt {
color: #df37a7;
}
.u-rotate--7deg {
transform: rotate(-7deg);
}
.u-rotate-7deg {
transform: rotate(7deg);
}
@media (max-width: 1200px) {
.callout-left,
.callout-right {
display: none;
}
}
/* Group Hover Effects */
.u-hover-parent {
--_state---off: 0;
}
.u-hover-parent:hover {
--_state---off: 1;
}
/*.group-hover-scale {
transform: scale(calc(1 + .1 * var(--_state---off)));
transition-property: transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}*/
/*.group-hover-rotate {
transform: rotate(calc(5deg * var(--_state---off)));
transition-property: transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}*/
.group-hover-move-up-right {
transform: translateY(calc(-.5rem * var(--_state---off))) translateX(calc(.5rem * var(--_state---off)));
transition-property: transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}
.group-hover-show {
opacity: var(--_state---off);
transition-property: opacity;
transition-duration: .2s;
}
@font-face {
font-family: 'Aesthet Nova';
src: url('../fonts/Aesthet-Nova.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aesthet Nova';
src: url('../fonts/Aesthet-Nova-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aesthet Nova';
src: url('../fonts/Aesthet-Nova-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}
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:700
}
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:700
}
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:400;
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:400;
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:700
}
h1 {
margin-top:20px;
font-size:38px;
line-height:44px
}
h2 {
margin-top:20px;
font-size:32px;
line-height:36px
}
h3 {
margin-top:20px;
font-size:24px;
line-height:30px
}
h4 {
margin-top:10px;
font-size:18px;
line-height:24px
}
h5 {
margin-top:10px;
font-size:14px;
line-height:20px
}
h6 {
margin-top:10px;
font-size:12px;
line-height:18px
}
p {
margin-top:0;
margin-bottom:10px
}
blockquote {
border-left:5px solid #e2e2e2;
margin:0 0 10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure {
margin:0 0 10px
}
ul,ol {
margin-top:0;
margin-bottom:10px;
padding-left:40px
}
.w-list-unstyled {
padding-left:0;
list-style:none
}
.w-embed:before,.w-embed:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-embed:after {
clear:both
}
.w-video {
width:100%;
padding:0;
position:relative
}
.w-video iframe,.w-video object,.w-video embed {
border:none;
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
fieldset {
border:0;
margin:0;
padding:0
}
button,[type=button],[type=reset] {
cursor:pointer;
-webkit-appearance:button;
border:0
}
.w-form {
margin:0 0 15px
}
.w-form-done {
text-align:center;
background-color:#ddd;
padding:20px;
display:none
}
.w-form-fail {
background-color:#ffdede;
margin-top:10px;
padding:10px;
display:none
}
label {
margin-bottom:5px;
font-weight:700;
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:400;
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:400;
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:400;
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:400;
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:'Aesthet Nova',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:50%;
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:translate(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:translateY(-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
}
.funnelz-richtext:before,.funnelz-richtext:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.funnelz-richtext:after {
clear:both
}
.funnelz-richtext[contenteditable=true]:before,.funnelz-richtext[contenteditable=true]:after {
white-space:initial
}
.funnelz-richtext ol,.funnelz-richtext ul {
overflow:hidden
}
.funnelz-richtext .funnelz-richtext-figure-selected.funnelz-richtext-figure-type-video div:after,.funnelz-richtext .funnelz-richtext-figure-selected[data-rt-type=video] div:after,.funnelz-richtext .funnelz-richtext-figure-selected.funnelz-richtext-figure-type-image div,.funnelz-richtext .funnelz-richtext-figure-selected[data-rt-type=image] div {
outline:2px solid #2895f7
}
.funnelz-richtext figure.funnelz-richtext-figure-type-video>div:after,.funnelz-richtext figure[data-rt-type=video]>div:after {
content:"";
display:none;
position:absolute;
inset:0
}
.funnelz-richtext figure {
max-width:60%;
position:relative
}
.funnelz-richtext figure>div:before {
cursor:default!important
}
.funnelz-richtext figure img {
width:100%
}
.funnelz-richtext figure figcaption.funnelz-richtext-figcaption-placeholder {
opacity:.6
}
.funnelz-richtext figure div {
color:#0000;
font-size:0
}
.funnelz-richtext figure.funnelz-richtext-figure-type-image,.funnelz-richtext figure[data-rt-type=image] {
display:table
}
.funnelz-richtext figure.funnelz-richtext-figure-type-image>div,.funnelz-richtext figure[data-rt-type=image]>div {
display:inline-block
}
.funnelz-richtext figure.funnelz-richtext-figure-type-image>figcaption,.funnelz-richtext figure[data-rt-type=image]>figcaption {
caption-side:bottom;
display:table-caption
}
.funnelz-richtext figure.funnelz-richtext-figure-type-video,.funnelz-richtext figure[data-rt-type=video] {
width:60%;
height:0
}
.funnelz-richtext figure.funnelz-richtext-figure-type-video iframe,.funnelz-richtext figure[data-rt-type=video] iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.funnelz-richtext figure.funnelz-richtext-figure-type-video>div,.funnelz-richtext figure[data-rt-type=video]>div {
width:100%
}
.funnelz-richtext figure.funnelz-richtext-align-center {
clear:both;
margin-left:auto;
margin-right:auto
}
.funnelz-richtext figure.funnelz-richtext-align-center.funnelz-richtext-figure-type-image>div,.funnelz-richtext figure.funnelz-richtext-align-center[data-rt-type=image]>div {
max-width:100%
}
.funnelz-richtext figure.funnelz-richtext-align-normal {
clear:both
}
.funnelz-richtext figure.funnelz-richtext-align-fullwidth {
text-align:center;
clear:both;
width:100%;
max-width:100%;
margin-left:auto;
margin-right:auto;
display:block
}
.funnelz-richtext figure.funnelz-richtext-align-fullwidth>div {
padding-bottom:inherit;
display:inline-block
}
.funnelz-richtext figure.funnelz-richtext-align-fullwidth>figcaption {
display:block
}
.funnelz-richtext figure.funnelz-richtext-align-floatleft {
float:left;
clear:none;
margin-right:15px
}
.funnelz-richtext figure.funnelz-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-pane.w--current {
display:block;
opacity:0;
transform:translateY(10px);
animation:fadeInUp 0.3s ease forwards
}
@keyframes fadeInUp {
to {
opacity:1;
transform:translateY(0)
}
}
.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)
}
to {
transform:rotate(360deg)
}
}
.w-dyn-empty {
background-color:#ddd;
padding:10px
}
.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible {
display:none!important
}
.wf-layout-layout {
display:grid
}
@font-face {
font-family:'Neue Montreal';
src:url(https://cdn.shopify.com/s/files/1/0665/3404/7973/files/NeueMontreal-Medium_4d6fa508-20ee-42d2-870b-a8f7fa929dea.woff2)format("woff2");
font-weight:400 700;
font-style:normal;
font-display:swap
}
@font-face {
font-family:Inter Var;
src:url(https://cdn.shopify.com/s/files/1/0665/3404/7973/files/Inter_Var.woff2)format("woff2");
font-weight:100 900;
font-style:normal;
font-display:swap
}
@font-face {
font-family:Jetbrains Mono;
src:url(https://cdn.shopify.com/s/files/1/0665/3404/7973/files/Jetbrains_Mono.woff2)format("woff2");
font-weight:400;
font-style:normal;
font-display:swap
}
@font-face {
font-family:Family;
src:url(https://cdn.shopify.com/s/files/1/0665/3404/7973/files/Family.woff2)format("woff2");
font-weight:400;
font-style:normal;
font-display:swap
}
@font-face {
font-family:Family;
src:url(https://cdn.shopify.com/s/files/1/0665/3404/7973/files/Family_bold.woff2)format("woff2");
font-weight:700;
font-style:normal;
font-display:swap
}
:root {
--_typography---paragraph-body--font:var(--_typography---fonts--primary-font);
--colors-black--1000:#240029;
--_typography---paragraph-body--font-size:1rem;
--_typography---paragraph-body--line-height:1.5;
--_typography---paragraph-body--font-weight:var(--_typography---font-weight--regular);
--_typography---paragraph-body--letter-spacing:-.01em;
--_typography---h1--bottom-margin:.25em;
--_typography---h1--font:var(--_typography---fonts--heading-font);
--_typography---h1--font-size:clamp(var(--_typography---h1--min-font-size)*1rem,((var(--_typography---h1--min-font-size) - ((var(--_typography---h1--max-font-size) - var(--_typography---h1--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---h1--max-font-size) - var(--_typography---h1--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---h1--max-font-size)*1rem);
--_typography---h1--line-height:1;
--_typography---h1--font-weight:var(--_typography---font-weight--black);
--_typography---h1--letter-spacing:-.02em;
--_typography---h2--bottom-margin:.25em;
--_typography---h2--font:var(--_typography---fonts--heading-font);
--_typography---h2--font-size:clamp(var(--_typography---h2--min-font-size)*1rem,((var(--_typography---h2--min-font-size) - ((var(--_typography---h2--max-font-size) - var(--_typography---h2--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---h2--max-font-size) - var(--_typography---h2--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---h2--max-font-size)*1rem);
--_typography---h2--line-height:1.1;
--_typography---h2--font-weight:var(--_typography---font-weight--black);
--_typography---h2--letter-spacing:-.02em;
--_typography---h3--bottom-margin:.5em;
--_typography---h3--font:var(--_typography---fonts--heading-font);
--_typography---h3--font-size:clamp(var(--_typography---h3--min-font-size)*1rem,((var(--_typography---h3--min-font-size) - ((var(--_typography---h3--max-font-size) - var(--_typography---h3--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---h3--max-font-size) - var(--_typography---h3--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---h3--max-font-size)*1rem);
--_typography---h3--line-height:1.2;
--_typography---h3--font-weight:var(--_typography---font-weight--black);
--_typography---h3--letter-spacing:-.02em;
--_typography---h4--bottom-margin:.5em;
--_typography---h4--font:var(--_typography---fonts--primary-font);
--_typography---h4--font-size:clamp(var(--_typography---h4--min-font-size)*1rem,((var(--_typography---h4--min-font-size) - ((var(--_typography---h4--max-font-size) - var(--_typography---h4--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---h4--max-font-size) - var(--_typography---h4--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---h4--max-font-size)*1rem);
--_typography---h4--line-height:1.4;
--_typography---h4--font-weight:var(--_typography---font-weight--medium);
--_typography---h4--letter-spacing:-.02em;
--_typography---paragraph-body--bottom-margin:1em;
--colors-page-wrapper--text:var(--colors-black--1000);
--colors-general--primary:#df37a7;
--colors-general--secondary:#df37a7;
--colors-general--secondary-dark:#d4349e;
--_theme---button--bg-hover:var(--colors-general--secondary-dark);
--shadow-color: 293deg 100% 7%;
--shadow-sm: 0 0 0 1px hsl(293deg 100% 7% / 0.11);
--shadow-sm-inset: inset 0 0 0 1px hsl(293deg 100% 7% / 0.11);
--shadow-md: 0 0 0 1px hsl(293deg 100% 7% / 0.11), 0 2px 2px 0 hsl(293deg 100% 7% / 0.05);
--shadow-input: 0 1px 2px 0 hsl(293deg 100% 7% / 0.05);
--shadow-card: 0 0 0 1px #2900291c, 0 2px 2px 0 hsl(293deg 100% 7% / 0.05);
--drop-shadow-card: drop-shadow(0 0 1px #2900291c) drop-shadow(0 2px 2px hsl(293deg 100% 7% / 0.11));
--shadow-card-hover: 0 0 0 1px #29002952, 0 2px 2px 0 hsl(293deg 100% 7% / 0.05);
--shadow-overlay: 0px 0px 0px 1px hsl(293deg 100% 7% / 0.11), 0px 1px 1.5px 0px hsl(293deg 100% 7% / 0.01), 0px 2px 3px 0px hsl(293deg 100% 7% / 0.02), 0px 4px 6px 0px hsl(293deg 100% 7% / 0.03), 0px 8px 12px 0px hsl(293deg 100% 7% / 0.04), 0px 16px 24px 0px hsl(293deg 100% 7% / 0.05), 0px 24px 36px 0px hsl(293deg 100% 7% / 0.06), 0px 36px 54px 0px hsl(293deg 100% 7% / 0.07), 0px 54px 81px 0px hsl(293deg 100% 7% / 0.08);
--shadow-highlight: 0px 1px 1.5px 0px hsl(293deg 100% 7% / 0.01), 0px 2px 3px 0px hsl(293deg 100% 7% / 0.02), 0px 4px 6px 0px hsl(293deg 100% 7% / 0.03), 0px 8px 12px 0px hsl(293deg 100% 7% / 0.04), 0px 16px 24px 0px hsl(293deg 100% 7% / 0.05), 0px 24px 36px 0px hsl(293deg 100% 7% / 0.06), 0px 36px 54px 0px hsl(293deg 100% 7% / 0.07), 0px 54px 81px 0px hsl(293deg 100% 7% / 0.08);
--shadow-btn: 0 1px 2px hsl(293deg 100% 7% / 0.05), inset 0 10px 24px -10px hsl(0deg 0% 100% / 0.4);
--shadow-app-icon: inset 0 6px 12px hsl(0deg 0% 100% / 0.2), inset 0 1px 1px hsl(0deg 0% 100% / 0.4);
--gradient-1: linear-gradient(145deg, hsl(340deg 100% 87%), hsl(47deg 100% 87%) 40%, hsl(47deg 100% 87%) 60%, hsl(47deg 100% 53%));
--gradient-2: linear-gradient(135deg, hsl(47deg 100% 53%), hsl(350deg 100% 73%));
--gradient-3: linear-gradient(145deg, hsl(47deg 100% 87%), var(--colors-black--100) 30%);
--gradient-4: linear-gradient(180deg, transparent 30%, var(--colors-black--300));
--gradient-webflow: linear-gradient(145deg, hsl(216deg 92% 52%), hsl(216deg 92% 92%) 50%);
--btn-gradient: radial-gradient(100% 100% at 100% 0%, rgba(255, 255, 255, 0.37) 0%, rgba(255, 255, 255, 0) 100%);
--_responsive---type-h4--font-size-md\:1.25rem;
--_responsive---type-h4--font-size-sm\:1.25rem;
--_responsive---type-h4--font-size-xs\:1.25rem;
--_responsive---padding--section-padding-lg:var(--_layout---spacing-rem--6rem);
--_responsive---padding--section-padding-md:var(--_layout---spacing-rem--5rem);
--_responsive---padding--section-padding-sm:var(--_layout---spacing-rem--4rem);
--_responsive---padding--section-padding-xs:var(--_layout---spacing-rem--3rem);
--_responsive---padding--section-compact-padding-lg:var(--_layout---spacing-rem--3rem);
--_responsive---padding--section-compact-padding-md:var(--_layout---spacing-rem--3rem);
--_responsive---padding--section-compact-padding-sm:var(--_layout---spacing-rem--1-5rem);
--_responsive---padding--section-compact-padding-xs:var(--_layout---spacing-rem--1-5rem);
--radius--x-large:2rem;
--_layout---container--width:88%;
--_layout---container--max-width:calc(var(--_layout---fluid--max)*1rem);
--_layout---container--max-width-sm:calc(var(--_layout---container--max-width)*.6);
--_layout---container--max-width-lg:calc(var(--_layout---container--max-width)*1.2);
--_layout---grid--gap:32px;
--component-button--vertical-padding:.5rem;
--component-button--horizontal-padding:1.25rem;
--component-button--flex-gap:.5rem;
--component-button--border-color:var(--colors-black--300);
--component-button--border-radius:var(--radius--small-plus);
--component-button--font:var(--_typography---fonts--primary-font);
--component-button--font-size:var(--_typography---paragraph-body--font-size);
--component-button--line-height\:var(--_typography---paragraph-body--line-height\);
--component-button--letter-spacing:-.01em;
--colors-general--primary-light:#f06dd0;
--component-button--bg-color-secondary:var(--colors-white--1000);
--colors-black--100:#2900290d;
--colors-white--1000:white;
--component-button--vertical-padding-small:.25rem;
--component-button--horizontal-padding-small:.75rem;
--component-button--flex-gap-small:.25rem;
--_typography---paragraph-sm--font-size:.875rem;
--colors-black--900:#290029f2;
--colors-general--transparent:transparent;
--colors-page-wrapper--text-muted:var(--colors-black--600);
--radius--round:999px;
--embed-primatives--pink:#c08;
--colors-general--border:var(--colors-black--200);
--component-card--border-radius:var(--radius--medium);
--colors-page-wrapper--background:var(--colors-white--1000);
--component-card--border-color:var(--colors-black--200);
--component-card--card-body-padding-lg:24px;
--component-card--card-body-padding-sm:20px;
--component-input--bottom-margin:1rem;
--component-input--border-color:var(--colors-black--300);
--component-input--border-radius:var(--radius--small-plus);
--component-input--font:var(--_typography---fonts--primary-font);
--component-input--font-size:.875rem;
--component-input--line-height:1.5em;
--component-input--letter-spacing:-.01em;
--colors-black--500:#29002980;
--component-input-label--bottom-margin:.5rem;
--component-input-label--font:var(--_typography---fonts--primary-font);
--component-input-label--font-size:.875rem;
--component-input-label--line-height:1.5em;
--component-input-label--letter-spacing:-.01em;
--_layout---spacing-rem--0-5rem:.5rem;
--colors-black--200:#2900291c;
--colors-black--300:#29002933;
--_typography---eyebrow--bottom-margin:1rem;
--_typography---eyebrow--font:var(--_typography---fonts--mono-font);
--_typography---eyebrow--color:var(--colors-page-wrapper--text-muted);
--_typography---eyebrow--eyebrow:1rem;
--_typography---eyebrow--line-height\:1.2em;
--_typography---paragraph-sm--letter-spacing\:-.01em;
--_typography---paragraph-body--line-height\:1.5em;
--_typography---paragraph-xs--font-size:.75rem;
--_typography---paragraph-xs--letter-spacing\:-.01em;
--_typography---paragraph-xxs--font-size:.625rem;
--_typography---paragraph-xl--font:var(--_typography---fonts--primary-font);
--_typography---paragraph-lg--font-size:clamp(var(--_typography---paragraph-lg--min-font-size)*1rem,((var(--_typography---paragraph-lg--min-font-size) - ((var(--_typography---paragraph-lg--max-font-size) - var(--_typography---paragraph-lg--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---paragraph-lg--max-font-size) - var(--_typography---paragraph-lg--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---paragraph-lg--max-font-size)*1rem);
--_typography---paragraph-lg--line-height:1.4;
--_typography---paragraph-lg--font-weight:var(--_typography---font-weight--medium);
--_typography---paragraph-xl--font-size:clamp(var(--_typography---paragraph-xl--min-font-size)*1rem,((var(--_typography---paragraph-xl--min-font-size) - ((var(--_typography---paragraph-xl--max-font-size) - var(--_typography---paragraph-xl--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---paragraph-xl--max-font-size) - var(--_typography---paragraph-xl--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---paragraph-xl--max-font-size)*1rem);
--_typography---paragraph-xl--line-height:1.4;
--_typography---paragraph-xl--font-weight:var(--_typography---font-weight--medium);
--colors-page-wrapper--background-secondary:var(--colors-black--100);
--_layout---spacing-rem--2rem:2rem;
--_layout---spacing-rem--1rem:1rem;
--_layout---spacing-rem--3rem:3rem;
--_layout---spacing-rem--1-5rem:1.5rem;
--_responsive---type-paragraph-1-25--font-size-md\:1.25rem;
--_responsive---type-paragraph-1-25--font-size-sm\:1rem;
--_responsive---type-paragraph-1-25--font-size-xs\:1rem;
--radius--small-plus:.5rem;
--_typography---paragraph-xl--line-height\:1.4em;
--_layout---spacing-em--1em:1em;
--_responsive---type-paragraph-0-875--font-size-md\:.875rem;
--_responsive---type-paragraph-0-875--font-size-sm\:.875rem;
--_responsive---type-paragraph-0-875--font-size-xs\:.875rem;
--radius--medium:.875rem;
--component-navbar--background-color:#fff3;
--component-button--font-weight:var(--_typography---font-weight--medium);
--_typography---paragraph-sm--line-height\:1.5em;
--_layout---spacing-rem--0-75rem:.75rem;
--radius--large:1.375rem;
--_layout---spacing-rem--0-25rem:.25rem;
--component-card--border-radius-outer:var(--radius--large);
--colors-black--50:#29002905;
--_typography---paragraph-longform--font:var(--_typography---fonts--longform-font);
--_typography---paragraph-longform--font-size:clamp(var(--_typography---paragraph-longform--min-font-size)*1rem,((var(--_typography---paragraph-longform--min-font-size) - ((var(--_typography---paragraph-longform--max-font-size) - var(--_typography---paragraph-longform--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min))*var(--_layout---fluid--min)))*1rem + ((var(--_typography---paragraph-longform--max-font-size) - var(--_typography---paragraph-longform--min-font-size))/(var(--_layout---fluid--max) - var(--_layout---fluid--min)))*100vw),var(--_typography---paragraph-longform--max-font-size)*1rem);
--_typography---paragraph-longform--line-height:1.5;
--_typography---paragraph-longform--letter-spacing:-.0015em;
--_typography---font-weight--black:700;
--radius--small:.375rem;
--embed-fonts--heading-font:var(--embed-primatives--heading-font-1);
--_typography---h3--line-height\:1.2em;
--embed-primatives--heading-font-1:'RelativeFaux',Arial,sans-serif;
--embed-primatives--heading-font-2:Fraunces,sans-serif;
--embed-primatives--heading-font-3:"Chakra Petch",sans-serif;
--embed-primatives--heading-font-4:"Inter Var",Arial,sans-serif;
--colors-page-wrapper--background-tertiary:var(--colors-black--50);
--colors-white--500:#ffffff80;
--colors-white--300:#fff3;
--component-navbar--padding-top:1.5rem;
--component-navbar--padding-top-xs:1rem;
--colors-page-wrapper--text-disabled:#baadba;
--colors-black--400:#29002952;
--accessible-components--dark-grey\:#9b9b9b;
--_typography---mono--font:var(--_typography---fonts--mono-font);
--_typography---mono--font-weight:400;
--_typography---mono--letter-spacing:.04em;
--_typography---fonts--mono-font:"Jetbrains Mono",Arial,sans-serif;
--colors-general--success:#22c55e;
--colors-general--error:#ef4444;
--colors-general--secondary:#ff4281;
--_layout---spacing-rem--1-25rem:1.25rem;
--_typography---fonts--primary-font:"Inter Var",Arial,sans-serif;
--_typography---fonts--heading-font:'Kaio',Arial,sans-serif;
--_typography---fonts--longform-font:Family,Georgia,sans-serif;
--_typography---h1--max-font-size:5.5;
--_typography---h1--min-font-size:2.5;
--_typography---h2--max-font-size:3.75;
--_typography---h2--min-font-size:2;
--_typography---h3--max-font-size:2.25;
--_typography---h3--min-font-size:1.5;
--_typography---h4--max-font-size:1.75;
--_typography---h4--min-font-size:1.25;
--_typography---paragraph-xl--max-font-size:1.5;
--_typography---paragraph-xl--min-font-size:1.2;
--_typography---paragraph-lg--font:var(--_typography---fonts--primary-font);
--_typography---paragraph-lg--max-font-size:1.25;
--_typography---paragraph-lg--min-font-size:1.1;
--_typography---eyebrow--line-height:1.2;
--_typography---eyebrow--letter-spacing:.1em;
--embed-primatives--inter-var:"Inter Var",Arial,sans-serif;
--embed-fonts--body-font:var(--embed-primatives--inter-var);
--_typography---paragraph-longform--max-font-size:1.75;
--_typography---paragraph-longform--min-font-size:1.25;
--_typography---paragraph-longform--bottom-margin:1em;
--colors-black--950:#290029fa;
--colors-black--800:#290029e3;
--colors-black--700:#290029cc;
--colors-black--600:#290029ad;
--colors-general--primary-dark:#c45500;
--colors-general--purple:#9333ea;
--colors-general--purple-light:#a855f7;
--colors-white--950:#fffffffa;
--colors-white--900:#fffffff2;
--colors-white--800:#ffffffe3;
--colors-white--700:#fffc;
--colors-white--600:#ffffffad;
--colors-white--400:#ffffff52;
--colors-white--200:#ffffff1c;
--colors-white--100:#ffffff0d;
--colors-white--50:#ffffff05;
--component-input--font-weight:var(--_typography---type-weight--400\);
--component-input-label--font-weight:var(--_typography---type-weight--500\);
--_layout---fluid--max:80;
--_layout---fluid--min:20;
--_layout---spacing-em--0-5em:.5em;
--_layout---spacing-em--2em:2em;
--_layout---spacing-em--3em:3em;
--_layout---spacing-em--1-5em:1.5em;
--_layout---spacing-rem--4rem:4rem;
--_layout---spacing-rem--5rem:5rem;
--_layout---spacing-rem--6rem:6rem;
--_layout---spacing-rem--7rem:7rem;
--_layout---spacing-rem--8rem:8rem;
--_typography---font-weight--regular:400;
--_typography---font-weight--medium:500;
--_typography---type-weight--400\:0px;
--_typography---type-weight--500\:0px
}
.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-form-formrecaptcha {
margin-bottom:8px
}
.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-page-count {
text-align:center;
width:100%;
margin-top:20px
}
.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-layout-blockcontainer {
max-width:940px;
margin-left:auto;
margin-right:auto;
display:block
}
.w-embed-youtubevideo {
background-image:url(https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg);
background-position:50%;
background-size:cover;
width:100%;
padding-bottom:0;
padding-left:0;
padding-right:0;
position:relative
}
.w-embed-youtubevideo:empty {
min-height:75px;
padding-bottom:56.25%
}
@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 {
font-family:var(--_typography---paragraph-body--font);
color:var(--colors-black--1000);
font-size:var(--_typography---paragraph-body--font-size);
line-height:var(--_typography---paragraph-body--line-height);
font-weight:var(--_typography---paragraph-body--font-weight);
letter-spacing:var(--_typography---paragraph-body--letter-spacing);
--_responsive---type-h4--font-size-md\:1.25rem;
--_responsive---type-h4--font-size-sm\:1.25rem;
--_responsive---type-h4--font-size-xs\:1.25rem;
--_responsive---padding--section-padding-lg:var(--_layout---spacing-rem--6rem);
--_responsive---padding--section-padding-md:var(--_layout---spacing-rem--5rem);
--_responsive---padding--section-padding-sm:var(--_layout---spacing-rem--4rem);
--_responsive---padding--section-padding-xs:var(--_layout---spacing-rem--3rem);
--_responsive---padding--section-compact-padding-lg:var(--_layout---spacing-rem--3rem);
--_responsive---padding--section-compact-padding-md:var(--_layout---spacing-rem--3rem);
--_responsive---padding--section-compact-padding-sm:var(--_layout---spacing-rem--1-5rem);
--_responsive---padding--section-compact-padding-xs:var(--_layout---spacing-rem--1-5rem);
--_responsive---type-paragraph-1-25--font-size-md\:1.25rem;
--_responsive---type-paragraph-1-25--font-size-sm\:1rem;
--_responsive---type-paragraph-1-25--font-size-xs\:1rem;
--_responsive---type-paragraph-0-875--font-size-md\:.875rem;
--_responsive---type-paragraph-0-875--font-size-sm\:.875rem;
--_responsive---type-paragraph-0-875--font-size-xs\:.875rem
}
h1 {
margin-top:0;
margin-bottom:var(--_typography---h1--bottom-margin);
font-family:var(--_typography---h1--font);
font-size:var(--_typography---h1--font-size);
line-height:var(--_typography---h1--line-height);
font-weight:var(--_typography---h1--font-weight);
letter-spacing:var(--_typography---h1--letter-spacing)
}
h2 {
margin-top:0;
margin-bottom:var(--_typography---h2--bottom-margin);
font-family:var(--_typography---h2--font);
font-size:var(--_typography---h2--font-size);
line-height:var(--_typography---h2--line-height);
font-weight:var(--_typography---h2--font-weight);
letter-spacing:var(--_typography---h2--letter-spacing)
}
h3 {
margin-top:0;
margin-bottom:var(--_typography---h3--bottom-margin);
font-family:var(--_typography---h3--font);
font-size:var(--_typography---h3--font-size);
line-height:var(--_typography---h3--line-height);
font-weight:var(--_typography---h3--font-weight);
letter-spacing:var(--_typography---h3--letter-spacing)
}
h4 {
margin-top:0;
margin-bottom:var(--_typography---h4--bottom-margin);
font-family:var(--_typography---h4--font);
font-size:var(--_typography---h4--font-size);
line-height:var(--_typography---h4--line-height);
font-weight:var(--_typography---h4--font-weight);
letter-spacing:var(--_typography---h4--letter-spacing)
}
p {
margin-bottom:var(--_typography---paragraph-body--bottom-margin)
}
a {
color:var(--colors-page-wrapper--text);
text-underline-offset:3px;
text-decoration:none;
text-decoration-thickness:2px;
-webkit-text-decoration-color:var(--colors-black--300);
text-decoration-color:var(--colors-black--300);
transition-property:text-decoration-color,color;
transition-duration:.2s,.2s;
transition-timing-function:ease-in-out,ease-in-out
}
a:hover {
text-decoration:none
}
a:focus-visible,a[data-wf-focus-visible] {
outline-color:var(--colors-general--primary);
outline-offset:2px;
outline-width:2px;
outline-style:solid
}
ul,ol {
margin-top:0;
margin-bottom:1em;
padding-left:1.5em
}
li {
margin-bottom:.25em
}
img {
max-width:100%;
display:inline-block
}
label {
margin-bottom:5px;
display:block
}
strong {
color:var(--colors-page-wrapper--text);
font-weight:500
}
blockquote {
border-left:5px solid #e2e2e2;
margin-bottom:10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure {
margin-bottom:0
}
figcaption {
text-align:center;
margin-top:5px
}
.h1 {
margin-top:0;
margin-bottom:var(--_typography---h1--bottom-margin);
font-family:var(--_typography---h1--font);
font-size:var(--_typography---h1--font-size);
line-height:var(--_typography---h1--line-height);
font-weight:var(--_typography---h1--font-weight);
letter-spacing:var(--_typography---h1--letter-spacing)
}
.h2 {
margin-top:0;
margin-bottom:var(--_typography---h2--bottom-margin);
font-family:var(--_typography---h2--font);
font-size:var(--_typography---h2--font-size);
line-height:var(--_typography---h2--line-height);
font-weight:var(--_typography---h2--font-weight);
letter-spacing:var(--_typography---h2--letter-spacing)
}
.h3 {
margin-top:0;
margin-bottom:var(--_typography---h3--bottom-margin);
font-family:var(--_typography---h3--font);
font-size:var(--_typography---h3--font-size);
line-height:var(--_typography---h3--line-height);
font-weight:var(--_typography---h3--font-weight);
letter-spacing:var(--_typography---h3--letter-spacing)
}
.h4 {
margin-top:0;
margin-bottom:var(--_typography---h4--bottom-margin);
font-family:var(--_typography---h4--font);
font-size:var(--_typography---h4--font-size);
line-height:var(--_typography---h4--line-height);
font-weight:var(--_typography---h4--font-weight);
letter-spacing:var(--_typography---h4--letter-spacing)
}
.section {
padding-top:var(--_responsive---padding--section-padding-lg);
padding-bottom:var(--_responsive---padding--section-padding-lg);
text-align:left;
position:relative
}
.section.cc-compact {
padding-top:var(--_responsive---padding--section-compact-padding-lg);
padding-bottom:var(--_responsive---padding--section-compact-padding-lg)
}
.section.cc-inset {
border-radius:var(--radius--x-large);
margin-left:.5rem;
margin-right:.5rem;
overflow:clip
}
.section.cc-hero {
padding-top:7.5rem
}
.section.cc-hero-lg {
padding-top:10.5rem
}
.section.cc-minh-100vh {
flex-flow:column;
justify-content:center;
align-items:center;
min-height:100vh;
display:flex
}
.section.cc-h-100vh {
flex-flow:column;
justify-content:center;
align-items:center;
height:100vh;
display:flex;
overflow:scroll
}
.container {
z-index:1;
width:var(--_layout---container--width);
max-width:var(--_layout---container--max-width);
flex-flow:column;
margin-left:auto;
margin-right:auto;
display:block;
position:relative
}
.container.cc-lg {
max-width: var(--_layout---container--max-width-lg);
}
.container.cc-sm {
max-width:var(--_layout---container--max-width-sm)
}
.row {
grid-row-gap:var(--_layout---grid--gap);
margin-left:calc(var(--_layout---grid--gap)/2*-1);
margin-right:calc(var(--_layout---grid--gap)/2*-1);
flex-wrap:wrap;
align-content:stretch;
display:flex
}
.row.row-justify-end {
justify-content:flex-end
}
.row.row-justify-between {
justify-content:space-between
}
.row.row-align-end {
align-items:flex-end
}
.row.row-justify-center {
justify-content:center
}
.row.row-align-center {
align-items:center
}
.row.row-justify-around {
justify-content:space-around
}
.row.row-no-gutters {
grid-row-gap:0px;
margin-left:0;
margin-right:0
}
.row.row-sm-gutters {
margin-left:calc(var(--_layout---grid--gap)/4*-1);
margin-right:calc(var(--_layout---grid--gap)/4*-1);
grid-row-gap:calc(var(--_layout---grid--gap)/2)
}
.row.row-no-h-gutters {
margin-left:0;
margin-right:0
}
.row.row-xs-gutters {
grid-row-gap:calc(var(--_layout---grid--gap)/4);
margin-left:calc(var(--_layout---grid--gap)/8*-1);
margin-right:calc(var(--_layout---grid--gap)/8*-1)
}
.row.row-lg-gutters {
margin-left:calc(var(--_layout---grid--gap)*-1);
margin-right:calc(var(--_layout---grid--gap)*-1);
grid-row-gap:calc(var(--_layout---grid--gap)*2)
}
.col {
padding-left:calc(var(--_layout---grid--gap)/2);
padding-right:calc(var(--_layout---grid--gap)/2);
flex:1
}
.col.col-lg-3 {
flex-basis:25%;
max-width:25%
}
.col.col-lg-6 {
flex-basis:50%;
max-width:50%
}
.col.col-lg-7 {
flex-basis:58.33%;
max-width:58.3333%
}
.col.col-lg-2 {
flex-basis:16.67%;
max-width:16.6667%
}
.col.col-lg-5 {
flex-basis:45%;
max-width:45%
}
.col.col-no-gutters {
padding-left:0;
padding-right:0
}
.col.col-lg-9 {
flex-basis:75%;
max-width:75%
}
.col.col-lg-12 {
flex-basis:100%;
max-width:100%
}
.col.col-lg-11 {
flex-basis:91.67%;
max-width:91.6667%
}
.col.col-lg-8 {
flex-basis:66.67%;
max-width:66.6667%
}
/* ========================================
STYLES MIGRÉS DEPUIS INDEX.HTML
======================================== */
/* Kaio Font */
@font-face {
font-family: 'Kaio';
src: url('https://cdn.shopify.com/s/files/1/0665/3404/7973/files/Kaio.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Gradient Animation */
@property --gradient-angle {
syntax: "";
initial-value: 145deg;
inherits: false;
}
@keyframes gradientRotate {
0% { --gradient-angle: 0deg; }
100% { --gradient-angle: 360deg; }
}
.gradient-animated-block {
background: linear-gradient(var(--gradient-angle), hsl(340deg 100% 87%), hsl(47deg 100% 87%) 40%, hsl(47deg 100% 87%) 60%, hsl(47deg 100% 53%));
animation: gradientRotate 8s linear infinite;
}
/* Pricing Cards */
.pricing-card-wrapper {
position: relative;
padding: 0 !important;
}
.pricing-card-wrapper.cc-featured {
z-index: 2;
}
.pricing-card-wrapper.cc-featured .card {
box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}
.pricing-card-wrapper:not(.cc-featured) {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.pricing-label-bar {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border-top-left-radius: var(--component-card--border-radius);
border-top-right-radius: var(--component-card--border-radius);
background-color: var(--colors-page-wrapper--background-secondary);
font-size: .75rem;
line-height: 1.5;
font-weight: var(--type-weight--600);
justify-content: center;
align-items: center;
height: 2rem;
display: flex;
}
.pricing-label-bar svg {
color: var(--colors-general--text);
}
/* Mobile: full border-radius on all cards */
@media (max-width: 991px) {
.pricing-card-wrapper .card {
border-radius: var(--component-card--border-radius, 1rem) !important;
border: 1px solid var(--colors-general--border) !important;
}
.pricing-card-wrapper:not(.cc-featured) {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 1rem;
}
}
/* Mobile navbar: logo left + CTA right only */
@media (max-width: 991px) {
.navbar_menu,
.context-menu {
display: none !important;
}
.navbar_wrapper {
justify-content: space-between;
align-items: center;
}
.navbar_button-wrapper {
display: flex;
}
}
.col.col-lg-4 {
flex-basis:33.33%;
max-width:33.3333%
}
.col.col-lg-10 {
flex-basis:83.33%;
max-width:83.3333%
}
.col.col-lg-1 {
flex-basis:8.33%;
max-width:8.33333%
}
.col.col-shrink {
flex:0 auto
}
.col.col-lg-first {
order:-1
}
.col.col-lg-last {
order:1
}
.col.col-grow {
flex:1
}
.btn {
padding-top:var(--component-button--vertical-padding);
padding-right:var(--component-button--horizontal-padding);
padding-bottom:var(--component-button--vertical-padding);
padding-left:var(--component-button--horizontal-padding);
grid-column-gap:var(--component-button--flex-gap);
grid-row-gap:var(--component-button--flex-gap);
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--component-button--border-color);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--component-button--border-color);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--component-button--border-color);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--component-button--border-color);
border-top-left-radius:var(--component-button--border-radius);
border-top-right-radius:var(--component-button--border-radius);
border-bottom-left-radius:var(--component-button--border-radius);
border-bottom-right-radius:var(--component-button--border-radius);
background-color:var(--colors-general--primary);
font-family:var(--component-button--font);
color:var(--colors-white--1000);
font-size:var(--component-button--font-size);
line-height:var(--component-button--line-height\);
letter-spacing:var(--component-button--letter-spacing);
white-space:nowrap;
cursor:pointer;
font-weight:var(--component-button--font-weight);
box-shadow:var(--shadow-btn);
justify-content:center;
align-items:center;
text-decoration:none;
transition-property:color,background-color;
transition-duration:.2s,.2s;
transition-timing-function:ease-in-out,ease-in-out;
display:inline-flex;
position:relative
}
.btn:hover {
background-color:var(--_theme---button--bg-hover);
background-image:none
}
.btn.cc-light {
color:var(--colors-black--1000);
background-color:#fff
}
.btn.cc-secondary {
background-color:var(--component-button--bg-color-secondary);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
color:var(--colors-black--1000)
}
.btn.cc-secondary:hover {
background-color:var(--colors-black--100)
}
.btn.cc-secondary.cc-light {
border-color:var(--colors-white--1000);
color:var(--colors-white--1000)
}
.btn.cc-secondary.cc-light:hover {
box-shadow:inset 0 0 0 100px #ffffff26
}
.btn.cc-full {
width:100%
}
.btn.cc-small {
padding:var(--component-button--vertical-padding-small)var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap-small);
grid-row-gap:var(--component-button--flex-gap-small);
font-size:var(--_typography---paragraph-sm--font-size)
}
.btn.cc-small.cc-leading-icon {
padding-left:.5rem
}
.btn.cc-small.cc-ghost {
margin-left:calc(var(--component-button--horizontal-padding-small)*-1);
margin-right:calc(var(--component-button--horizontal-padding-small)*-1);
margin-top:calc(var(--component-button--vertical-padding-small)*-1);
margin-bottom:calc(var(--component-button--vertical-padding-small)*-1)
}
.btn.cc-dark {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000)
}
.btn.cc-dark:hover {
background-color:var(--colors-black--900)
}
.btn.cc-icon-leading {
padding-left:1rem
}
.btn.cc-icon-leading.cc-small {
padding-left:.5rem
}
.btn.cc-ghost {
padding-bottom:var(--component-button--vertical-padding);
border-top-style:none;
border-top-width:0;
border-top-color:var(--colors-general--transparent);
border-right-style:none;
border-right-width:0;
border-right-color:var(--colors-general--transparent);
border-bottom-style:none;
border-bottom-width:0;
border-bottom-color:var(--colors-general--transparent);
border-left-style:none;
border-left-width:0;
border-left-color:var(--colors-general--transparent);
background-color:var(--colors-general--transparent);
box-shadow:none;
margin-top:calc(var(--component-button--vertical-padding)*-1);
margin-bottom:calc(var(--component-button--vertical-padding)*-1);
margin-left:calc(var(--component-button--horizontal-padding)*-1);
margin-right:calc(var(--component-button--horizontal-padding)*-1)
}
.btn.cc-ghost:hover {
background-color:var(--colors-black--100)
}
.btn.cc-icon-trailing {
padding-right:1rem
}
.btn.cc-minimal {
border:0px none var(--colors-general--transparent);
background-color:var(--colors-general--transparent);
box-shadow:none;
padding:0
}
.btn.cc-minimal:hover {
color:var(--colors-page-wrapper--text-muted)
}
.btn.cc-watch-demo {
grid-column-gap:.5rem;
grid-row-gap:.5rem;
border-radius:var(--radius--round);
padding-left:.6rem;
padding-right:2rem
}
.btn.cc-icon-only {
padding-left:.5rem;
padding-right:.5rem
}
.btn.cc-medium {
padding:var(--component-button--vertical-padding)var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap-small);
grid-row-gap:var(--component-button--flex-gap-small);
font-size:var(--_typography---paragraph-sm--font-size)
}
.btn.cc-gap-0 {
grid-column-gap:0px;
grid-row-gap:0px
}
.btn.cc-tertiary {
border-color:var(--colors-general--transparent);
background-color:var(--colors-general--transparent);
box-shadow:none
}
.btn.cc-tertiary:hover {
background-color:var(--colors-black--100)
}
.btn.cc-primary-alt {
background-color:var(--embed-primatives--pink);
color:var(--colors-white--1000)
}
.card {
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-general--border);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-general--border);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-general--border);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-general--border);
border-top-left-radius:var(--component-card--border-radius);
border-top-right-radius:var(--component-card--border-radius);
border-bottom-left-radius:var(--component-card--border-radius);
border-bottom-right-radius:var(--component-card--border-radius);
background-color:var(--colors-page-wrapper--background);
isolation:isolate;
flex-direction:column;
flex:1;
justify-content:flex-start;
transition-property:box-shadow,border-color,color;
transition-duration:.2s,.2s,.2s;
transition-timing-function:ease-in-out,ease-in-out,ease-in-out;
display:flex;
position:relative;
overflow:hidden
}
.card.cc-no-radius-right {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.card.cc-no-radius-left {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.card.cc-airy {
border-style:solid none none solid;
border-width:1px 0 0 1px;
border-top-color:var(--colors-general--border);
border-left-color:var(--colors-general--border);
box-shadow:none;
border-radius:0
}
.card.cc-inside-border {
border:1px solid var(--component-card--border-color);
box-shadow:none
}
.card.cc-horizontal {
flex-flow:row
}
.card.cc-shadow {
box-shadow:var(--shadow-card);
border-style:none
}
.card-body {
padding:var(--component-card--card-body-padding-lg);
flex-flow:column;
flex:1;
display:flex;
position:relative
}
.card-body.cc-space-between {
justify-content:space-between
}
.form {
width:100%;
position:relative
}
.form_required-note {
font-size:.8rem;
position:absolute;
inset:auto 0% 0% auto
}
.form-success {
text-align:left;
background-color:#0000;
flex-flow:column;
justify-content:center;
align-items:center;
padding:0;
position:relative
}
.form-success_flex {
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
max-width:500px;
height:100%;
margin-left:auto;
margin-right:auto;
display:flex;
position:absolute;
inset:0%
}
.form-error {
color:#e31700;
background-color:#0000;
margin-top:1rem;
padding:0
}
.input-group {
margin-bottom:var(--component-input--bottom-margin);
text-align:left;
flex-direction:column;
display:block;
position:relative
}
.input-group.cc-textarea {
min-height:9rem
}
.input-group.cc-toggle {
flex-flow:row-reverse;
justify-content:flex-start;
align-items:center;
padding:0;
display:flex
}
.input {
padding-top:var(--component-button--vertical-padding);
padding-right:var(--component-button--horizontal-padding-small);
padding-bottom:var(--component-button--vertical-padding);
padding-left:var(--component-button--horizontal-padding-small);
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--component-input--border-color);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--component-input--border-color);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--component-input--border-color);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--component-input--border-color);
border-top-left-radius:var(--component-input--border-radius);
border-top-right-radius:var(--component-input--border-radius);
border-bottom-left-radius:var(--component-input--border-radius);
border-bottom-right-radius:var(--component-input--border-radius);
font-family:var(--component-input--font);
color:var(--colors-black--1000);
font-size:var(--component-input--font-size);
line-height:var(--component-input--line-height);
letter-spacing:var(--component-input--letter-spacing);
font-weight:var(--component-input--font-weight);
box-shadow:var(--shadow-input);
background-color:#0000;
height:auto;
margin-bottom:0
}
.input:focus {
border-color:var(--colors-black--1000);
outline-color:var(--colors-black--1000);
outline-offset:0px;
outline-width:1px;
outline-style:solid
}
.input::placeholder {
color:var(--colors-black--500)
}
.input.cc-select {
cursor:pointer;
-webkit-appearance:none;
appearance:none;
font-weight:var(--type-weight--500);
padding-right:3rem
}
.input.cc-light {
color:var(--colors-white--1000)
}
.input.cc-search {
padding-left:2.25rem
}
.input.cc-textarea {
resize:vertical;
min-height:12em
}
.input-label {
z-index:1;
margin-bottom:var(--component-input-label--bottom-margin);
font-family:var(--component-input-label--font);
color:var(--colors-page-wrapper--text);
font-size:var(--component-input-label--font-size);
line-height:var(--component-input-label--line-height);
letter-spacing:var(--component-input-label--letter-spacing);
font-weight:var(--component-input-label--font-weight);
border-top-right-radius:3px;
position:relative
}
.input-label.cc-static {
font-size:var(--component-input-label--font-size);
background-color:#0000;
margin-left:0;
padding-top:0;
padding-bottom:0
}
.input-label.cc-toggle {
padding:var(--component-button--vertical-padding)var(--_layout---spacing-rem--0-5rem)var(--component-button--vertical-padding)var(--component-button--horizontal-padding);
margin-bottom:0
}
.input-radio {
border-color:var(--colors-black--200);
box-shadow:inset 0 0 0 3px var(--colors-white--1000);
background-color:#0000;
width:20px;
height:20px;
margin-top:2px;
margin-left:-28px
}
.input-radio:hover {
border-color:var(--colors-general--primary);
background-color:var(--colors-black--100)
}
.input-radio.w--redirected-checked {
border-width:1px;
border-color:var(--colors-general--primary);
background-color:var(--colors-general--primary)
}
.input-radio.w--redirected-focus {
border-color:var(--colors-general--primary);
box-shadow:none;
outline-color:var(--colors-general--primary);
outline-offset:0px;
outline-width:2px;
outline-style:solid
}
.input-radio.cc-light {
box-shadow:inset 0 0 0 3px var(--colors-black--300)
}
.input-radio.cc-light:hover {
background-color:var(--colors-black--200)
}
.input-check {
border-color:var(--colors-black--200);
background-color:#0000;
width:20px;
height:20px;
margin-top:2px;
margin-left:-28px;
box-shadow:0 0 #0000
}
.input-check:hover {
border-color:var(--colors-general--primary);
background-color:var(--colors-black--100)
}
.input-check.w--redirected-checked {
border-color:var(--colors-general--primary);
background-color:var(--colors-general--primary);
background-size:16px
}
.input-check.w--redirected-focus {
border-color:var(--colors-general--primary);
box-shadow:none;
outline-color:var(--colors-general--primary);
outline-offset:0px;
outline-width:2px;
outline-style:solid
}
.input-check.cc-light:hover {
background-color:var(--colors-black--200)
}
.utility_form {
text-align:left;
flex-direction:column
}
.utility_container {
text-align:center;
flex-direction:column;
width:90%;
max-width:600px;
display:flex
}
.page-wrapper {
background-color:var(--colors-page-wrapper--background);
color:var(--colors-page-wrapper--text);
position:relative;
overflow:clip
}
.page-wrapper.cc-utility {
flex-direction:column;
justify-content:center;
align-items:center;
min-height:100vh;
display:flex
}
.styles__section-label {
border-bottom:2px solid var(--colors-black--300);
letter-spacing:0;
text-transform:none;
margin-top:6rem;
margin-bottom:2rem;
padding-bottom:8px
}
.styles__card-preview {
border-bottom:1px solid var(--colors-black--1000);
text-align:center;
justify-content:center;
align-items:center;
width:100%;
min-height:120px;
display:flex;
position:relative
}
.styles__visual-div {
text-align:center;
background-color:#0073e61a;
border:1px solid #0073e6;
border-radius:3px;
padding:16px;
position:relative
}
.styles__global-embed-code {
position:fixed;
inset:0% auto auto 0%
}
.styles__row-example {
border:1px dashed var(--colors-black--200);
height:200px;
margin-top:4px;
padding:20px
}
.styles__selector-callout {
color:#fff;
letter-spacing:.01em;
background-color:#0073e6;
border-radius:3px;
margin-top:.1em;
margin-bottom:.1em;
margin-right:.2em;
padding:.08em .6em;
font-size:.8rem;
line-height:1.7;
display:inline-block;
position:relative;
top:-1px
}
.styles__selector-callout.cc-element {
background-color:#d13591
}
.styles__utility-wrap {
margin-bottom:40px;
padding:1px
}
.styles__utility-wrap.cc-margin {
background-position:0 0;
background-size:4px
}
.styles__utility-wrap.cc-padding {
background-position:0 0;
background-size:4px
}
.styles__nav {
z-index:2;
background-color:var(--colors-black--1000);
text-transform:uppercase;
padding-top:16px;
padding-bottom:16px;
line-height:1.1;
position:sticky;
top:0
}
.styles__nav-container {
justify-content:space-between;
align-items:center;
display:flex
}
.styles__nav-link {
color:var(--colors-white--1000);
letter-spacing:.03em;
padding:.6em .8em;
font-size:.85em;
font-weight:500;
text-decoration:none;
display:inline-block
}
.styles__nav-link:hover,.styles__nav-link.w--current {
text-decoration:underline
}
.styles__nav-link.cc-cta {
background-color:var(--colors-general--primary);
border-radius:4px;
margin-left:.4em
}
.styles__nav-link.cc-cta:hover {
background-color:var(--colors-black--300);
text-decoration:none
}
.styles__nav-version {
background-color:var(--colors-general--primary);
color:var(--colors-white--1000);
text-transform:none;
border-radius:4px;
margin-left:.8em;
padding:.35em .5em .4em;
font-size:.7em;
line-height:1em;
display:inline-block
}
.styles__card {
background-color:#0073e61a;
border:1px solid #0073e6;
border-radius:8px;
overflow:hidden
}
.styles__nav-logo {
color:var(--colors-general--primary);
width:64px;
line-height:.8
}
.styles_utility-card {
background-color:#0073e61a;
border:1px solid #0073e6;
padding:20px
}
.eyebrow {
margin-bottom:var(--_typography---eyebrow--bottom-margin);
font-family:var(--_typography---eyebrow--font);
color:var(--_typography---eyebrow--color);
font-size:var(--_typography---eyebrow--eyebrow);
line-height:var(--_typography---eyebrow--line-height\);
letter-spacing:.1em;
text-transform:uppercase;
font-weight:var(--type-eyebrow--font-weight)
}
.paragraph-0-875 {
font-size:var(--_typography---paragraph-sm--font-size);
letter-spacing:var(--_typography---paragraph-sm--letter-spacing\)
}
.paragraph-body {
font-family:var(--_typography---paragraph-body--font);
font-size:var(--_typography---paragraph-body--font-size);
line-height:var(--_typography---paragraph-body--line-height\);
font-weight:var(--type-body--font-weight)
}
.paragraph-0-75 {
font-size:var(--_typography---paragraph-xs--font-size);
letter-spacing:var(--_typography---paragraph-xs--letter-spacing\)
}
.paragraph-0-625 {
font-size:var(--_typography---paragraph-xxs--font-size);
letter-spacing:var(--_typography---paragraph-xs--letter-spacing\)
}
.paragraph-1-25 {
font-family:var(--_typography---paragraph-xl--font);
font-size:var(--_typography---paragraph-lg--font-size);
line-height:var(--_typography---paragraph-lg--line-height);
font-weight:var(--_typography---paragraph-lg--font-weight)
}
.paragraph-1-5 {
font-family:var(--_typography---paragraph-xl--font);
font-size:var(--_typography---paragraph-xl--font-size);
line-height:var(--_typography---paragraph-xl--line-height);
font-weight:var(--_typography---paragraph-xl--font-weight)
}
.u-bg-primary {
background-color:var(--colors-general--primary)
}
.u-bg-black {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000)
}
.u-bg-darkgray {
background-color:var(--colors-black--300)
}
.u-bg-midgray {
background-color:var(--colors-black--200)
}
.u-bg-secondary {
background-color:var(--colors-page-wrapper--background-secondary)
}
.u-bg-white {
background-color:var(--colors-white--1000)
}
.u-text-primary {
color:var(--colors-general--primary)
}
.u-text-black {
color: white;
}
.u-text-muted {
color: var(--colors-page-wrapper--text-muted);
}
.u-text-midgray {
color:var(--colors-black--200)
}
.u-text-lightgray {
color:var(--colors-black--100)
}
.u-text-white {
color:var(--colors-white--1000)
}
.u-text-center {
text-align:center;
margin-top:0
}
.u-text-right {
text-align:right
}
.u-overflow-hidden {
overflow:hidden
}
.u-overflow-visible {
overflow:visible
}
.u-d-flex {
flex-flow:row;
align-items:flex-start;
display:flex
}
.u-d-flex.cc-align-center {
align-items:center
}
.u-d-flex.cc-justify-center {
justify-content:center
}
.u-d-flex.cc-gap-0-5 {
grid-column-gap:.5rem;
grid-row-gap:.5rem
}
.u-d-flex.cc-gap-0-75 {
grid-column-gap:.75rem;
grid-row-gap:.75rem
}
.u-d-flex.cc-gap-1 {
grid-column-gap:1rem;
grid-row-gap:1rem
}
.u-d-flex.cc-gap-0-25 {
grid-column-gap:.25rem;
grid-row-gap:.25rem
}
.u-d-flex.cc-justify-end {
justify-content:flex-end
}
.u-d-flex.cc-justify-space-between {
justify-content:space-between
}
.u-d-flex.cc-align-baseline {
align-items:baseline
}
.u-d-flex.cc-vertical {
flex-flow:column;
align-items:stretch
}
.u-d-flex.cc-vertical.cc-justify-center {
align-items:center
}
.u-d-flex.cc-wrap {
flex-flow:wrap
}
.u-d-flex.cc-gap-2 {
grid-column-gap:2rem;
grid-row-gap:2rem
}
.u-d-flex.cc-row-reverse {
flex-flow:row-reverse
}
.u-d-none {
display:none
}
.u-d-block {
display:block
}
.u-sr-only {
opacity:0;
white-space:nowrap;
border:0 solid #0000;
width:1px;
height:1px;
margin-top:-1px;
padding:0;
position:absolute;
overflow:hidden
}
.u-h-100 {
height:100%
}
.u-w-100 {
width:100%
}
.u-aspect-1x1 {
aspect-ratio:1;
width:100%;
position:relative;
overflow:hidden
}
.u-img-cover {
object-fit:cover;
width:100%;
height:100%;
position:absolute;
inset:0%
}
.u-link-cover {
width:100%;
height:100%;
position:absolute;
inset:0%
}
.u-z-index-1 {
z-index:1;
position:relative
}
.u-mt-0 {
margin-top:0
}
.u-mt-2 {
margin-top:var(--_layout---spacing-rem--2rem)
}
.u-mt-3 {
margin-top:var(--_layout---spacing-rem--3rem)
}
.u-mt-auto {
margin-top:auto
}
.u-mt-1 {
margin-top:var(--_layout---spacing-rem--1rem)
}
.u-mb-1 {
margin-bottom:var(--_layout---spacing-rem--1rem)
}
.u-mb-0 {
margin-bottom:0
}
.u-mb-2 {
margin-bottom:var(--_layout---spacing-rem--2rem)
}
.u-mb-3 {
margin-bottom:var(--_layout---spacing-rem--3rem)
}
.u-mlr-auto {
margin-left:auto;
margin-right:auto
}
.u-mr-1 {
margin-right:var(--_layout---spacing-rem--1rem)
}
.u-m-0 {
margin:0
}
.u-ml-1 {
margin-left:var(--_layout---spacing-rem--1rem)
}
.u-pb-1 {
padding-bottom:var(--_layout---spacing-rem--1rem)
}
.u-pb-3 {
padding-bottom:var(--_layout---spacing-rem--3rem)
}
.u-pb-2 {
padding-bottom:var(--_layout---spacing-rem--2rem)
}
.u-pt-1 {
padding-top:var(--_layout---spacing-rem--1rem)
}
.u-pt-2 {
padding-top:var(--_layout---spacing-rem--2rem)
}
.u-pt-3 {
padding-top:var(--_layout---spacing-rem--3rem)
}
.u-p-1 {
padding:var(--_layout---spacing-rem--1rem)
}
.u-p-0 {
padding:0
}
.u-pt-0 {
padding-top:0
}
.u-divider {
background-color:var(--colors-general--border);
width:100%;
height:1px
}
.u-divider.cc-bold {
background-color:var(--colors-black--300)
}
.u-position-relative {
position:relative
}
.u-minh-100vh {
min-height:100vh
}
.btn-icon {
max-width:1.2em;
line-height:1
}
.u-position-sticky {
position:sticky;
top:8.5rem
}
.u-d-inline-flex {
display:inline-flex
}
.rich-text h1,.rich-text h2 {
margin-top:var(--_layout---spacing-rem--3rem);
margin-bottom:var(--_layout---spacing-rem--1rem);
color:var(--colors-page-wrapper--text);
font-size:var(--_typography---h3--font-size)
}
.rich-text h3 {
margin-top:var(--_layout---spacing-rem--3rem);
margin-bottom:var(--_layout---spacing-rem--1rem);
color:var(--colors-page-wrapper--text);
font-size:var(--_typography---h4--font-size)
}
.rich-text h4 {
margin-top:var(--_layout---spacing-rem--3rem);
margin-bottom:var(--_layout---spacing-rem--1rem);
color:var(--colors-page-wrapper--text);
font-size:var(--_typography---paragraph-lg--font-size)
}
.rich-text p {
margin-bottom:var(--_layout---spacing-rem--1rem)
}
.rich-text blockquote {
margin-top:var(--_layout---spacing-rem--3rem);
margin-bottom:var(--_layout---spacing-rem--3rem);
padding:var(--_layout---spacing-rem--2rem);
border-style:solid;
border-width:1px 1px 1px 8px;
border-color:var(--colors-general--border)var(--colors-general--border)var(--colors-general--border)var(--colors-general--primary);
border-radius:var(--radius--small-plus);
background-color:var(--colors-white--1000);
font-size:var(--_typography---paragraph-xl--font-size);
line-height:var(--_typography---paragraph-xl--line-height\)
}
.rich-text figure {
margin-top:var(--_layout---spacing-rem--3rem);
margin-bottom:var(--_layout---spacing-rem--3rem);
border-radius:var(--component-card--border-radius);
overflow:hidden
}
.rich-text img {
border-radius:var(--component-card--border-radius)
}
.rich-text figcaption {
margin-top:var(--_layout---spacing-em--1em);
font-size:var(--_typography---paragraph-sm--font-size);
color:color-mix(in srgb,var(--colors-page-wrapper--text)50%,var(--colors-page-wrapper--background))
}
.rich-text code {
background-color:color-mix(in srgb,var(--colors-page-wrapper--text)10%,var(--colors-page-wrapper--background));
border-style:solid;
border-width:1px;
border-top-color:color-mix(in srgb,var(--colors-page-wrapper--text)30%,var(--colors-page-wrapper--background));
border-right-color:color-mix(in srgb,var(--colors-page-wrapper--text)30%,var(--colors-page-wrapper--background));
border-bottom-color:color-mix(in srgb,var(--colors-page-wrapper--text)30%,var(--colors-page-wrapper--background));
border-left-color:color-mix(in srgb,var(--colors-page-wrapper--text)30%,var(--colors-page-wrapper--background));
border-radius:4px;
padding-left:.4em;
padding-right:.4em;
font-size:.9em;
display:inline-block
}
.rich-text a {
font-weight:var(--type-weight--500);
text-decoration:underline;
-webkit-text-decoration-color:var(--colors-black--300);
text-decoration-color:var(--colors-black--300)
}
.rich-text a:hover {
-webkit-text-decoration-color:var(--colors-page-wrapper--text);
text-decoration-color:var(--colors-page-wrapper--text)
}
.rich-text strong {
color:var(--colors-page-wrapper--text)
}
.rich-text pre {
margin-top:var(--_layout---spacing-rem--3rem);
margin-bottom:var(--_layout---spacing-rem--3rem);
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-general--border);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-general--border);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-general--border);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-general--border);
border-top-left-radius:var(--component-card--border-radius);
border-top-right-radius:var(--component-card--border-radius);
border-bottom-left-radius:var(--component-card--border-radius);
border-bottom-right-radius:var(--component-card--border-radius);
font-size:var(--component-input--font-size);
line-height:var(--_typography---paragraph-body--line-height\);
white-space:wrap
}
.navbar_menu-button {
padding:0
}
.navbar_dropdown-wrapper {
background-color:#0000;
padding-top:1rem;
position:absolute;
top:100%;
left:-1rem
}
.dropdown-chevron {
flex-direction:column;
justify-content:center;
align-items:center
}
.navbar_menu {
background-color:var(--colors-general--transparent);
justify-content:center;
align-items:center;
display:flex;
position:static
}
.navbar_logo {
color:var(--colors-page-wrapper--text);
height:36px;
display:flex
}
.navbar_logo-link {
padding-left:0;
display:flex
}
.navbar_wrapper {
border-top-left-radius:var(--radius--medium);
border-top-right-radius:var(--radius--medium);
border-bottom-left-radius:var(--radius--medium);
border-bottom-right-radius:var(--radius--medium);
background-color:var(--component-navbar--background-color);
box-shadow:var(--shadow-md);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
grid-template-rows:auto;
grid-template-columns:1fr auto 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
align-items:center;
min-height:48px;
padding:.25rem .5rem .25rem .75rem;
display:grid
}
.navbar_menu-dropdown {
flex-flow:column;
align-items:center;
display:block
}
.navbar_component {
z-index:3;
background-color:var(--colors-general--transparent);
align-items:center;
width:100%;
margin-bottom:0;
padding-bottom:0;
position:fixed;
top:0
}
.navbar_dropdown-trigger {
padding:var(--component-button--vertical-padding-small)var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap-small);
grid-row-gap:var(--component-button--flex-gap-small);
border-radius:var(--component-button--border-radius);
color:var(--colors-page-wrapper--text-muted);
font-weight:var(--component-button--font-weight);
justify-content:flex-start;
align-items:center;
display:flex
}
.navbar_dropdown-trigger.w--current {
color:var(--\)
}
.navbar_button-wrapper {
grid-column-gap:.25rem;
justify-content:flex-end;
align-items:center;
margin-left:1rem;
display:flex
}
.navbar_dropdown-link {
grid-column-gap:1rem;
grid-row-gap:1rem;
border-radius:var(--radius--medium);
font-size:var(--_typography---paragraph-sm--font-size);
line-height:var(--_typography---paragraph-sm--line-height\);
white-space:nowrap;
align-items:center;
width:auto;
padding:.5rem 1rem .5rem .5rem;
text-decoration:none;
transition:background-color .2s ease-in-out;
display:flex
}
.navbar_dropdown-link:hover {
background-color:var(--colors-black--100)
}
.navbar_dropdown-link.w--current {
color:var(--\)
}
.u-mb-1-5 {
margin-bottom:var(--_layout---spacing-rem--1-5rem)
}
.tooltip1-card-wrapper {
z-index:2;
grid-column-gap:.25rem;
grid-row-gap:.25rem;
border-radius:var(--component-button--border-radius);
background-color:var(--colors-black--1000);
color:var(--colors-white--1000);
font-size:.75rem;
line-height:var(--_typography---paragraph-body--line-height\);
flex:none;
justify-content:center;
align-items:center;
max-width:16rem;
padding:.5rem .75rem;
display:flex
}
.tooltip1_tooltip-wrapper {
justify-content:center;
padding-bottom:.75rem;
display:none;
position:absolute;
bottom:100%
}
.tooltip1_element-wrapper {
transition:opacity .4s cubic-bezier(.86,0,.07,1)
}
.tooltip1_element-wrapper.cc-opacity-hover {
opacity:.68
}
.tooltip1_element-wrapper.cc-opacity-hover:hover {
opacity:1
}
.tooltip1_pointer {
z-index:2;
background-color:var(--colors-black--1000);
border-radius:2px;
flex-direction:column;
justify-content:center;
align-items:center;
width:.75rem;
height:.75rem;
margin-bottom:.375rem;
margin-left:auto;
margin-right:auto;
display:flex;
position:absolute;
bottom:0%;
left:0%;
right:0%;
transform:translateY(-1px)rotate(45deg)
}
.tooltip1_component {
justify-content:center;
align-items:center;
display:flex;
position:relative
}
.u-w-auto {
width:auto
}
.navbar_dropdown-list {
border-top-left-radius:var(--radius--large);
border-top-right-radius:var(--radius--large);
border-bottom-left-radius:var(--radius--large);
border-bottom-right-radius:var(--radius--large);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-overlay);
grid-template-rows:auto auto auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
grid-auto-flow:column;
padding:.5rem;
display:block
}
.icon-20 {
width:20px;
height:20px;
display:flex
}
.u-text-bold {
font-weight:var(--_typography---font-weight--medium)
}
.navbar_link-text {
font-size:var(--_typography---paragraph-sm--font-size)
}
.navbar_link {
padding:var(--component-button--vertical-padding-small)var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap);
grid-row-gap:var(--component-button--flex-gap);
border-radius:var(--component-button--border-radius);
color:var(--colors-page-wrapper--text-muted);
font-size:var(--_typography---paragraph-sm--font-size);
font-weight:var(--component-button--font-weight);
justify-content:flex-start;
align-items:center;
transition:background-color .4s cubic-bezier(.86,0,.07,1),color .4s cubic-bezier(.86,0,.07,1);
display:flex
}
.navbar_link:hover {
background-color:var(--colors-black--100);
color:var(--colors-page-wrapper--text);
}
.navbar_link.w--current {
color:var(--colors-page-wrapper--text-muted)
}
.navbar_link.w--current:hover {
color:var(--colors-page-wrapper--text)
}
.announcement {
padding-top:var(--_layout---spacing-rem--0-25rem);
padding-right:var(--_layout---spacing-rem--0-75rem);
padding-bottom:var(--_layout---spacing-rem--0-25rem);
padding-left:var(--_layout---spacing-rem--0-25rem);
grid-column-gap:var(--component-button--flex-gap);
grid-row-gap:var(--component-button--flex-gap);
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--component-button--border-color);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--component-button--border-color);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--component-button--border-color);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--component-button--border-color);
background-color:var(--colors-black--50);
font-family:var(--component-button--font);
color:var(--colors-page-wrapper--text);
font-size:var(--_typography---paragraph-sm--font-size);
line-height:var(--component-button--line-height\);
letter-spacing:var(--component-button--letter-spacing);
font-weight:var(--type-weight--500);
box-shadow:var(--shadow-input);
border-radius:999px;
justify-content:center;
align-items:center;
text-decoration:none;
transition-property:background-color;
transition-duration:.4s;
transition-timing-function:cubic-bezier(.86,0,.07,1);
display:inline-flex
}
.badge {
padding-top:.1rem;
padding-right:var(--_layout---spacing-rem--0-75rem);
padding-bottom:.1rem;
padding-left:var(--_layout---spacing-rem--0-75rem);
grid-column-gap:.25rem;
grid-row-gap:.25rem;
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-black--200);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-black--200);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-black--200);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-black--200);
font-size:.75rem;
line-height:var(--_typography---paragraph-body--line-height\);
white-space:nowrap;
font-weight:var(--type-weight--500);
border-radius:999px;
align-items:center;
display:flex
}
.badge.cc-primary {
background-color:#fc1;
color:var(--colors-black--1000)
}
.badge.cc-dark {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000)
}
.badge.cc-small {
padding-right:var(--_layout---spacing-rem--0-5rem);
padding-left:var(--_layout---spacing-rem--0-5rem);
font-size:.675rem
}
.badge.cc-large {
padding:var(--component-button--vertical-padding-small)var(--component-button--horizontal-padding-small);
font-size:var(--_typography---paragraph-body--font-size)
}
.icon-16 {
width:16px;
height:16px;
display:flex
}
.navbar_mobile-buttons {
display:none
}
.navbar_desktop-buttons {
grid-column-gap:var(--_layout---spacing-rem--0-5rem);
grid-row-gap:var(--_layout---spacing-rem--0-5rem);
display:flex
}
.navbar_menu-inner {
display:flex
}
.u-mb-0-5 {
margin-bottom:var(--_layout---spacing-rem--0-5rem)
}
.u-mb-0-25 {
margin-bottom:var(--_layout---spacing-rem--0-25rem)
}
.border-img {
aspect-ratio:16/9;
border-radius:var(--component-card--border-radius);
object-fit:cover;
width:100%;
display:block;
position:relative
}
.u-border-bottom {
border-bottom:1px solid var(--colors-general--border)
}
.navbar_menu-container {
display:block
}
.navbar_menu-container:where(.w-variant-ec847c9d-1032-0ce3-7a26-59509df9f1df) {
display:none
}
.blog-item-link {
border-radius:var(--component-card--border-radius-outer);
max-width:none;
margin:-.5rem;
padding:.5rem;
transition:background-color .4s cubic-bezier(.86,0,.07,1);
display:block
}
.blog-item-link:hover {
background-color:var(--colors-black--100)
}
.avatar-sm {
border-radius:var(--radius--round);
width:32px;
height:32px
}
.border-img-wrapper {
position:relative
}
.blog-item-row-link {
border-radius:var(--component-card--border-radius);
max-width:none;
margin-left:-1rem;
margin-right:-1rem;
padding-left:1rem;
padding-right:1rem;
transition:background-color .4s cubic-bezier(.86,0,.07,1);
display:block;
position:relative
}
.blog-item-row-link:hover {
background-color:var(--colors-black--100)
}
.fs_radio-2_label {
font-weight:var(--component-button--font-weight);
margin-bottom:0;
position:relative
}
.fs_radio-2_button {
border-style:none;
border-radius:0;
width:100%;
height:100%;
margin-top:0;
margin-left:0;
display:block;
position:absolute;
inset:0%
}
.fs_radio-2_button.w--redirected-focus {
box-shadow:none;
border-style:none
}
.fs_radio-2_button.w--redirected-focus-visible {
box-shadow:none;
outline-offset:4px;
outline:2px solid #9b9b9b
}
.fs_radio-2_field {
padding:var(--component-button--vertical-padding)var(--component-button--horizontal-padding);
border:1px solid var(--component-button--border-color);
border-radius:var(--component-button--border-radius);
background-color:var(--colors-white--1000);
box-shadow:0 1px 2px 0 var(--colors-black--100);
font-size:var(--_typography---paragraph-sm--font-size);
line-height:var(--component-button--line-height\);
cursor:pointer;
flex-direction:row;
justify-content:flex-start;
align-items:center;
margin-bottom:0;
transition:color .2s ease-in-out,background-color .2s ease-in-out;
display:flex;
position:relative
}
.fs_radio-2_field:hover {
background-color:var(--colors-black--50)
}
.fs_radio-2_field.is-active-inputactive {
background-color:var(--colors-black--100)
}
.fs_radio-2_embed {
margin-bottom:0
}
.u-mw-none {
max-width:none
}
.icon-ph {
line-height:1
}
.icon-ph.cc-16 {
width:16px;
height:16px;
font-size:16px
}
.input-leading-icon {
justify-content:center;
align-items:center;
padding-left:.75rem;
display:flex;
position:absolute;
inset:0% auto 0% 0%
}
.input-trailing-icon {
cursor:pointer;
justify-content:center;
align-items:center;
padding-left:.75rem;
padding-right:.75rem;
display:flex;
position:absolute;
inset:0% 0% 0% auto
}
.blog-item-row-link-inner {
padding-top:1rem;
padding-bottom:1rem;
display:block
}
.paragraph-longform {
font-family:var(--_typography---paragraph-longform--font);
font-size:var(--_typography---paragraph-longform--font-size);
line-height:var(--_typography---paragraph-longform--line-height);
letter-spacing:var(--_typography---paragraph-longform--letter-spacing)
}
.paragraph-longform strong, .paragraph-longform a, .paragraph-longform .u-text-x-bold {
font-weight:var(--_typography---font-weight--black)
}
.icon {
justify-content:center;
align-items:center;
font-size:0;
font-style:normal;
display:inline-flex
}
.blog-toc-link {
border-radius:var(--radius--small);
color:var(--colors-page-wrapper--text-muted);
margin-left:-.5rem;
margin-right:-.5rem;
padding:.25rem .5rem;
transition:background-color .4s cubic-bezier(.86,0,.07,1),color .4s cubic-bezier(.86,0,.07,1);
display:block
}
.blog-toc-link:hover {
color:var(--colors-page-wrapper--text)
}
.blog-toc-link.w--current {
background-color:var(--colors-page-wrapper--background-secondary);
color:var(--colors-page-wrapper--text);
font-weight:var(--type-weight--500)
}
.blog-toc-link-template {
font-size:.75rem;
line-height:1.5
}
.blog-toc {
flex-flow:column;
display:flex
}
.u-mt-0-5 {
margin-top:var(--_layout---spacing-rem--0-5rem)
}
.u-mt-0-25 {
margin-top:var(--_layout---spacing-rem--0-25rem)
}
.u-pb-1-5 {
padding-bottom:var(--_layout---spacing-rem--1-5rem)
}
.u-pt-1-5 {
padding-top:var(--_layout---spacing-rem--1-5rem)
}
.u-pt-0-5 {
padding-top:var(--_layout---spacing-rem--0-5rem)
}
.u-pb-0-5 {
padding-bottom:var(--_layout---spacing-rem--0-5rem)
}
.u-mt-1-5 {
margin-top:var(--_layout---spacing-rem--1-5rem)
}
.pricing-card-popular-label {
grid-column-gap:.25rem;
grid-row-gap:.25rem;
border-top-left-radius:var(--component-card--border-radius);
border-top-right-radius:var(--component-card--border-radius);
background-color:var(--colors-page-wrapper--background-secondary);
font-size:.75rem;
line-height:1.5;
font-weight:var(--type-weight--600);
justify-content:center;
align-items:center;
height:2rem;
display:flex
}
.pricing_tabs-menu {
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-black--100);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-black--100);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-black--100);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-black--100);
background-color:var(--colors-black--50);
border-radius:.5rem;
border-radius:calc(var(--component-button--border-radius) + .125rem);
justify-content:center;
margin-bottom:1rem;
padding:.125rem;
display:flex
}
.pricing_tab-link {
padding-top:var(--component-button--vertical-padding);
padding-right:var(--component-button--horizontal-padding);
padding-bottom:var(--component-button--vertical-padding);
padding-left:var(--component-button--horizontal-padding);
grid-column-gap:.5rem;
grid-row-gap:.5rem;
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-general--transparent);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-general--transparent);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-general--transparent);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-general--transparent);
border-top-left-radius:var(--component-button--border-radius);
border-top-right-radius:var(--component-button--border-radius);
border-bottom-left-radius:var(--component-button--border-radius);
border-bottom-right-radius:var(--component-button--border-radius);
background-color:var(--colors-general--transparent);
color:var(--colors-page-wrapper--text-muted);
font-size:var(--_typography---paragraph-sm--font-size);
white-space:nowrap;
font-weight:var(--type-weight--500);
align-items:center;
margin-bottom:0;
display:flex;
position:relative
}
.pricing_tab-link.w--current {
border-top-color:var(--component-button--border-color);
border-right-color:var(--component-button--border-color);
border-bottom-color:var(--component-button--border-color);
border-left-color:var(--component-button--border-color);
background-color:var(--colors-page-wrapper--background);
color:var(--colors-page-wrapper--text);
box-shadow:var(--shadow-input)
}
.u-pb-0 {
padding-bottom:0
}
.fs_rangeslider-1_input {
display:none
}
.fs_rangeslider-1_fill {
border-radius:var(--radius--round);
background-color:var(--colors-general--primary);
width:20%;
height:100%;
position:absolute
}
.fs_rangeslider-1_handle-text {
text-align:center;
margin-bottom:-2.25rem;
margin-left:-.4rem;
position:absolute;
inset:auto auto 0% 0%
}
.fs_rangeslider-1_handle {
z-index:1;
background-color:var(--colors-white--1000);
cursor:grab;
box-shadow:var(--shadow-overlay);
border-radius:999rem;
flex:none;
width:1.5rem;
height:1.5rem;
position:absolute;
top:50%;
transform:translate(-50%,-50%)
}
.fs_rangeslider-1_handle:focus-visible,.fs_rangeslider-1_handle[data-wf-focus-visible] {
outline-color:var(--colors-black--300);
outline-offset:0px;
outline-width:3px;
outline-style:solid
}
.fs_rangeslider-1_track {
border-radius:var(--radius--round);
background-color:var(--colors-black--100);
width:100%;
height:.5rem;
margin-left:auto;
margin-right:auto;
position:relative
}
.fs_rangeslider-1_wrapper {
margin-bottom:var(--_layout---spacing-rem--1-5rem);
align-items:center;
width:100%;
display:block;
position:relative
}
.fs_rangeslider-1_embed {
margin-bottom:0
}
.fs_rangeslider-1_component {
grid-column-gap:1rem;
grid-row-gap:1rem;
grid-template-rows:auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
display:grid
}
.more-contacts {
position:absolute;
inset:0% -.5rem auto auto;
transform:translate(100%,-50%)
}
.more-contacts-tooltip {
max-width:15rem;
padding-left:.75rem;
display:flex;
position:relative
}
.more-contacts-tooltip-pointer {
z-index:2;
background-color:var(--colors-black--1000);
border-radius:2px;
flex-direction:column;
justify-content:center;
align-items:center;
width:.75rem;
height:.75rem;
margin:auto auto auto .375rem;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
transform:translate(1px)rotate(45deg)
}
.context-menu {
opacity:0;
visibility:hidden;
padding-top:.5rem;
transition-property:transform,opacity;
transition-duration:.4s,.4s;
transition-timing-function:cubic-bezier(.86,0,.07,1),cubic-bezier(.86,0,.07,1);
position:absolute;
inset:100% auto auto -1rem;
transform:translateY(-1rem)
}
.context-menu.cc-show {
opacity:1;
transform:translateY(.5rem)
}
.featured-icon {
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--component-button--border-color);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--component-button--border-color);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--component-button--border-color);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--component-button--border-color);
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-input);
padding:.5rem;
transition-property:background-color,color;
transition-duration:.2s,.2s;
transition-timing-function:ease-in-out,ease-in-out;
display:inline-flex
}
.featured-icon:where(.w-variant-8feda15d-93bc-dd0c-5e21-c4942ff2b0ec),.featured-icon.cc-dark {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000)
}
.embed {
border-top-left-radius:var(--component-card--border-radius);
border-top-right-radius:var(--component-card--border-radius);
border-bottom-left-radius:var(--component-card--border-radius);
border-bottom-right-radius:var(--component-card--border-radius);
font-size:var(--_typography---paragraph-sm--font-size);
line-height:var(--_typography---paragraph-sm--line-height\);
background-color:var(--embed-wrapper-bg-color);
box-shadow:var(--embed-wrapper-shadow);
color:var(--embed-text-color);
flex-direction:column;
flex:1;
justify-content:flex-start;
max-width:400px;
display:flex;
position:relative;
overflow:hidden
}
.embed.cc-profile {
max-width:none
}
.embed.cc-no-shadow {
box-shadow:none
}
.embed_body {
padding:var(--_layout---spacing-rem--3rem)var(--_layout---spacing-rem--2rem);
grid-column-gap:1rem;
grid-row-gap:1rem;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
display:flex;
position:relative
}
.embed_body.cc-gap-0 {
grid-column-gap:0rem;
grid-row-gap:0rem
}
.embed_logo-wrapper {
justify-content:center;
align-items:center;
display:flex
}
.embed_input {
padding-top:var(--component-button--vertical-padding);
padding-right:var(--component-button--horizontal-padding-small);
padding-bottom:var(--component-button--vertical-padding);
padding-left:var(--component-button--horizontal-padding-small);
font-family:var(--component-input--font);
font-size:var(--component-input--font-size);
letter-spacing:var(--component-input--letter-spacing);
line-height:1.25rem;
font-weight:var(--component-input--font-weight);
box-shadow:var(--embed-input-shadow);
border-radius:var(--embed-element-radius);
background-color:var(--embed-input-bg-color);
color:var(--embed-text-color);
border-style:none;
width:100%;
height:auto;
margin-bottom:0
}
.embed_input:focus {
box-shadow:var(--embed-input-shadow-focus);
outline-style:none
}
.embed_input::placeholder {
color:var(--colors-black--500)
}
.embed_btn {
padding-top:var(--component-button--vertical-padding);
padding-right:var(--component-button--horizontal-padding);
padding-bottom:var(--component-button--vertical-padding);
padding-left:var(--component-button--horizontal-padding);
grid-column-gap:.5rem;
grid-row-gap:.5rem;
font-family:var(--component-button--font);
font-size:var(--_typography---paragraph-sm--font-size);
letter-spacing:var(--component-button--letter-spacing);
cursor:pointer;
line-height:1.25rem;
font-weight:var(--component-button--font-weight);
box-shadow:var(--embed-btn-shadow);
border-radius:var(--embed-element-radius);
background-color:var(--embed-accent-color);
color:var(--embed-button-text-color);
justify-content:center;
align-items:center;
text-decoration:none;
transition-property:none;
display:inline-flex;
position:relative
}
.embed_btn:hover {
box-shadow:var(--embed-btn-shadow-hover)
}
.embed_btn.cc-secondary {
color:var(--embed-text-color);
background-color:var(--embed-secondary-btn-bg-color);
box-shadow:var(--embed-input-shadow)
}
.embed_btn.cc-secondary:hover {
box-shadow:var(--embed-secondary-btn-shadow-hover)
}
.embed_btn.cc-w-auto {
align-self:flex-start
}
.embed_btn.cc-large {
font-size:var(--component-button--font-size);
line-height:1.5rem
}
.embed_input-group {
text-align:left;
flex-direction:column;
display:block;
position:relative
}
.embed_input-label {
z-index:1;
font-family:var(--component-input-label--font);
font-size:var(--component-input-label--font-size);
line-height:var(--component-input--line-height);
letter-spacing:var(--component-input-label--letter-spacing);
font-weight:var(--component-input-label--font-weight);
border-top-right-radius:3px;
margin-bottom:.5rem;
position:relative
}
.embed_text-muted {
color:var(--embed-text-color-muted)
}
.embed_divider {
background-color:var(--embed-divider-color);
width:100%;
height:1px
}
.embed_radio-label {
margin-bottom:0;
position:relative
}
.embed_radio-button {
color:var(--embed-text-color);
border-style:none;
border-radius:0;
width:100%;
height:100%;
margin-top:0;
margin-left:0;
display:block;
position:absolute;
inset:0%;
box-shadow:1px 1px 3px #0000
}
.embed_radio-button.w--redirected-focus {
box-shadow:none;
border-style:none
}
.embed_radio-button.w--redirected-focus-visible {
box-shadow:none;
outline-offset:4px;
outline:2px solid #9b9b9b
}
.embed_radio-field {
padding-top:var(--component-button--vertical-padding-small);
padding-right:var(--component-button--horizontal-padding-small);
padding-bottom:var(--component-button--vertical-padding-small);
padding-left:var(--component-button--horizontal-padding-small);
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
background-color:var(--colors-general--transparent);
cursor:pointer;
color: white;
flex-direction:row;
justify-content:center;
align-items:center;
margin-bottom:0;
display:flex;
position:relative
}
.embed_radio-field.w--current, .embed_radio-field.is-active-inputactive {
background-color: #ffffff1c;
box-shadow: inset 0px 0px 0px 1px #ffffff33, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.embed_radio-field.cc-radius-none {
border-radius:0
}
.embed_radio-field.cc-radius-md {
border-radius:.625rem
}
.embed_radio-field.cc-radius-lg {
border-radius:var(--radius--round)
}
.embed_radio-group {
font-size:var(--_typography---paragraph-sm--font-size);
background-color: #ffffff05;
box-shadow: 0px 0px 0px 1px #ffffff0d;
border-radius:.5rem;
grid-template-rows:auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
grid-auto-flow:column;
justify-content:start;
align-self:center;
align-items:center;
padding:.125rem;
display:grid
}
.embed_radio-group.cc-large {
grid-column-gap:.75rem;
grid-row-gap:.75rem;
box-shadow:none;
background-color:#0000;
grid-template-columns:1fr 1fr;
grid-auto-flow:row;
padding:0
}
.embed_radio-group.cc-color {
grid-template-columns:auto;
grid-auto-flow:column;
justify-items:start
}
.embed_radio-group.cc-radius {
grid-column-gap:.75rem;
grid-row-gap:.75rem;
box-shadow:none;
background-color:#0000;
border-radius:1.125rem;
grid-template-columns:1fr 1fr;
grid-auto-flow:row;
padding:.75rem
}
.embed_radio-group.cc-tabs {
grid-template-columns:auto;
grid-auto-columns:auto
}
.embed_radio-component {
grid-template-rows:auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
display:grid
}
.embed_radio-component.cc-align-left {
justify-items:start
}
.u-ml-0-5 {
margin-left:var(--_layout---spacing-rem--0-5rem)
}
.embed_link-text {
font-weight:var(--type-weight--500);
transition-property:none
}
.embed_link-text:hover {
text-decoration:underline
}
.embed_logo-2,.embed_logo-3,.embed_logo-4 {
display:none
}
.embed_font-preview {
font-size:var(--_typography---h3--font-size);
line-height:var(--_typography---h3--line-height\)
}
.embed_font-preview.cc-font-1 {
font-family:var(--embed-primatives--heading-font-1)
}
.embed_font-preview.cc-font-2 {
font-family:var(--embed-primatives--heading-font-2)
}
.embed_font-preview.cc-font-3 {
font-family:var(--embed-primatives--heading-font-3)
}
.embed_font-preview.cc-font-4 {
font-family:var(--embed-primatives--heading-font-4)
}
.embed_doodle {
color:var(--embed-accent-color);
width:20rem;
height:20rem;
display:flex;
position:absolute
}
.embed_doodle.cc-top-right {
top:-6rem;
right:6rem
}
.embed_doodle.cc-bottom-left {
width:20rem;
height:20rem;
top:46rem;
left:6rem
}
.embed_doodle.cc-blur {
opacity:.5;
filter:blur(300px);
width:40rem;
height:40rem;
bottom:0;
left:50%;
transform:translate(-50%,50%)
}
.embed_color-swatch {
border-radius:.125rem;
width:1.5rem;
height:1.5rem
}
.embed_color-swatch.cc-color-1 {
background-color:var(--embed-color-1)
}
.embed_color-swatch.cc-color-2 {
background-color:var(--embed-color-2)
}
.embed_color-swatch.cc-color-3 {
background-color:var(--embed-color-3)
}
.embed_color-swatch.cc-color-4 {
background-color:var(--embed-color-4)
}
.embed_radius-swatch {
background-color:var(--embed-text-color);
width:4rem;
height:1rem
}
.embed_radius-swatch.cc-sm {
border-radius:calc(var(--embed-element-radius-sm)*.5)
}
.embed_radius-swatch.cc-md {
border-radius:calc(var(--embed-element-radius-md)*.5)
}
.embed_radius-swatch.cc-lg {
border-radius:var(--embed-element-radius-lg)
}
.u-object-position-top {
object-position:50% 0%
}
.u-shadow-overlay {
box-shadow:var(--shadow-overlay)
}
.u-radius-card {
border-radius:var(--component-card--border-radius);
overflow:clip
}
.u-fade-to-white-bottom {
z-index:1;
background-image:linear-gradient(180deg,#fff0,var(--colors-page-wrapper--background)70%);
height:12rem;
position:absolute;
inset:auto 0% 0%
}
.u-aspect-2-1 {
aspect-ratio:2;
object-fit:cover;
width:100%;
position:relative;
overflow:hidden
}
.u-overflow-clip {
overflow:clip
}
.embed_profile-tabs-menu {
flex-flow:column;
display:flex
}
.embed_divider-v {
background-color:var(--embed-wrapper-divider-color);
width:1px
}
.embed_profile-tab-link {
padding-top:var(--component-button--vertical-padding);
padding-right:3rem;
padding-bottom:var(--component-button--vertical-padding);
padding-left:var(--component-button--horizontal-padding);
background-color:var(--colors-general--transparent);
color:var(--embed-text-color);
border-radius:var(--embed-element-radius);
overflow:hidden
}
.embed_profile-tab-link.w--current {
background-color:var(--colors-general--transparent)
}
.embed_transactional-email {
border-top-left-radius:var(--component-card--border-radius);
border-top-right-radius:var(--component-card--border-radius);
border-bottom-left-radius:var(--component-card--border-radius);
border-bottom-right-radius:var(--component-card--border-radius);
background-color:var(--colors-page-wrapper--background);
font-size:var(--_typography---paragraph-sm--font-size);
line-height:var(--_typography---paragraph-sm--line-height\);
box-shadow:var(--embed-wrapper-shadow);
flex-direction:column;
flex:1;
justify-content:flex-start;
max-width:500px;
display:flex;
position:relative;
overflow:hidden
}
.u-bg-tertiary {
background-color:var(--colors-page-wrapper--background-tertiary)
}
.section-inset {
border-radius:var(--radius--x-large);
position:absolute;
inset:.5rem;
overflow:hidden
}
.section-inset.cc-top-12 {
top:12rem
}
.section-inset.cc-bottom--12 {
bottom:-12rem
}
.section-inset.cc-top--12 {
top:-12rem
}
.section-inset.cc-bottom-12 {
bottom:12rem
}
.footer_link {
color:var(--colors-page-wrapper--text-muted);
font-size:var(--_typography---paragraph-sm--font-size)
}
.footer_link:hover {
color:var(--colors-black--1000)
}
.u-bg-translucent {
background-color:var(--colors-white--500);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px)
}
.u-card-outset {
z-index:-1;
border-radius:calc(var(--component-card--border-radius) + .5rem);
border-top-left-radius:var(--radius--large);
border-top-right-radius:var(--radius--large);
border-bottom-left-radius:var(--radius--large);
border-bottom-right-radius:var(--radius--large);
background-color:var(--colors-white--300);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
box-shadow:var(--shadow-sm);
position:absolute;
inset:-.5rem
}
.u-card-outset.cc-radius-round {
border-radius:var(--radius--round)
}
.pricing_card-free-trial-text {
justify-content:center;
align-items:flex-end;
height:2rem;
display:flex
}
.embed_bg {
background-color: #240029;
}
.avatar-lg {
border-radius:var(--radius--round);
width:48px;
height:48px
}
.avatar-lg.cc-outline {
outline-color:var(--colors-page-wrapper--background);
outline-offset:0px;
outline-width:4px;
outline-style:solid
}
.u-shadow-md {
box-shadow:var(--shadow-md)
}
.hero-blur {
filter:blur(64px);
height:12rem;
position:absolute;
inset:-3rem 25% auto;
transform:rotate(-20deg)
}
.u-vw-50 {
width:50vw;
max-width:50vw
}
.u-float-right {
float:right
}
.u-mb-6 {
margin-bottom:var(--_responsive---padding--section-padding-lg)
}
.app-icon {
grid-column-gap:var(--component-button--flex-gap);
grid-row-gap:var(--component-button--flex-gap);
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-general--border);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-general--border);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-general--border);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-general--border);
border-top-left-radius:var(--radius--medium);
border-top-right-radius:var(--radius--medium);
border-bottom-left-radius:var(--radius--medium);
border-bottom-right-radius:var(--radius--medium);
background-color:var(--colors-general--primary);
font-family:var(--component-button--font);
color:var(--colors-white--1000);
font-size:var(--component-button--font-size);
line-height:var(--component-button--line-height\);
letter-spacing:var(--component-button--letter-spacing);
cursor:pointer;
font-weight:var(--component-button--font-weight);
box-shadow:var(--shadow-highlight);
justify-content:center;
align-items:center;
padding:1rem;
text-decoration:none;
transition-property:opacity,background-color;
transition-duration:.2s,.2s;
transition-timing-function:ease,cubic-bezier(.86,0,.07,1);
display:inline-flex;
position:relative
}
.u-underline {
color:var(--colors-page-wrapper--text);
text-decoration:underline;
-webkit-text-decoration-color:var(--colors-black--300);
text-decoration-color:var(--colors-black--300);
text-underline-offset:3px;
text-decoration-thickness:2px
}
.chrome_tabs-menu {
grid-column-gap:.5rem;
grid-row-gap:.5rem;
align-items:flex-start;
display:flex
}
.chrome_tab-link {
grid-column-gap:.5rem;
grid-row-gap:.5rem;
border-radius:var(--radius--medium);
background-color:var(--colors-general--transparent);
font-size:var(--_typography---paragraph-sm--font-size);
align-items:center;
padding:.75rem;
transition:background-color .1s ease-in-out,color .2s ease-in-out;
display:flex
}
.chrome_tab-link:hover {
background-color:var(--colors-black--100)
}
.chrome_tab-link.w--current {
background-color:var(--colors-white--1000);
border-bottom-right-radius:0;
border-bottom-left-radius:0;
padding-bottom:1.25rem;
transition:color .2s ease-in-out
}
.chrome_tab-link.cc-large.w--current {
border-top-left-radius:2.875rem;
border-top-right-radius:2.875rem;
padding:2rem
}
.chrome_tabs-wrapper {
border-radius:var(--radius--medium);
background-color:var(--colors-page-wrapper--background-secondary);
justify-content:center;
align-items:flex-end;
height:200px;
display:flex
}
.u-isolate {
isolation:isolate
}
.u-radius-round {
border-radius:var(--radius--round)
}
.migrate_wrapper {
z-index:-1;
position:absolute;
inset:calc(100% - 1px) .5rem auto auto
}
.migrate_container {
border-bottom-left-radius:var(--radius--medium);
border-bottom-right-radius:var(--radius--medium);
background-color:var(--component-navbar--background-color);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
transition:background-color .4s ease-in-out;
display:flex
}
.navbar_container {
padding-top:var(--component-navbar--padding-top);
grid-column-gap:16px;
grid-row-gap:16px;
max-width:calc(var(--_layout---container--max-width) + 1rem);
width:calc(var(--_layout---container--width) + 1rem);
grid-template-rows:auto;
grid-template-columns:.375fr 1fr .375fr;
grid-auto-columns:1fr;
justify-content:space-between;
align-items:center;
height:100%;
margin-left:auto;
margin-right:auto;
position:relative
}
.navbar_container:where(.w-variant-ec847c9d-1032-0ce3-7a26-59509df9f1df) {
max-width:var(--_layout---container--max-width-sm);
width:calc(var(--_layout---container--width) + 1rem)
}
.migrate_tab-link {
white-space:nowrap;
justify-content:center;
width:100%;
padding:.5rem 1rem;
transition:padding .4s ease-in-out,color .2s ease-in-out;
display:flex
}
.migrate_tab-link:hover {
padding-top:.75rem
}
.u-position-absolute-inset-0 {
position:absolute;
inset:0%
}
.bento-img {
border-top-left-radius:var(--radius--small-plus);
object-fit:cover;
box-shadow:var(--shadow-overlay);
width:calc(100% - 2rem);
height:100%;
position:absolute;
top:0;
left:32px
}
.footer_skew-wrapper {
perspective:1000px;
position:relative
}
.u-skew-right {
aspect-ratio:2940/1616;
border-radius:var(--radius--small);
object-fit:contain;
object-position:0% 0%;
transform-style:preserve-3d;
transform:scaleY(.86)skew(-8deg)rotate(11deg)
}
.icon-96 {
width:96px;
height:96px;
display:flex
}
.u-inline {
display:inline
}
.icon-inline {
position:relative;
top:.15em
}
.modal_wrapper {
z-index:999;
justify-content:center;
align-items:flex-start;
padding-top:3rem;
padding-bottom:3rem;
display:none;
position:fixed;
inset:0%;
overflow:scroll
}
.modal_backdrop {
z-index:-1;
background-color:#00000080;
position:fixed;
inset:0%
}
.modal_container {
width:var(--_layout---container--max-width);
border-top-left-radius:var(--component-card--border-radius);
border-top-right-radius:var(--component-card--border-radius);
border-bottom-left-radius:var(--component-card--border-radius);
border-bottom-right-radius:var(--component-card--border-radius);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-overlay);
max-width:32rem;
padding:2rem;
position:relative
}
.modal_close {
border-radius:var(--radius--round);
background-color:var(--colors-general--transparent);
padding:.75rem;
transition:background-color .4s cubic-bezier(.86,0,.07,1);
display:flex;
position:absolute;
inset:1rem 1rem auto auto
}
.modal_close:hover {
background-color:var(--colors-black--200)
}
.form-success-wrapper {
background-color:var(--colors-general--transparent);
padding:0
}
.footer_border-top {
background-color:var(--colors-general--border);
height:1px;
position:absolute;
inset:0% 0% auto
}
.no-border {
border:0px none var(--colors-general--transparent)
}
.sign-up_layout {
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.sign-up_back {
position:absolute;
inset:2rem auto auto 2rem
}
.u-maxw-28 {
max-width:28rem
}
.anchor_link {
opacity:0;
color:var(--colors-page-wrapper--text-disabled);
margin-left:.5rem;
transition:opacity .4s cubic-bezier(.86,0,.07,1);
display:inline-block
}
.anchor_link:hover {
color:var(--colors-page-wrapper--text)
}
.select-icon {
padding-right:var(--component-button--horizontal-padding-small);
pointer-events:none;
color:var(--colors-page-wrapper--text-disabled);
justify-content:center;
align-items:center;
height:100%;
display:flex;
position:absolute;
inset:0% 0% 0% auto
}
.slider {
background-color:var(--colors-general--transparent);
max-width:26ch;
height:auto
}
.slider_slide {
text-align:center
}
.integration-logo {
width:48px;
height:48px
}
.integration-logo.cc-large {
height:64px
}
.integration-logo.cc-xl {
height:80px
}
.card-top-right-corner {
z-index:1;
margin-top:var(--component-card--card-body-padding-lg);
margin-right:var(--component-card--card-body-padding-lg);
display:flex;
position:absolute;
inset:0% 0% auto auto
}
.card-top-right-corner.cc-hover {
opacity:0;
transition:opacity .4s cubic-bezier(.86,0,.07,1)
}
.recaptcha {
opacity:0;
transform-origin:0 0;
transform:scale(.9)
}
.u-maxw-32 {
max-width:32rem
}
.u-text-x-bold {
font-weight:var(--type-weight--600)
}
.u-maxw-40 {
max-width:40rem
}
.avatar-md {
border-radius:var(--radius--round);
width:40px;
height:40px
}
.help_component {
margin-bottom:24px;
margin-right:24px;
position:fixed;
inset:auto 0% 0% auto
}
.support-arrow {
position:absolute;
inset:auto 100% 100% auto;
transform:translateY(25%)
}
.u-minh-40 {
min-height:40rem
}
.u-w-8 {
width:8rem
}
.avatar-list_item {
border-radius:var(--radius--round);
background-color:var(--colors-page-wrapper--background);
-webkit-text-fill-color:inherit;
background-clip:content-box;
flex:none;
margin-right:-.5rem;
position:relative
}
.u-d-block-portrait {
display:none
}
.u-vw-100 {
width:100vw;
max-width:100vw
}
.u-shadow-sm {
box-shadow:var(--shadow-sm)
}
.avatar-xl {
border-radius:var(--radius--round);
outline-color:var(--colors-white--1000);
outline-offset:0px;
outline-width:2px;
outline-style:solid;
width:64px;
height:64px
}
.u-maxh-90vh {
max-height:90vh
}
.u-perspective {
perspective:4000px;
perspective-origin:100% 0;
transform-style:preserve-3d;
position:relative
}
.u-object-position-top-right {
object-position:100% 0%
}
.u-object-position-top-left {
object-position:0% 0%
}
.u-text-regular {
font-weight:var(--type-weight--400)
}
.icon-tabbing {
flex:none;
width:32px;
height:32px;
display:flex
}
.u-d-block-tablet {
display:none
}
.bento-img-wrapper {
height:20rem;
position:relative
}
.bento-img-wrapper.cc-small {
z-index:-2;
height:16rem
}
.u-break-desktop {
display:block
}
.u-h-lh {
height:var(--_typography---paragraph-body--line-height\)
}
.u-p-2-desktop {
padding-top:2rem;
padding-bottom:2rem
}
.u-d-flex-portrait {
display:none
}
.rich-text-p p,.rich-text-p ul,.rich-text-p ol {
margin-bottom:.5em
}
.rich-text-p img {
border-radius:var(--component-card--border-radius)
}
.rich-text-p figure {
margin-top:1rem;
margin-bottom:1rem
}
.u-mt-6 {
margin-top:var(--_responsive---padding--section-padding-lg)
}
.u-position-sticky-0 {
position:sticky;
top:0
}
.image {
-webkit-text-fill-color:inherit;
background-clip:border-box;
border-radius:30px;
min-width:160px;
min-height:160px;
margin-right:40px
}
.card-bottom-right-corner {
margin-right:var(--component-card--card-body-padding-lg);
margin-bottom:var(--component-card--card-body-padding-lg);
display:flex;
position:absolute;
inset:auto 0% 0% auto
}
.card-bottom-right-corner.cc-hover {
opacity:0;
transition:opacity .4s cubic-bezier(.86,0,.07,1)
}
.u-maxw-20 {
max-width:20rem
}
.card-bottom-left-corner {
margin-bottom:var(--component-card--card-body-padding-lg);
margin-left:var(--component-card--card-body-padding-lg);
display:flex;
position:absolute;
inset:auto auto 0% 0%
}
.card-bottom-left-corner.cc-hover {
opacity:0;
transition:opacity .4s cubic-bezier(.86,0,.07,1)
}
.u-link-child-hover {
opacity:0;
transition:opacity .2s ease-in-out
}
.u-maxw-16 {
max-width:16rem
}
.u-hover-child {
opacity:0;
transition:opacity .2s ease-in-out
}
.u-hover-child.cc-move-down,.u-hover-child.cc-move-up {
transition:transform .4s cubic-bezier(.86,0,.07,1)
}
.card-fade-bottom {
z-index:-1;
background-image:linear-gradient(#fff 75%,#fff0);
position:absolute;
inset:0%
}
.u-border-top {
border-top:1px solid var(--colors-general--border)
}
.avatar-xs {
border-radius:var(--radius--round);
width:24px;
height:24px
}
.bento_featured-icon {
border-radius:var(--radius--round);
background-color:var(--colors-black--200);
justify-content:center;
align-items:center;
width:1.25rem;
height:1.25rem;
display:flex;
position:absolute
}
.bento_featured-icon.cc-complete {
background-color:var(--colors-general--primary)
}
.bento_email-line {
z-index:-2;
border-left:1px dashed var(--colors-general--border);
position:absolute;
top:-100%;
bottom:-100%;
transform:translate(.6rem)
}
.bento_featured-icon-wrapper {
width:1.25rem;
height:1.25rem;
position:relative
}
.bento_help-desk-message {
border-radius:var(--radius--small);
background-color:var(--colors-black--100);
padding:.5rem
}
.bento_auth-browser {
grid-column-gap:8px;
grid-row-gap:8px;
aspect-ratio:4/3;
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-card);
flex-flow:column;
width:192px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
display:flex;
overflow:hidden
}
.bento_auth-protected {
z-index:-2;
border:1px solid #fc1;
border-radius:var(--radius--small);
background-color:#ffcc1126;
height:100%;
position:absolute;
inset:auto 0 auto 50%
}
.bento_auth-protected.cc-vertical {
width:240px;
height:auto;
inset:50% auto 0
}
.bento_auth-login {
grid-column-gap:8px;
grid-row-gap:8px;
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-md);
flex-flow:column;
width:80px;
padding:8px 8px 16px;
display:flex
}
.bento_auth-connector {
border-top:1px dashed var(--colors-black--400);
flex:1;
min-width:24px
}
.bento_auth-connector.cc-bold {
background-color:var(--colors-black--300)
}
.bento_auth-connector.cc-vertical {
border-left:1px dashed var(--colors-black--400);
min-width:auto;
min-height:24px
}
.bento_auth-protected-lock {
border-radius:var(--radius--round);
background-color:#fc1;
justify-content:center;
align-items:center;
width:2rem;
height:2rem;
display:flex;
position:absolute;
left:50%;
transform:translate(-50%,-50%)
}
.bento_auth-protected-lock.cc-vertical {
top:100%
}
.bento_auth-browser-button {
background-color:var(--colors-general--primary);
border-radius:3px;
min-width:24px;
height:8px
}
.bento_auth-browser-button.cc-secondary {
background-color:var(--colors-black--400)
}
.bento_auth-login-input {
border:1px solid var(--component-input--border-color);
border-radius:3px;
min-width:24px;
height:8px
}
.bento_auth-browser-rect {
aspect-ratio:3/2;
background-color:var(--colors-black--100);
border-radius:3px;
min-height:8px
}
/* Funnel infographic styles */
.bento_funnel-danger {
border:1px solid #ef4444;
border-radius:var(--radius--small);
background-color:rgba(239, 68, 68, 0.1)
}
.bento_funnel-success {
border:1px solid #22c55e;
border-radius:var(--radius--small);
background-color:rgba(34, 197, 94, 0.1)
}
.bento_funnel-icon-danger {
border-radius:var(--radius--round);
background-color:#ef4444;
justify-content:center;
align-items:center;
width:1.25rem;
height:1.25rem;
display:flex;
color:white;
flex-shrink:0
}
.bento_funnel-icon-success {
border-radius:var(--radius--round);
background-color:#22c55e;
justify-content:center;
align-items:center;
width:1.25rem;
height:1.25rem;
display:flex;
color:white;
flex-shrink:0
}
.bento_funnel-box {
grid-column-gap:4px;
grid-row-gap:4px;
border-radius:var(--radius--small);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-card);
flex-flow:column;
padding:6px;
display:flex;
align-items:center;
min-width:56px
}
.bento_funnel-box.cc-wide {
min-width:72px
}
.bento_funnel-box.cc-mini {
padding:4px;
min-width:40px;
flex-direction:row;
gap:4px
}
.bento_funnel-box.cc-mini.cc-wide {
min-width:56px
}
.bento_funnel-connector {
border-top:1px dashed var(--colors-black--400);
min-width:12px;
flex:1;
max-width:24px
}
.bento_funnel-connector.cc-vertical {
border-top:none;
border-left:1px dashed var(--colors-black--400);
min-height:8px;
min-width:0
}
.bento_funnel-avatar {
width:12px;
height:12px;
border-radius:50%;
background-color:var(--colors-black--300)
}
.bento_dropdown-btn {
padding-top:var(--component-button--vertical-padding-small);
padding-right:var(--component-button--horizontal-padding-small);
padding-bottom:var(--component-button--vertical-padding-small);
padding-left:var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap-small);
grid-row-gap:var(--component-button--flex-gap-small);
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--component-button--border-color);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--component-button--border-color);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--component-button--border-color);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--component-button--border-color);
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
background-color:var(--colors-white--1000);
font-family:var(--component-button--font);
color:var(--colors-page-wrapper--text);
font-size:var(--_typography---paragraph-xs--font-size);
line-height:var(--component-button--line-height\);
letter-spacing:var(--component-button--letter-spacing);
cursor:pointer;
font-weight:var(--component-button--font-weight);
box-shadow:var(--shadow-btn);
justify-content:center;
align-self:flex-start;
align-items:center;
text-decoration:none;
transition-property:color,background-color;
transition-duration:.4s,.4s;
transition-timing-function:cubic-bezier(.86,0,.07,1),cubic-bezier(.86,0,.07,1);
display:inline-flex;
position:relative
}
.bento_dropdown-btn:hover {
background-color:var(--colors-black--100);
background-image:none
}
.bento_dropdown-btn.cc-light {
color:var(--colors-black--1000);
background-color:#fff
}
.bento_dropdown-btn.cc-secondary {
background-color:var(--component-button--bg-color-secondary);
-webkit-backdrop-filter:blur(20px);
backdrop-filter:blur(20px);
color:var(--colors-black--1000)
}
.bento_dropdown-btn.cc-secondary:hover {
background-color:var(--colors-black--100)
}
.bento_dropdown-btn.cc-secondary.cc-light {
border-color:var(--colors-white--1000);
color:var(--colors-white--1000)
}
.bento_dropdown-btn.cc-secondary.cc-light:hover {
box-shadow:inset 0 0 0 100px #ffffff26
}
.bento_dropdown-btn.cc-full {
width:100%
}
.bento_dropdown-btn.cc-small {
padding:var(--component-button--vertical-padding-small)var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap-small);
grid-row-gap:var(--component-button--flex-gap-small);
font-size:var(--_typography---paragraph-sm--font-size)
}
.bento_dropdown-btn.cc-small.cc-leading-icon {
padding-left:.5rem
}
.bento_dropdown-btn.cc-dark {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000)
}
.bento_dropdown-btn.cc-dark:hover {
background-color:var(--colors-black--900)
}
.bento_dropdown-btn.cc-icon-leading {
padding-left:1rem
}
.bento_dropdown-btn.cc-icon-leading.cc-small {
padding-left:.5rem
}
.bento_dropdown-btn.cc-ghost {
border-top-style:none;
border-top-width:0;
border-top-color:var(--colors-general--transparent);
border-right-style:none;
border-right-width:0;
border-right-color:var(--colors-general--transparent);
border-bottom-style:none;
border-bottom-width:0;
border-bottom-color:var(--colors-general--transparent);
border-left-style:none;
border-left-width:0;
border-left-color:var(--colors-general--transparent);
background-color:var(--colors-general--transparent);
box-shadow:none;
margin-top:calc(var(--component-button--vertical-padding)*-1);
margin-bottom:calc(var(--component-button--vertical-padding)*-1);
margin-left:calc(var(--component-button--horizontal-padding)*-1);
margin-right:calc(var(--component-button--horizontal-padding)*-1)
}
.bento_dropdown-btn.cc-ghost:hover {
background-color:var(--colors-black--100)
}
.bento_dropdown-btn.cc-icon-trailing {
padding-right:1rem
}
.bento_dropdown-btn.cc-minimal {
border:0px none var(--colors-general--transparent);
background-color:var(--colors-general--transparent);
box-shadow:none;
padding:0
}
.bento_dropdown-btn.cc-minimal:hover {
color:var(--colors-page-wrapper--text-muted)
}
.bento_dropdown-btn.cc-watch-demo {
grid-column-gap:.5rem;
grid-row-gap:.5rem;
border-radius:var(--radius--round);
padding-left:.6rem;
padding-right:2rem
}
.bento_dropdown-btn.cc-icon-only {
padding-left:.5rem;
padding-right:.5rem
}
.bento_dropdown-btn.cc-medium {
padding:var(--component-button--vertical-padding)var(--component-button--horizontal-padding-small);
grid-column-gap:var(--component-button--flex-gap-small);
grid-row-gap:var(--component-button--flex-gap-small);
font-size:var(--_typography---paragraph-sm--font-size)
}
.bento_dropdown-wrapper {
background-color:#0000;
padding-top:.5rem;
position:absolute;
top:100%;
right:0
}
.bento_dropdown-list {
border-top-left-radius:var(--radius--small-plus);
border-top-right-radius:var(--radius--small-plus);
border-bottom-left-radius:var(--radius--small-plus);
border-bottom-right-radius:var(--radius--small-plus);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-overlay);
grid-template-rows:auto auto auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
grid-auto-flow:column;
padding:.25rem;
display:block
}
.bento_dropdown-link {
padding:var(--component-button--vertical-padding-small)var(--component-button--horizontal-padding-small);
grid-column-gap:.25rem;
grid-row-gap:.25rem;
border-radius:var(--radius--small);
font-size:var(--_typography---paragraph-sm--font-size);
line-height:var(--_typography---paragraph-sm--line-height\);
white-space:nowrap;
align-items:center;
width:auto;
text-decoration:none;
transition:background-color .4s cubic-bezier(.86,0,.07,1);
display:flex
}
.bento_dropdown-link:hover {
background-color:var(--colors-black--100)
}
.bento_dropdown-link.w--current {
color:var(--\)
}
.u-z-index-2 {
z-index:2;
position:relative
}
.u-fade-to-white-top {
z-index:1;
background-image:linear-gradient(0deg,#fff0,var(--colors-page-wrapper--background)75%);
height:12rem;
position:absolute;
inset:0% 0% auto
}
.code-embed {
text-align:center;
min-width:auto;
min-height:auto
}
.button {
text-align:center
}
.icon-32 {
width:32px;
height:32px;
display:flex
}
.featured-number {
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--component-button--border-color);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--component-button--border-color);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--component-button--border-color);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--component-button--border-color);
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
background-color:var(--colors-page-wrapper--background);
box-shadow:var(--shadow-input);
justify-content:center;
align-items:center;
width:40px;
height:40px;
padding:.5rem;
transition-property:background-color,color;
transition-duration:.4s,.4s;
transition-timing-function:cubic-bezier(.86,0,.07,1),cubic-bezier(.86,0,.07,1);
display:inline-flex
}
.featured-number.cc-dark {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000)
}
.banner {
background-color:var(--colors-black--1000);
color:var(--colors-white--1000);
justify-content:center;
align-items:center;
display:flex
}
.icon-24 {
width:24px;
height:24px;
display:flex
}
.u-strikethrough {
text-decoration:line-through
}
.u-text-disabled {
color:var(--colors-page-wrapper--text-disabled)
}
.download_wrap {
margin-bottom:var(--_typography---paragraph-body--font-size);
padding-top:var(--_layout---spacing-rem--2rem);
padding-right:var(--_layout---spacing-rem--2rem);
padding-bottom:var(--_layout---spacing-rem--2rem);
padding-left:var(--_layout---spacing-rem--2rem);
border-top-left-radius:var(--radius--small-plus);
border-top-right-radius:var(--radius--small-plus);
border-bottom-left-radius:var(--radius--small-plus);
border-bottom-right-radius:var(--radius--small-plus);
background-image:linear-gradient(180deg,var(--colors-white--500),var(--colors-white--500));
box-shadow:var(--shadow-sm-inset);
background-position:0 0,0 0;
background-size:auto,10px;
justify-content:center;
align-items:center;
min-height:200px;
display:flex
}
.download_wrap:hover {
background-image:linear-gradient(#bbbbbb80,#bbbbbb80);
background-position:0 0,0 0;
background-size:auto,10px
}
.brand-color_wrap {
margin-bottom:var(--_typography---paragraph-body--font-size);
padding-top:var(--_layout---spacing-rem--2rem);
padding-right:var(--_layout---spacing-rem--2rem);
padding-bottom:var(--_layout---spacing-rem--2rem);
padding-left:var(--_layout---spacing-rem--2rem);
border-top-left-radius:var(--radius--small-plus);
border-top-right-radius:var(--radius--small-plus);
border-bottom-left-radius:var(--radius--small-plus);
border-bottom-right-radius:var(--radius--small-plus);
box-shadow:var(--shadow-sm-inset);
justify-content:center;
align-items:center;
min-height:150px;
display:flex
}
.brand-color_wrap.cc-gradient {
min-height:400px
}
.u-wrap-anywhere {
overflow-wrap:anywhere
}
.gallery_img {
aspect-ratio:16/10;
border-top-left-radius:var(--radius--small);
border-top-right-radius:var(--radius--small);
border-bottom-left-radius:var(--radius--small);
border-bottom-right-radius:var(--radius--small);
object-fit:cover;
object-position:50% 0%;
box-shadow: 0px 1px 1.5px 0px hsl(var(--shadow-color) / 0.01),
0px 2px 3px 0px hsl(var(--shadow-color) / 0.02),
0px 4px 6px 0px hsl(var(--shadow-color) / 0.03),
0px 8px 12px 0px hsl(var(--shadow-color) / 0.04),
0px 16px 24px 0px hsl(var(--shadow-color) / 0.05);
width:80%
}
.gallery_img-wrapper {
padding-top:var(--component-card--card-body-padding-lg);
padding-bottom:var(--component-card--card-body-padding-lg);
justify-content:center;
display:flex
}
.input-group-2 {
text-align:left;
flex-direction:column;
margin-bottom:1rem;
display:block;
position:relative
}
.input-group-2.cc-toggle {
flex-flow:row-reverse;
justify-content:space-between;
align-items:center;
margin-bottom:8px;
padding:0;
display:flex
}
.input-toggle {
background-color:var(--colors-black--300);
background-image:none;
background-position:2px;
background-repeat:no-repeat;
background-size:20px 20px;
border:0 solid #000;
border-radius:999px;
flex:none;
width:40px;
height:24px;
margin-top:0;
margin-left:0;
margin-right:1.25rem;
transition:all .2s cubic-bezier(.86,0,.07,1)
}
.input-toggle.w--redirected-checked {
background-color:var(--colors-black--1000);
background-image:none;
background-position:18px;
background-repeat:no-repeat;
background-size:20px 20px;
border-color:#008099
}
.input-toggle.w--redirected-focus {
box-shadow:none
}
.input-label-2 {
z-index:1;
color:#3e3d3a;
letter-spacing:0;
border-top-right-radius:3px;
margin-bottom:0;
font-size:.875rem;
font-weight:600;
line-height:1.5em;
position:relative
}
.u-mr-0-5 {
margin-right:var(--_layout---spacing-rem--0-5rem)
}
.fs_selectcustom-1_list.w--open {
padding-top:var(--_layout---spacing-rem--0-5rem);
padding-right:var(--_layout---spacing-rem--0-5rem);
padding-bottom:var(--_layout---spacing-rem--0-5rem);
padding-left:var(--_layout---spacing-rem--0-5rem);
grid-column-gap:2px;
grid-row-gap:2px;
border-top-left-radius:var(--radius--medium);
border-top-right-radius:var(--radius--medium);
border-bottom-left-radius:var(--radius--medium);
border-bottom-right-radius:var(--radius--medium);
background-color:var(--colors-white--1000);
box-shadow:var(--shadow-overlay);
flex-flow:column;
min-width:200px;
margin-top:.5rem;
display:flex
}
.fs_selectcustom-1_field {
margin-bottom:0;
display:none
}
.fs_selectcustom-1_toggle {
background-color:#f5f5f5;
padding:.75rem 4rem .75rem 1rem
}
.fs_selectcustom-1_toggle:focus-visible,.fs_selectcustom-1_toggle[data-wf-focus-visible] {
outline-offset:4px;
outline:2px solid #9b9b9b
}
.fs_selectcustom-1_link {
padding:var(--component-button--vertical-padding)var(--component-button--horizontal-padding)var(--component-button--vertical-padding)var(--component-button--horizontal-padding-small);
border-radius:var(--component-button--border-radius);
font-size:var(--_typography---paragraph-sm--font-size);
background-color:#fff;
width:100%
}
.fs_selectcustom-1_link:hover {
background-color:var(--colors-black--100)
}
.fs_selectcustom-1_link:focus-visible,.fs_selectcustom-1_link[data-wf-focus-visible] {
z-index:1;
outline-offset:4px;
outline:2px solid #9b9b9b
}
.fs_selectcustom-1_link.w--current {
background-color:var(--colors-black--100);
color:var(--colors-page-wrapper--text);
font-weight:var(--type-weight--500)
}
.fs_selectcustom-1_dropdown {
z-index:99;
margin-left:0
}
.fs_selectcustom-1_component {
grid-column-gap:1rem;
grid-row-gap:1rem;
grid-template-rows:auto;
grid-template-columns:1fr;
grid-auto-columns:1fr;
display:grid
}
.fs_selectcustom-1_embed {
margin-bottom:0;
display:none
}
.fs_selectcustom-1_message {
color:var(--accessible-components--dark-grey\)
}
.gallery_type {
padding-top:var(--component-card--card-body-padding-lg);
display:flex
}
.u-text-mono {
font-family:var(--_typography---mono--font);
font-weight:var(--_typography---mono--font-weight);
letter-spacing:var(--_typography---mono--letter-spacing);
text-transform:uppercase
}
.u-code-block {
font-size:var(--_typography---paragraph-sm--font-size);
overflow:auto
}
.u-maxw-24 {
max-width:24rem
}
.u-code-span {
border-radius:var(--radius--small);
background-color:var(--colors-black--200);
font-family:var(--_typography---fonts--mono-font);
padding-left:.25em;
padding-right:.25em;
font-size:.9em
}
.u-bg-embed-theme {
background-color:var(--accent-color)
}
.navbar_spacer {
height:var(--component-navbar--padding-top)
}
.code-embed-2 {
margin-bottom:100px
}
.icon-color {
color:inherit;
display:inline-flex
}
.icon-color:where(.w-variant-3d98250a-60f3-9084-ae2a-19760305acce) {
color:var(--colors-general--primary)
}
.icon-color:where(.w-variant-24da67a0-754e-8564-7333-5533f796c0e1) {
color:var(--colors-page-wrapper--text-muted)
}
.icon-color:where(.w-variant-aa83240c-c2b2-19af-a09d-bd0db37931a2) {
color:var(--colors-general--success)
}
.icon-color:where(.w-variant-d6e1cf52-a51e-d251-d940-3aedf87bb453) {
color:var(--colors-general--error)
}
.icon-color:where(.w-variant-5e1bfc4b-a548-cc1f-3c41-3f784ac9e961) {
color:var(--colors-page-wrapper--text-disabled)
}
.icon-color:where(.w-variant-b721aee7-29b0-7e5d-85ea-b46b08fd8716) {
color:var(--embed-accent-color)
}
.icon-color:where(.w-variant-a872529d-b534-c3a2-7131-d71a6fb22da5) {
background-image:linear-gradient(135deg,var(--colors-general--primary),var(--colors-general--secondary));
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
background-clip:text
}
.icon-2 {
width:1em;
height:1em;
font-size:1em;
font-style:normal;
line-height:1;
display:inline-flex
}
.icon-2:where(.w-variant-e51a2178-4ae7-a982-87f8-faf6093949d1) {
font-size:var(--_layout---spacing-rem--1rem)
}
.icon-2:where(.w-variant-e0d254b5-2ed4-eaa2-7fb8-a1a58830a960) {
font-size:var(--_layout---spacing-rem--2rem)
}
.icon-2:where(.w-variant-b0a967ec-9104-aafa-bdaa-0b6fef958b94) {
font-size:var(--_layout---spacing-rem--3rem)
}
.icon-2:where(.w-variant-62141078-fb62-0852-5cdd-84c5f492501c) {
font-size:var(--_layout---spacing-rem--1-5rem)
}
.icon-2:where(.w-variant-6c1f864d-5e0f-c2cb-8e27-e814c497c73b) {
font-size:var(--_layout---spacing-rem--1-25rem)
}
.icon-2:where(.w-variant-3077f6d2-8aae-bf82-3844-06218a494311) {
font-size:var(--_layout---spacing-rem--0-75rem)
}
.icon-color-2 {
color:inherit;
display:inline-flex
}
.icon-3 {
width:1em;
font-size:1em;
font-style:normal;
display:inline-flex
}
.flex-grow {
flex:1
}
.navbar_logo-wrap {
width:100%;
position:relative
}
.u-skew-left {
aspect-ratio:3/2;
border-radius:var(--radius--small);
object-fit:contain;
object-position:0% 0%;
transform-style:preserve-3d;
transform:scaleY(.86)skew(8deg)rotate(-11deg)
}
.u-vw-45 {
width:45vw;
max-width:45vw
}
.u-text-balance {
text-wrap:balance
}
.avatar_border {
border:1px solid var(--colors-general--border);
border-radius:var(--radius--round);
position:absolute;
inset:0%
}
.u-scale-0-6 {
transform:scale(.6)perspective(1000px)
}
.u-preserve-3d {
transform-style:preserve-3d
}
.perspective_hero {
border-top-style:solid;
border-top-width:1px;
border-top-color:var(--colors-general--border);
border-right-style:solid;
border-right-width:1px;
border-right-color:var(--colors-general--border);
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:var(--colors-general--border);
border-left-style:solid;
border-left-width:1px;
border-left-color:var(--colors-general--border);
border-top-left-radius:var(--radius--small-plus);
border-top-right-radius:var(--radius--small-plus);
border-bottom-left-radius:var(--radius--small-plus);
border-bottom-right-radius:var(--radius--small-plus);
transform-origin:0 0;
transform-style:preserve-3d;
width:1000px;
height:500px;
position:absolute;
inset:0%;
transform:translateY(25%)rotateX(47deg)rotateY(31deg)rotate(324deg)scale(1.2)
}
.perspective-hero_page {
transform-style:preserve-3d;
height:100%;
overflow:hidden
}
.perspective-hero_page.cc-protected {
opacity:0;
position:absolute;
inset:0%
}
.perspective-hero_modal {
border-radius:var(--radius--small-plus);
background-color:var(--colors-black--50);
justify-content:center;
align-items:center;
display:flex;
position:absolute;
inset:0%
}
.perspective-hero_placeholder {
aspect-ratio:3/2;
border-radius:var(--radius--small-plus);
background-color:var(--colors-black--100)
}
.embed_inputs-filled {
opacity:0;
position:absolute;
inset:0% auto auto 0%
}
.perspective_hero-wrapper {
perspective:4000px;
perspective-origin:100% 0;
transform-style:preserve-3d;
min-height:600px;
position:relative
}
.u-border-top-md {
border-top:1px none var(--colors-general--border)
}
.u-p-1-5 {
padding:var(--_layout---spacing-rem--1-5rem)
}
.icon-memberstack {
flex:none;
width:40px;
height:40px;
display:flex
}
.image-2 {
text-align:left
}
.container-2 {
text-align:center
}
.image-3 {
margin-top:0;
margin-bottom:0;
padding-bottom:0
}
.rich-text-aside {
position:absolute
}
.rich-text-aside.cc-right {
bottom:auto;
left:auto;
right:0%
}
.rich-text-aside.cc-right.cc-jaunty {
transform:rotate(5deg)
}
.u-drop-shadow {
filter:drop-shadow(0 0 1px hsl(var(--shadow-color)/.2))drop-shadow(0 2px 2px hsl(var(--shadow-color)/.05))
}
.u-text-nowrap {
white-space:nowrap
}
@media screen and (max-width:991px) {
.h4 {
font-size:var(--_responsive---type-h4--font-size-md\)
}
.section {
padding-top:var(--_responsive---padding--section-padding-md);
padding-bottom:var(--_responsive---padding--section-padding-md)
}
.section.cc-compact {
padding-top:var(--_responsive---padding--section-compact-padding-md);
padding-bottom:var(--_responsive---padding--section-compact-padding-md)
}
.section.cc-hero.cc-compact {
padding-top:7.5rem
}
.section.cc-hero-lg {
padding-top:9.5rem
}
.section.cc-h-100vh {
height:auto
}
.col {
flex:0 100%;
max-width:100%
}
.col.col-lg-3,.col.col-lg-6 {
flex-basis:100%;
max-width:100%
}
.col.col-md-9 {
flex-basis:75%;
max-width:75%
}
.col.col-lg-7,.col.col-lg-2 {
flex-basis:100%;
max-width:100%
}
.col.col-md-2 {
flex-basis:16.67%;
max-width:16.6667%
}
.col.col-md-6 {
flex-basis:50%;
max-width:50%
}
.col.col-lg-5 {
flex-basis:100%;
max-width:100%
}
.col.col-md-5 {
flex-basis:41.67%;
max-width:41.6667%
}
.col.col-lg-9 {
flex-basis:100%;
max-width:100%
}
.col.col-md-4 {
flex-basis:33.33%;
max-width:33.3333%
}
.col.col-md-11 {
flex-basis:91.67%;
max-width:91.6667%
}
.col.col-md-3 {
flex-basis:25%;
max-width:25%
}
.col.col-md-8 {
flex-basis:66.67%;
max-width:66.6667%
}
.col.col-md-7 {
flex-basis:58.33%;
max-width:58.3333%
}
.col.col-lg-11,.col.col-lg-8,.col.col-lg-4 {
flex-basis:100%;
max-width:100%
}
.col.col-md-10 {
flex-basis:83.33%;
max-width:83.3333%
}
.col.col-md-1 {
flex-basis:8.33%;
max-width:8.33333%
}
.col.col-lg-10,.col.col-md-12,.col.col-lg-1 {
flex-basis:100%;
max-width:100%
}
.col.col-md-first {
order:-1
}
.col.col-md-last {
order:1
}
.card.cc-no-radius-right,.card.cc-no-radius-left {
border-radius:var(--component-card--border-radius)
}
.u-mt-0 {
margin-top:0
}
.u-mb-0 {
margin-bottom:0
}
.u-m-0 {
margin:0
}
.u-p-0 {
padding:0
}
.u-pt-0 {
padding-top:0
}
.div-block,.rich-text blockquote {
font-size:var(--_responsive---type-paragraph-1-25--font-size-md\)
}
.rich-text figcaption {
font-size:var(--_responsive---type-paragraph-0-875--font-size-md\)
}
.menu-icon2_line-bottom {
background-color:var(--colors-black--1000);
width:24px;
height:2px;
padding-bottom:0;
padding-right:0
}
.navbar_menu-button {
padding:0
}
.navbar_menu-button.w--open {
background-color:#0000
}
.navbar_dropdown-wrapper {
padding-top:0;
display:block;
position:static;
overflow:hidden
}
.navbar_dropdown-wrapper.w--open {
border-style:none;
padding:0
}
.menu-icon2_line-top {
background-color:var(--colors-black--1000);
width:24px;
height:2px;
padding-bottom:0;
padding-right:0
}
.dropdown-chevron {
display:none;
inset:auto 0% auto auto
}
.navbar_menu {
border-bottom:1px solid var(--colors-general--transparent);
background-color:var(--colors-page-wrapper--background);
-webkit-text-fill-color:inherit;
background-clip:border-box;
justify-content:center;
width:100%;
padding-top:0;
padding-bottom:2.5rem;
display:flex;
position:absolute;
overflow:auto
}
.navbar_menu.is-page-height-tablet {
height:100dvh;
padding-bottom:6.5rem;
transition:height .5s
}
.navbar_wrapper {
grid-template-columns:.25fr 1fr;
width:100%;
display:flex
}
.menu-icon2 {
flex-direction:column;
justify-content:center;
align-items:center;
width:40px;
height:30px;
padding-bottom:0;
padding-right:0;
display:flex
}
.navbar_menu-dropdown {
justify-content:center;
align-items:center;
width:100%;
display:flex
}
.navbar_dropdown-trigger {
pointer-events:none;
color:var(--colors-page-wrapper--text);
text-align:center;
width:100%;
padding:.75rem 0
}
.navbar_button-wrapper {
align-items:center
}
.navbar_dropdown-link {
width:auto;
padding:0 0 .75rem
}
.navbar_dropdown-link:hover {
background-color:#0000
}
.menu-icon2_line-middle {
background-color:var(--colors-black--1000);
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-middle-inner {
width:4px;
height:0;
padding-bottom:0;
padding-right:0
}
.navbar_dropdown-list {
box-shadow:none;
padding-top:0;
padding-left:0;
padding-right:0
}
.navbar_link {
color:var(--colors-page-wrapper--text);
text-align:center;
order:-1;
width:100%;
padding:.75rem 0
}
.navbar_link:hover {
background-color:#0000
}
.navbar_mobile-buttons {
grid-column-gap:var(--_layout---spacing-rem--0-75rem);
grid-row-gap:var(--_layout---spacing-rem--0-75rem);
flex-flow:column;
margin-top:1.5rem;
display:flex
}
.navbar_menu-inner {
flex-flow:column
}
.u-d-none-tablet {
display:none
}
.navbar_menu-container {
max-width:var(--_layout---container--max-width);
width:88%;
margin-left:auto;
margin-right:auto
}
.u-mt-0-5 {
margin-top:0
}
.pricing_tabs-menu {
margin-bottom:2rem
}
.u-pb-0 {
padding-bottom:0
}
.fs_rangeslider-1_handle {
width:2rem;
height:2rem
}
.more-contacts {
display:none
}
.section-inset.cc-md-default {
top:.5rem;
bottom:.5rem
}
.u-vw-50 {
width:100%;
max-width:100%
}
.u-mb-6 {
margin-bottom:var(--_responsive---padding--section-padding-md)
}
.chrome_tab-link {
border-radius:var(--radius--small-plus);
padding:.375rem
}
.chrome_tab-link.w--current {
padding-bottom:.75rem
}
.chrome_tabs-wrapper {
height:auto;
padding-top:3rem
}
.navbar_container {
grid-template-columns:.25fr 1fr;
display:flex
}
.bento-img {
width:calc(100% - 24px);
left:24px
}
.footer_skew-wrapper {
height:30vw
}
.u-skew-right {
width:100vw;
max-width:100vw
}
.sign-up_layout {
grid-template-columns:1fr
}
.anchor_link {
display:none
}
.u-minh-40 {
min-height:auto
}
.u-d-block-portrait {
display:none
}
.u-position-static-tablet {
position:static
}
.icon-tabbing {
width:20px;
height:20px
}
.u-d-block-tablet {
display:block
}
.bento-img-wrapper.cc-auto-height {
height:auto
}
.u-break-desktop {
display:inline
}
.u-p-2-desktop {
padding-top:0;
padding-bottom:0
}
.u-mt-6 {
margin-top:var(--_responsive---padding--section-padding-md)
}
.bento_auth-protected {
width:240px;
height:auto;
inset:50% auto 0
}
.bento_auth-connector {
border-left:1px dashed var(--colors-black--400);
border-top-style:none;
min-width:auto;
min-height:24px
}
.bento_auth-protected-lock {
top:100%
}
.bento_dropdown-wrapper.w--open {
border-style:none
}
.u-skew-left {
width:100vw;
max-width:100vw
}
.u-vw-45 {
width:100%;
max-width:100%
}
.perspective_hero {
transform:translate(-24px,25%)rotateX(47deg)rotateY(31deg)rotate(324deg)scale(1.2)
}
.u-border-top-md {
border-top-style:solid
}
.u-text-center-md {
text-align:center
}
.u-border-bottom-md {
border-bottom:1px solid var(--colors-general--border)
}
}
@media screen and (max-width:767px) {
h5 {
font-size:1rem
}
h6 {
font-size:.8rem
}
.h4 {
font-size:var(--_responsive---type-h4--font-size-sm\)
}
.section {
padding-top:var(--_responsive---padding--section-padding-sm);
padding-bottom:var(--_responsive---padding--section-padding-sm)
}
.section.cc-compact {
padding-top:var(--_responsive---padding--section-compact-padding-sm);
padding-bottom:var(--_responsive---padding--section-compact-padding-sm)
}
.section.cc-hero,.section.cc-hero.cc-compact {
padding-top:6rem
}
.section.cc-hero-lg {
padding-top:7.5rem
}
.col.col-sm-12 {
flex-basis:100%;
max-width:100%
}
.col.col-sm-9 {
flex-basis:75%;
max-width:75%
}
.col.col-sm-10 {
flex-basis:83.33%;
max-width:83.3333%
}
.col.col-sm-7 {
flex-basis:58.33%;
max-width:58.3333%
}
.col.col-sm-5 {
flex-basis:41.67%;
max-width:41.6667%
}
.col.col-sm-6 {
flex-basis:50%;
max-width:50%
}
.col.col-sm-3 {
flex-basis:25%;
max-width:25%
}
.col.col-sm-4 {
flex-basis:33.33%;
max-width:33.3333%
}
.col.col-sm-1 {
flex-basis:8.33%;
max-width:8.33333%
}
.col.col-sm-8 {
flex-basis:66.67%;
max-width:66.6667%
}
.col.col-sm-11 {
flex-basis:91.67%;
max-width:91.6667%
}
.col.col-sm-2 {
flex-basis:16.67%;
max-width:16.6667%
}
.col.col-sm-first {
order:-1
}
.col.col-sm-last {
order:1
}
.card-body {
padding:var(--component-card--card-body-padding-sm)
}
.form-success_flex {
max-width:340px
}
.styles__section-label {
padding-bottom:10px
}
.styles__nav-link {
text-align:left;
padding:.6em 0;
display:block
}
.styles__nav-link.cc-cta {
background-color:#0000;
margin-left:0;
padding-left:0;
padding-right:0;
display:block
}
.styles__nav-link.cc-cta:hover {
background-color:#0000;
text-decoration:underline
}
.styles__nav-btn {
margin-top:-2px;
padding:0 2px;
font-size:1.8rem;
line-height:1
}
.styles__nav-btn:hover {
background-color:var(--colors-black--300)
}
.styles__nav-btn.w--open {
background-color:var(--colors-black--300);
border-radius:4px
}
.styles__nav-menu {
background-color:var(--colors-black--300);
padding:12px 5% 20px
}
.styles__nav-btn-icon {
width:28px;
height:28px
}
.u-d-flex.cc-gap-1 {
grid-column-gap:.5rem;
grid-row-gap:.5rem
}
.u-mt-2 {
margin-top:var(--_layout---spacing-rem--1rem)
}
.u-mt-3 {
margin-top:var(--_layout---spacing-rem--1-5rem)
}
.u-mt-1 {
margin-top:var(--_layout---spacing-rem--0-5rem)
}
.u-mb-1 {
margin-bottom:var(--_layout---spacing-rem--0-5rem)
}
.u-mb-2 {
margin-bottom:var(--_layout---spacing-rem--2rem)
}
.u-mb-3 {
margin-bottom:var(--_layout---spacing-rem--1-5rem)
}
.u-pb-3 {
padding-bottom:var(--_layout---spacing-rem--1-5rem)
}
.u-pt-3 {
padding-top:var(--_layout---spacing-rem--1-5rem)
}
.u-p-0 {
padding:0
}
.u-pt-0 {
padding-top:0
}
.div-block {
font-size:var(--_responsive---type-paragraph-1-25--font-size-sm\)
}
.rich-text h1,.rich-text h3,.rich-text h4 {
margin-top:var(--_layout---spacing-rem--1-5rem)
}
.rich-text blockquote {
font-size:var(--_responsive---type-paragraph-1-25--font-size-sm\)
}
.rich-text figure {
margin-top:var(--_layout---spacing-rem--1-5rem);
margin-bottom:var(--_layout---spacing-rem--1-5rem)
}
.rich-text figcaption {
font-size:var(--_responsive---type-paragraph-0-875--font-size-sm\)
}
.navbar_menu.is-page-height-tablet {
padding-bottom:6rem
}
.u-mb-1-5 {
margin-bottom:var(--_layout---spacing-rem--0-75rem)
}
.u-mt-1-5 {
margin-top:var(--_layout---spacing-rem--0-75rem)
}
.u-pb-0 {
padding-bottom:0
}
.embed_body {
padding:var(--component-card--card-body-padding-sm)
}
.embed_btn {
padding:.5em 1em
}
.embed_radio-group.cc-tabs {
white-space:nowrap;
align-self:flex-start;
width:100%;
overflow:scroll
}
.u-fade-to-white-bottom {
pointer-events:none;
height:6rem
}
.u-mb-6 {
margin-bottom:var(--_responsive---padding--section-padding-sm)
}
.u-d-block-portrait {
display:none
}
.bento-img-wrapper {
min-height:16rem
}
.u-mt-6 {
margin-top:var(--_responsive---padding--section-padding-sm)
}
}
@media screen and (max-width:479px) {
.h4 {
font-size:var(--_responsive---type-h4--font-size-xs\)
}
.section {
padding-top:var(--_responsive---padding--section-padding-xs);
padding-bottom:var(--_responsive---padding--section-padding-xs)
}
.section.cc-compact {
padding-top:var(--_responsive---padding--section-compact-padding-xs);
padding-bottom:var(--_responsive---padding--section-compact-padding-xs)
}
.section.cc-hero,.section.cc-hero.cc-compact {
padding-top:5.5rem
}
.section.cc-hero-lg {
padding-top:6.5rem
}
.container {
width:calc(100% - 3rem)
}
.col {
flex-basis:100%;
max-width:100%
}
.col.col-xs-11 {
flex-basis:91.67%;
max-width:91.6667%
}
.col.col-xs-6 {
flex-basis:50%;
max-width:50%
}
.col.col-xs-10 {
flex-basis:83.33%;
max-width:83.3333%
}
.col.col-xs-4 {
flex-basis:33.33%;
max-width:33.3333%
}
.col.col-xs-3 {
flex-basis:25%;
max-width:25%
}
.col.col-xs-7 {
flex-basis:58.33%;
max-width:58.3333%
}
.col.col-xs-8 {
flex-basis:66.67%;
max-width:66.6667%
}
.col.col-xs-9 {
flex-basis:75%;
max-width:75%
}
.col.col-xs-2 {
flex-basis:16.67%;
max-width:16.6667%
}
.col.col-xs-12 {
flex-basis:100%;
max-width:100%
}
.col.col-xs-5 {
flex-basis:41.67%;
max-width:41.6667%
}
.col.col-xs-1 {
flex-basis:8.33%;
max-width:8.33333%
}
.col.col-xs-first {
order:-1
}
.btn.cc-medium.cc-dark,.input {
font-size:var(--_typography---paragraph-body--font-size)
}
.styles__row-example {
height:auto
}
.styles__nav-menu {
padding-left:7%;
padding-right:7%
}
.u-mt-0 {
margin-top:0
}
.u-mb-0 {
margin-bottom:0
}
.u-m-0 {
margin:0
}
.u-p-0 {
padding:0
}
.u-pt-0 {
padding-top:0
}
.div-block,.rich-text blockquote {
font-size:var(--_responsive---type-paragraph-1-25--font-size-xs\)
}
.rich-text figcaption {
font-size:var(--_responsive---type-paragraph-0-875--font-size-xs\)
}
.navbar_menu-container {
width:calc(100% - 3rem)
}
.u-mt-0-5 {
margin-top:0
}
.u-pb-0 {
padding-bottom:0
}
.section-inset {
border-radius:var(--radius--large)
}
.section-inset.cc-bottom--12 {
bottom:-6rem
}
.u-mb-6 {
margin-bottom:var(--_responsive---padding--section-padding-xs)
}
.navbar_container {
padding-top:var(--component-navbar--padding-top-xs);
width:calc(100% - 2rem)
}
.integration-logo {
width:40px;
height:40px
}
.card-top-right-corner.cc-static-portrait {
justify-content:center;
margin-top:0;
margin-bottom:1rem;
margin-right:0;
position:static
}
.help_component.u-shadow-overlay.u-radius-round {
margin-bottom:16px;
margin-right:16px
}
.u-d-none-portrait {
display:none
}
.u-d-block-portrait {
display:block
}
.bento-img-wrapper {
min-height:12rem
}
.u-d-flex-portrait {
display:flex
}
.u-mt-6 {
margin-top:var(--_responsive---padding--section-padding-xs)
}
.card-bottom-right-corner.cc-static-portrait,.card-bottom-left-corner.cc-static-portrait {
justify-content:center;
margin-top:0;
margin-bottom:1rem;
margin-right:0;
position:static
}
.bento_dropdown-btn.cc-medium.cc-dark {
font-size:var(--_typography---paragraph-body--font-size)
}
.navbar_spacer {
height:var(--component-navbar--padding-top-xs)
}
.perspective_hero {
transform:translate(-16px,10%)rotateX(47deg)rotateY(31deg)rotate(324deg)scale(.6)
}
.perspective_hero-wrapper {
min-height:300px
}
}
#w-node-_206f8271-6936-516a-99ec-493e42cf6eb4-cc29a5f7 {
justify-self:start
}
#w-node-_044be52f-b587-5f9e-108a-8c88a3c38954-cc29a5f7 {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a5fb-cc29a5f7 {
justify-self:center
}
#w-node-d6d21e1f-190c-a13f-6c92-f9b09ddcb584-cc29a5f7,#w-node-d6d21e1f-190c-a13f-6c92-f9b09ddcb5a7-cc29a5f7,#w-node-d6d21e1f-190c-a13f-6c92-f9b09ddcb5b5-cc29a5f7,#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a636-cc29a5f7,#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a63d-cc29a5f7,#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a644-cc29a5f7,#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a64b-cc29a5f7,#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a652-cc29a5f7,#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a621-cc29a5f7 {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_6f7abce1-6d4c-58a8-e7c3-2ef1cc29a67e-cc29a5f7 {
justify-self:end
}
#w-node-_21be66b7-0793-cebe-b13d-c0ec9f348ff4-9f348ff1 {
justify-self:start
}
#w-node-_21be66b7-0793-cebe-b13d-c0ec9f349000-9f348ff1 {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_21be66b7-0793-cebe-b13d-c0ec9f34901c-9f348ff1 {
justify-self:center
}
#w-node-_21be66b7-0793-cebe-b13d-c0ec9f349027-9f348ff1 {
justify-self:end
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.btn-cta-audit {
background-image: linear-gradient(90deg, rgb(38, 0, 42), rgb(219, 40, 119) 54%, rgb(61, 5, 52));
background-size: 200% 100%;
box-shadow: none;
background-position: 0% center;
border-radius: 14px;
padding: 4px 4px 8px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
}
.btn-cta-audit:hover {
background-image: linear-gradient(90deg, #26002a, #db2877 54%, #3d0534);
background-size: 200% 100%;
background-color: transparent;
transform: scale(1.02);
box-shadow: 0 4px 8px #ff744833;
animation: gradient-shift 2s ease infinite;
}
@keyframes gradient-shift {
0% {
background-position: 0% center;
}
50% {
background-position: 100% center;
}
100% {
background-position: 0% center;
}
}
.btn-cta-content {
background: white;
border-radius: 10px;
padding: 12px;
min-width: 20rem;
text-align: center;
color: #26002a;
font-weight: 600;
}
.hero_members-badge {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
gap: 0.75rem;
}
.hero_members-badge .text-size-small {
font-family: "JetBrains Mono";
text-transform: uppercase;
}
.logo-shopify {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
margin: 0px 0.3em;
border-radius: 6px;
background: rgb(255, 255, 255);
padding: 5px;
}
.hero_members-image {
width: 2rem;
height: 2rem;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
.cc-logo-carousel {
width: fit-content;
margin: auto;
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
}
.featuring .u-text-muted {
color: #ffffff80;
}
/* Variables CSS pour les notifications */
:root {
--notif-height: 46px;
--notif-gap: 8px;
--notif-container-height: calc((var(--notif-height) + var(--notif-gap)) * 6 - var(--notif-gap));
}
.shopify-notification {
display: flex;
align-items: center;
gap: 10px;
padding: 5px 10px;
position: relative;
background-color: #f8f9f9;
border-radius: 12px;
overflow: hidden;
width: 100%;
box-sizing: border-box;
height: var(--notif-height);
min-height: var(--notif-height);
max-height: var(--notif-height);
flex-shrink: 0;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Icône */
.shopify-notification__icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 2px;
background-color: #ffffff;
border-radius: 5px;
flex-shrink: 0;
width: 32px;
height: 32px;
}
.shopify-notification__icon img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
/* Contenu texte */
.shopify-notification__content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex: 1;
box-sizing: border-box;
}
/* En-tête (titre + temps) */
.shopify-notification__header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 2px;
gap: 8px;
}
.shopify-notification__title {
font-weight: 600;
color: #000000;
font-size: 10px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.shopify-notification__time {
font-weight: 400;
color: #00000080;
font-size: 8px;
line-height: 1.2;
flex-shrink: 0;
white-space: nowrap;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Message */
.shopify-notification__message {
font-weight: 400;
color: #000000;
font-size: 8px;
line-height: 1.3;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.features-cro .marquee-vertical {
display: flex;
flex-direction: column;
gap: var(--notif-gap);
height: var(--notif-container-height);
overflow: hidden;
position: relative;
/* Disable animations if user prefers reduced motion */
}
@media (prefers-reduced-motion: reduce) {
.features-cro .marquee-vertical {
overflow-y: auto;
}
.features-cro .marquee-vertical .shopify-notification {
transition: none !important;
transform: none !important;
}
}
/* Animation wrapper - will be controlled by JS */
.features-cro .marquee-vertical.is-animating .shopify-notification {
will-change: transform;
}
/* Initial state - no transitions */
.features-cro .marquee-vertical:not(.is-initialized) .shopify-notification {
transition: none !important;
animation: none !important;
}
/* Checkmark Icon */
.cc-checkmark {
width: 14px;
height: 14px;
flex-shrink: 0;
}
.comparative-table .u-d-flex.cc-vertical.cc-gap-0-5.paragraph-1-25 .u-d-flex.cc-gap-0-5 {
align-items: center;
}
.logo-slider {
position: relative;
overflow: hidden;
max-width: 700px;
margin: auto;
height: 80px;
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
.logo-track {
display: flex;
align-items: center;
gap: 16px;
width: calc((48px + 16px) * 24);
animation: scroll 40s linear infinite;
}
.logo-slide {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slide img {
width: 48px;
height: 48px;
opacity: 0.85;
transition: opacity 0.3s ease;
}
.logo-slide img:hover {
opacity: 1;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-1 * ((48px + 16px) * 12))); }
}
/* Animation menu - hover du lien principal (style Outseta) */
.navbar_dropdown-trigger:hover,
.w-dropdown-toggle:hover {
background-color: var(--colors-black--100) !important;
color: var(--colors-page-wrapper--text) !important;
}
.navbar_dropdown-trigger,
.w-dropdown-toggle {
border-radius: 8px;
transition: all 0s ease;
}
.audit-btn {
position: relative;
display: inline-block;
padding: .75rem 2.5rem;
font-size: var(--_typography---paragraph-lg--font-size);
}
.badge-shiny {
position: absolute;
top: -10px;
right: 5px;
background-color: #ffffff63;
font-size: 10px;
font-weight: 600;
font-family: 'Jetbrains Mono';
border: 1px solid;
color: inherit;
padding: 2px 6px;
border-radius: 100px;
line-height: 1;
text-transform: uppercase;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
overflow: hidden;
display: inline-block;
display: none;
}
.badge-shiny::before {
content: '';
position: absolute;
top: 0;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.8), transparent);
animation: badge-shine 4s infinite;
}
@keyframes badge-shine {
0% { left: -75%; }
50% { left: 125%; }
100% { left: 125%; }
}
/* ========================================
Card Stack Animation - Horizontal Slide
======================================== */
.card-stack-container {
position: relative;
width: 100%;
height: 280px;
display: flex;
align-items: flex-end;
justify-content: center;
overflow: hidden;
padding-bottom: 20px;
}
.card-stack-item {
position: absolute;
bottom: 20px;
left: 50%;
width: 85%;
max-width: 280px;
height: 200px;
object-fit: contain;
border-radius: 12px;
box-shadow: 0px 1px 1.5px 0px hsl(var(--shadow-color) / 0.01),
0px 2px 3px 0px hsl(var(--shadow-color) / 0.02),
0px 4px 6px 0px hsl(var(--shadow-color) / 0.03),
0px 8px 12px 0px hsl(var(--shadow-color) / 0.04),
0px 16px 24px 0px hsl(var(--shadow-color) / 0.05);
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center bottom;
will-change: transform;
}
/* Card stack positions */
.card-stack-item.position-1 {
z-index: 6;
transform: translateX(-50%) translateY(0) rotate(2deg);
}
.card-stack-item.position-2 {
z-index: 5;
transform: translateX(-50%) translateY(-10px) rotate(-1.5deg);
}
.card-stack-item.position-3 {
z-index: 4;
transform: translateX(-50%) translateY(-20px) rotate(2.5deg);
}
.card-stack-item.position-4 {
z-index: 3;
transform: translateX(-50%) translateY(-30px) rotate(-3deg);
}
.card-stack-item.position-5 {
z-index: 1;
transform: translateX(-50%) translateY(-40px) rotate(2deg);
}
/* Sliding animation */
.card-stack-item.sliding-down {
z-index: 0;
transform: translateX(-50%) translateY(100%) rotate(0deg);
}
/* Desktop: 14:10 aspect ratio */
@media (min-width: 992px) {
.card-stack-item {
height: auto;
aspect-ratio: 14 / 10;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.card-stack-item {
transition: none;
animation: none;
}
}
/* ========================================
Conversion Chart Styles (Old - kept for compatibility)
======================================== */
.conversion-chart-wrapper {
position: relative;
width: 100%;
overflow: hidden;
background: #f5f5f5;
}
.conversion-chart {
width: 100%;
height: auto;
display: block;
aspect-ratio: 2 / 1;
}
.conversion-curve {
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
}
.conversion-curve-before {
stroke-dasharray: 600;
stroke-dashoffset: 600;
}
.conversion-curve-after {
stroke-dasharray: 1800;
stroke-dashoffset: 1800;
}
/* Guide lines visible by default */
.guide-line-left,
.guide-line-right {
opacity: 0.6;
}
/* Points and labels visible by default */
.point-before,
.point-before-ring,
.point-after,
.point-after-ring,
.label-before,
.label-after {
opacity: 1;
}
/* ========================================
Shopify-Style Conversion Chart
======================================== */
.shopify-metric-card {
background: #ffffff;
padding: 1.5rem 1.25rem;
position: relative;
}
.shopify-metric-header {
margin-bottom: 0;
}
.shopify-metric-title {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
color: #1a1a1a;
margin: 0;
letter-spacing: -0.03em;
font-family: Inter, -apple-system, system-ui, 'San Francisco', 'Segoe UI', Roboto, sans-serif;
}
.shopify-metric-value {
margin-bottom: 1.5rem;
}
.shopify-value-large {
font-size: 28px;
font-weight: 600;
line-height: 1.2;
color: #1a1a1a;
margin: 0;
letter-spacing: -0.03em;
font-family: Inter, -apple-system, system-ui, 'San Francisco', 'Segoe UI', Roboto, sans-serif;
}
/* Responsive styles for mobile */
@media (max-width: 767px) {
.shopify-metric-card {
padding: 1rem 1rem;
}
.shopify-metric-title {
font-size: 12px;
}
.shopify-metric-value {
margin-bottom: 0.75rem;
}
.shopify-value-large {
font-size: 20px;
}
.shopify-trend-indicator svg {
height: 16px;
width: 48px;
}
.shopify-trend-indicator text {
font-size: 11px !important;
}
}
.shopify-chart-container {
width: 100%;
position: relative;
transform: translateZ(0);
z-index: 2;
}
.shopify-chart-svg {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
/* Optional animation for Shopify chart */
.animate .shopify-conversion-line {
stroke-dasharray: 2500;
stroke-dashoffset: 2500;
animation: shopifyDrawLine 2.5s ease-in-out forwards;
}
@keyframes shopifyDrawLine {
to {
stroke-dashoffset: 0;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.animate .shopify-conversion-line {
animation: none;
stroke-dashoffset: 0;
}
}
/* ========================================
VENN DIAGRAM - Overlapping Circles
Reproduction exacte du design original
======================================== */
.venn-diagram {
position: relative;
width: 100%;
max-width: 800px;
height: 650px;
margin: 0 auto;
}
/* Les 3 cercles */
.venn-circle {
position: absolute;
width: 380px;
height: 380px;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 1);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
/* Cercle gauche - Position calculée pour overlap parfait */
.venn-left {
top: 50px;
left: 90px;
}
/* Cercle droit - Position calculée pour overlap parfait */
.venn-right {
top: 50px;
right: 90px;
}
/* Cercle bas - Position calculée pour overlap parfait */
.venn-bottom {
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
/* Titres dans les cercles */
.venn-title {
font-size: 1.75rem;
font-weight: var(--_typography---font-weight--black);
line-height: 1.2;
text-align: center;
color: var(--colors-black--1000);
padding: 0 2rem;
}
.venn-left .venn-title {
margin-left: -50px;
}
.venn-right .venn-title {
margin-right: -50px;
}
.venn-bottom .venn-title {
margin-top: 80px;
}
/* Labels des intersections */
.venn-intersection-label {
position: absolute;
z-index: 2;
}
.venn-int-text {
display: block;
font-size: 0.875rem;
line-height: 1.2;
text-align: center;
color: var(--colors-black--800);
font-weight: var(--_typography---font-weight--medium);
}
.venn-int-text em {
font-style: italic;
font-weight: var(--_typography---font-weight--regular);
}
/* Position des labels d'intersection - Centrés dans les overlaps comme l'image */
.venn-int-top {
top: 125px;
left: 50%;
transform: translateX(-50%);
}
.venn-int-left {
top: 330px;
left: 300px;
}
.venn-int-right {
top: 330px;
right: 300px;
}
/* Badge central "Conversion Alchemy" */
.venn-center-badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
width: 240px;
}
.venn-center-content {
background: var(--colors-black--1000);
color: var(--colors-white--1000);
padding: 1.25rem 1.5rem;
border-radius: var(--radius--small);
text-align: center;
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.3),
0 0 0 3px var(--colors-white--1000);
}
.venn-center-icon {
margin-bottom: 0.5rem;
}
.venn-center-icon .material-symbols-outlined {
font-size: 2rem;
color: var(--colors-general--primary);
}
.venn-center-title {
font-size: 0.875rem;
font-weight: var(--_typography---font-weight--black);
line-height: 1.3;
letter-spacing: 0.05em;
}
/* Responsive */
@media (max-width: 991px) {
.venn-diagram {
height: 550px;
}
.venn-circle {
width: 340px;
height: 340px;
}
.venn-title {
font-size: 1.5rem;
}
.venn-center-badge {
width: 220px;
}
}
@media (max-width: 767px) {
.venn-diagram {
height: 500px;
}
.venn-circle {
width: 280px;
height: 280px;
border-width: 1.5px;
}
.venn-title {
font-size: 1.25rem;
padding: 0 1rem;
}
.venn-left .venn-title {
margin-left: -30px;
}
.venn-right .venn-title {
margin-right: -30px;
}
.venn-bottom .venn-title {
margin-top: 60px;
}
.venn-int-text {
font-size: 0.75rem;
}
.venn-int-top {
top: 75px;
}
.venn-int-left {
left: 125px;
top: 230px;
}
.venn-int-right {
right: 125px;
top: 230px;
}
.venn-center-badge {
width: 200px;
}
.venn-center-content {
padding: 1rem 1.25rem;
}
.venn-center-title {
font-size: 0.75rem;
}
}
@media (max-width: 479px) {
.venn-diagram {
height: 450px;
}
.venn-circle {
width: 200px;
height: 200px;
}
.venn-title {
font-size: 1.125rem;
}
.venn-int-left {
left: 105px;
top: 200px;
}
.venn-int-right {
right: 105px;
top: 200px;
}
.venn-center-badge {
width: 180px;
}
.venn-left {
left: 140px;
}
.venn-right {
right: 140px;
}
.venn-bottom {
top: 190px;
}
}
/* ========================================
Tab Carousel Styles
======================================== */
.tab-carousel-container {
width: 100%;
overflow: hidden;
position: relative;
}
.tab-carousel-wrapper {
display: flex;
flex-wrap: wrap;
gap: 1rem;
transition: none;
}
.tab-carousel-wrapper img {
width: calc((100% - 3rem) / 4);
height: auto;
display: block;
border-radius: 0.5rem;
flex-shrink: 0;
}
.tab-carousel-pagination {
display: none;
}
.carousel-dot {
width: 8px;
height: 8px;
border-radius: 50%;
border: none;
background-color: rgba(255, 255, 255, 0.4);
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
.carousel-dot:hover {
background-color: rgba(255, 255, 255, 0.6);
}
.carousel-dot.active {
background-color: rgba(255, 255, 255, 1);
width: 24px;
border-radius: 4px;
}
/* Mobile only: carousel with pagination */
@media screen and (max-width: 767px) {
.tab-carousel-container {
width: 100%;
overflow: hidden;
position: relative;
touch-action: pan-y pinch-zoom;
}
.tab-carousel-wrapper {
display: flex;
flex-wrap: nowrap;
gap: 0;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
position: relative;
left: 0 !important;
right: 0 !important;
touch-action: pan-y pinch-zoom;
will-change: transform;
}
.tab-carousel-wrapper img {
min-width: 100%;
max-width: 100%;
width: 100%;
height: auto;
flex-shrink: 0;
border-radius: 12px;
display: block;
position: relative;
pointer-events: none;
user-select: none;
}
.tab-carousel-pagination {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 1rem;
}
/* Prevent ALL parent scrolling */
.w-tab-pane {
overflow: visible !important;
overflow-x: visible !important;
}
.w-tab-content {
overflow: visible !important;
overflow-x: visible !important;
}
.w-tab-pane .col {
overflow: visible !important;
overflow-x: visible !important;
}
.row.u-overflow-visible {
overflow: visible !important;
overflow-x: visible !important;
}
}
/* Badge Marquee - Style Outseta */
.badge-marquee {
position: relative;
overflow: hidden;
max-width: 800px;
margin: auto;
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
.badge-marquee-wrapper {
width: 100%;
}
.badge-marquee-content {
display: flex;
gap: 8px;
width: max-content;
animation: badge-scroll 35s linear infinite;
}
.badge-marquee-group {
display: flex;
gap: 8px;
flex-shrink: 0;
}
.badge-marquee .badge {
background-color: var(--colors-black--50, #f8f8f8);
border-color: var(--colors-black--200, #e0e0e0);
}
.badge-marquee:hover .badge-marquee-content {
animation-play-state: paused;
}
@keyframes badge-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-50% - 4px));
}
}
/* Divider fade styles (style Outseta) */
.u-divider.cc-fade-left {
background: linear-gradient(to right, transparent 0%, var(--colors-general--border) 100%);
margin-left: 25px;
}
.u-divider.cc-fade-right {
background: linear-gradient(to left, transparent 0%, var(--colors-general--border) 100%);
margin-left: -25px;
}
.trait {
padding: 0;
}
.argsmarquee {
padding: 0;
}