<>
/* Apply font alternates for WALLOP */
h1:not(.h4.h5.h6.text-lg.h1-und_inner),
h2:not(.h4,.h5,.h6)
h3:not(.h4,.h5,.h6):not(.primer-rich-text h3.article-rich-text h3.text-button-label)
.text-stat
.blockquote-sm,
.h1.h2.h3.jumbo-h1,
.cc-wallop,
.podcast-letter,
.product-tab_content-inner,
blockquote {
font-feature-settings: 'case' on'dlig' on'ss01' on'ss05' on'ss06' on'ss07' on'ss08' on'ss09' on'ss11' on'ss12' on'ss13' on'ss14' on;
}
[data-font="revert-all"] {font-feature-settings: normal;}
@media screen and (max-width: 991px) {
.h3.cc-nav-title {font-feature-settings: normal;}
}
.eyebrow {
font-variant-numeric: slashed-zero;
}
/* Apply font smoothing */
body {
-webkit-font-smoothing: antialiased;
}
/* Saves space for the scrollbar when scrolling is disabled */
html {
scrollbar-gutter: stable;
}
/*Text Selection Color*/
::selection {
background: var(--colors--purple--400);
color: #fff;
}
::-moz-selection {
background: var(--colors--purple--400);
color: #fff;
}
/* Reset apple form s */
input,
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background-image: none;
}
/* Remove top margin on rich text first child */
.w-richtext>:first-child {
margin-top: 0;
}
/* Headings retain font-weighteven when bolded */
.article-rich-text :is(h1h2h3h4h5h6) strong {
font-weight: inherit;
}
/* Remove bottom margin of rich text last child */
.w-richtext>:last-child.w-richtext ol li:last-child.w-richtext ul li:last-child {
margin-bottom: 0;
}
.rich-text ul li:after.rich-text-sm ul li:after {
content: '•';
position: absolute;
top: -.125rem;
left: -1.5rem;
font-size: 2rem;
color: var(--colors--pink--300);
}
.numbered-list li::marker{color: var(--colors--pink--400);}
section {padding-top: var(--spacing--layout--section-lg);}
.scoop-section-wrap section {padding-top: 0rem;}
/* Shadows */
[shadow="2xs"][hover-shadow="2xs"]:hover {box-shadow: -1px 3px 1px 0px rgba(7677680.00)-1px 2px 1px 0px rgba(7677680.04)0px 1px 1px 0px rgba(7677680.12);}
[shadow="xs"][hover-shadow="xs"]:hover.radio-btn.w--redirected-checked.checkbox.w--redirected-checkedinput:focus {box-shadow: -9px 9px 4px 0px rgba(927710.00)-6px 6px 3px 0px rgba(927710.02)-3px 3px 3px 0px rgba(927710.05)-2px 1px 2px 0px rgba(927710.09)0px 0px 1px 0px rgba(927710.10);}
[shadow="sm"][hover-shadow="sm"]:hover.list-item__sm-thumbnail:hover [hover-shadow="sm"].card-icon-link:hover .icon-card {box-shadow: -20px 30px 10px 0px rgba(927710.00)-13px 19px 9px 0px rgba(927710.02)-7px 11px 8px 0px rgba(927710.05)-3px 5px 6px 0px rgba(927710.09)-1px 1px 3px 0px rgba(927710.10);}
[shadow="base"][hover-shadow="base"]:hover.archive-link:hover:not(:has(.cc-framed)) .archive-img.search-result_link:hover .search-result_img {box-shadow: -55px 136px 41px 0px rgba(927710.00)-35px 87px 37px 0px rgba(927710.02)-20px 49px 32px 0px rgba(927710.05)-9px 22px 23px 0px rgba(927710.09)-2px 5px 13px 0px rgba(927710.10);}
[shadow="lg"][hover-shadow="lg"]:hover {box-shadow: -79px 234px 69px 0px rgba(927710.00)-51px 150px 63px 0px rgba(927710.02)-28px 84px 53px 0px rgba(927710.05)-13px 37px 40px 0px rgba(927710.09)-3px 9px 22px 0px rgba(927710.10);}
[shadow="device"] {box-shadow: 0px 416px 116px 0px rgba(36501240.00)0px 266px 106px 0px rgba(36501240.02)0px 150px 90px 0px rgba(36501240.07)0px 67px 67px 0px rgba(36501240.12)0px 17px 37px 0px rgba(36501240.14);}
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 1px;
}
.alert-p *.breacdrumb-link.cc-main {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Identify empty links and put the yellow outline in the designer only */
html.wf-design-mode [href="#"]:not(.w-lightbox) {
outline: 3px solid yellow !important;
}
/* FAQ Styles */
.faq-trigger *.primer-tooltip * {cursor: inherit;}
.faq:after.archive-faq:after.primer-topics_list-link:after {
content: '';
position: absolute;
left: 0;
bottom: -1px;
width: 0%;
height: 1px;
background: var(--colors--pink--400);
transition: width .5s cubic-bezier(.191.221);
}
.faq:hover:after.archive-faq:hover:after.primer-topics_list-link:hover:after {width: 100%;}
.faq-trigger:hover .faq-icon-active.faq-trigger.w--open .faq-icon-active {opacity: 1;}
.faq-trigger:hover .icon-wrap.faq-trigger.w--open .icon-wrap {color: white;}
.faq.cc-primer:after {visibility: hidden;}
/* Home Progress Bar Styles */
.section-progress-wrap:has(.w--current) .platform-progess-inner {opacity: 1;}
/* Alternate Nav Styles */
.neutral-header:not([class*="gradient"]) .icon-head,
.neutral-header:not([class*="gradient"]) .icon-body,
.scoop-section-wrap:not(.cc-data-sheet) .icon-head,
.scoop-section-wrap:not(.cc-data-sheet) .icon-body {color: var(--colors--neutral--200);}
.neutral-header:not([class*="gradient"]) .demo-btn-wrap {background: var(--colors--neutral--200);}
@media screen and (min-width: 992px) {
.neutral-header .nav-dropdown__trigger:hover {background: var(--colors--neutral--300);}
}
@media screen and (max-width: 991px) {
.nav-dropdown:not(.cc-tools):has(.w--open) {padding-bottom: 1rem;}
}
/* Alternating Blocks Styles */
@media screen and (min-width: 992px) {
.umbrella-wrap section:nth-child(odd) .row,
.alternating-blocks .alternating-blocks-item:nth-child(odd) .row
.alternating-blocks:not(:has(.alternating-blocks-item)) section:nth-child(odd) .row {
flex-direction: row-reverse;
}
.umbrella-wrap section:nth-child(even) .content-max.cc-right,
.alternating-blocks .alternating-blocks-item:nth-child(even) .content-max.cc-right
.alternating-blocks section:nth-child(even) .content-max.cc-right {
margin-left: 0rem;
margin-right: auto;
}
}
/* Opacity Animation Styles */
@media screen and (min-width: 992px) {
[data-animate="fade-child"] {
transition-property: opacitybox-shadow;
transition-duration: 300ms300ms;
transition-timing-function: cubic-bezier(.165.84.441)cubic-bezier(.165.84.441);
}
[data-animate="fade-trigger"]:hover [data-animate="fade-child"]:not(:hover) {
z-index: 2;
opacity: .5;
}
}
/* ACCESSIBILITY STYLES */
.nav-logo-wrap:focus-visible .navbar-logo {
outline-color: var(--colors--purple--400);
outline-offset: 6px;
outline-: solid;
outline-width: 1px;
}
.text-link {outline-radius: 2rem;}
/* TIMELINE STYLES */
.timeline-item-wrap:first-child .timeline-lines_half.cc-top {opacity: 0;}
.timeline-item-wrap:last-child .timeline-lines_half.cc-bottom {opacity: 0;}
.brand-dropdown:has(.w--open) {z-index: 3;}
.dialog-close-btn:hover .icon {color: white;}
.icon-list-text strong {
color: var(--colors--page--text);
}
.icon-list-item :is(h1h2h3h4h5h6) { color: var(--colors--neutral--800);}
/* SCROLLBAR STYLES */
.comparison-chart-scroll::-webkit-scrollbar,
.roadmap-board::-webkit-scrollbar,
.event-nav_scroll-wrap::-webkit-scrollbar {
height: 3px;
}
/* Define the thumb */
.comparison-chart-scroll::-webkit-scrollbar-thumb,
.event-nav_scroll-wrap::-webkit-scrollbar-thumb {
background-color: var(--component--button--scrollbar-thumb);
border-left: 2rem solid transparent;
border-right: 2rem solid transparent;
border-radius: 2rem;
background-clip: padding-box;
}
.roadmap-board::-webkit-scrollbar-thumb {
background-color: var(--component--button--scrollbar-thumb);
}
/* Define the track */
.comparison-chart-scroll::-webkit-scrollbar-track,
.roadmap-board::-webkit-scrollbar-track,
.event-nav_scroll-wrap::-webkit-scrollbar-track {
background-color: transparent;
}
/* Remove the button */
.comparison-chart-scroll::-webkit-scrollbar-button,
.roadmap-board::-webkit-scrollbar-button,
.event-nav_scroll-wrap::-webkit-scrollbar-button {
display: none;
}
.pre-nav:has(.locale-toggle.w--open) {z-index: 1001;}
@media screen and (max-width: 991px) {
.gradation-cta .gradation-bar {border-radius: 0rem;}
}
/* CAPABILITIES GRID STYLES */
[data-grid="capabilities"] [data-grid="capability-item"]:nth-child(1) [data-wf--workflow-tools-card--variant="capabilities"] .workflow-card_img-wrap {
display: block;
margin-bottom: -1.5rem;
}
@media screen and (max-width: 479px) {
[data-grid="capabilities"] [data-grid="capability-item"]:nth-child(1) {grid-column: span 2;}
}
@media screen and (min-width: 480px) {
[data-grid="capabilities"] [data-grid="capability-item"]:nth-child(2) [data-wf--workflow-tools-card--variant="capabilities"] .workflow-card_img-wrap {
display: block;
margin-bottom: -1.5rem;
}
}
@media screen and (min-width: 992px) {
[data-grid="capabilities"] [data-grid="capability-item"]:nth-child(3) [data-wf--workflow-tools-card--variant="capabilities"] .workflow-card_img-wrap {
display: block;
margin-bottom: -1.5rem;
}
}
.case-study-chart_button:hover .case-study-chart_button-bg {background: var(--colors--purple--400);}
/* HOME HERO STYLES */
.fp__tournament-chart-row.is-2 {transition-delay: 100ms100ms100ms;}
[hero-grid="league"]:hover .fp__tournament-chart-row.is-1 {
background: var(--colors--green--600);
color: white;
box-shadow: -55px 136px 41px 0px rgba(927710.00)-35px 87px 37px 0px rgba(927710.02)-20px 49px 32px 0px rgba(927710.05)-9px 22px 23px 0px rgba(927710.09)-2px 5px 13px 0px rgba(927710.10);
}
[hero-grid="league"]:hover .fp__tournament-chart-row.is-2 {background: transparent}
[hero-grid="league"]:hover .fp__tournament-dot.is-1 {background: var(--colors--green--600);}
[hero-grid="league"]:hover .fp__tournament-dot.is-2 {background: var(--colors--green--400);}
[hero-grid="league"]:hover .fp__tournament-bracket-inner.is-1 {border-color: var(--colors--green--600);}
[hero-grid="league"]:hover .fp__tournament-bracke-line {background: var(--colors--green--600);}
/* FAUX PRODUCT GRID STYLES */
.fp__grid-col .fp__row:nth-child(odd) {background: var(--colors--neutral--000);}
/* RESOURCES STYLES */
.series-item:not(.w--current) .badge.cc-beta-sm {display: none;}
/* PODCAST STYLES */
.podcast-list_item-link:hover .podcast-link-btn {
background: white;
color: var(--colors--blue--400);
}
.podcast-guest-link:hover .podcast-guest__hover-img {opacity: 1;}
.podcast-guest-link:hover .podcast-link-btn {
background: var(--colors--blue--400);
color: white;
}
.podcast-archive_link:has([data-animate="podcast-link"]:hover) {background: var(--colors--neutral--300);}
.roadmap-badge-inner:first-child [data-copy="plus"].breadrumb-link.cc-main:first-child [data-copy="plus"] {display: none;}
.page-wrapper:has(.swiper.cc-migration:hover) .drag-btn_wrap {opacity: 1;}
.page-wrapper:has(.swiper.cc-migration:active) .drag-btn {background: var(--colors--pink--400);}
/* ChromeSafariEdgeOpera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.roi-input-wrap:focus-within {
border: 1px solid rgba(2331572191);
}
.roi-button:focus-within {
outline-color: var(--colors--neutral--000);
outline-offset: 3px;
outline-: solid;
outline-width: 1px;
}
[sw-slot]:empty {
height: 48px !important;
min-height: 0px !important;
padding: 0 !important;
background-color: rgba(150150150.1)
}
.platform-dropdown_link.is-new:hover {
background-color: var(--colors--pink--100);
}
.visual-slot:empty {
min-height: 48px;
border: 1px dashed grey;
}
.w-video:has( > [data-cookieblock-src])::after.w-richtext-figure-type-video:has( [data-cookieblock-src])::after {
content: "" !important;
background-image: url("https://cdn.prod.website-files.com/66a92ba58a191174a40d3b13/68d6b77f96a1633baadb9045_cookie%20cover.jpg");
object-fit: cover;
background-size: 100%;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
inset: 0;
z-index: 2;
background-color: var(--colors--pink--500);
color: white;
font-size: 1.25rem;
font-weight: 500;
}
.wf-design-mode .absolute-link {
pointer-events: none;
}
@media (min-width: 1400px) {
.g2-logo-wr {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media (max-width: 1400px) {
.calc_cta-wr {
grid-template-columns: 1fr;
}
}
.resource-card:hover .tall-card-caption.cc-overlay {
background-color: var(--colors--neutral--200);
}
.nav-dropdown-link:hover .nav-dropdown-link-icon-wr {
background: #8B0F71;
}
.nav-dropdown-link-icon-wr img {
transition: all 200ms ease;
}
.nav-dropdown-link:hover .nav-dropdown-link-icon-wr img {
filter: invert(100);
}
.nav-dropdown__trigger.w--open .nav-dropdown-icon-wr {
transform: rotate(180deg);
}
>
<>
/* Drop Cap Styles */
[data-="drop-cap"] p:first-child::first-letter {
display: block;
margin-top: 0.125rem;
margin-right: 0.75rem;
padding-right: 1.125rem;
padding-left: 1.125rem;
float: left;
border-top-left-radius: var(--rounding--sm);
border-top-right-radius: var(--rounding--sm);
border-bottom-left-radius: var(--rounding--sm);
border-bottom-right-radius: var(--rounding--sm);
background-color: var(--colors--pink--300);
font-family: var(--type--fonts--heading);
color: var(--colors--neutral--800);
font-size: 2.5rem;
padding-bottom: .6rem;
padding-top: .6rem;
line-height: 2.5rem;
font-weight: 500;
text-align: center;
}
@media screen and (max-width: 767px) {
[data-="drop-cap"] p:first-child::first-letter {
font-size: 2rem;
line-height: 2rem;
padding-bottom: .875rem;
padding-top: .875rem;
}
}
>
<>
/* Slide up on load animation */
@keyframes slideIn {
0% {
transform: translateY(1.5rem);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.load-1,
.load-2,
.load-3,
.load-4,
.load-5,
.load-6,
.load-7,
.load-8,
.load-9,
.load-10 {
animation-name: slideIn;
animation-timing-function: cubic-bezier(0.1910.221); /* outExpo easing */
animation-duration: 1.6s;
animation-fill-mode: forwards;
opacity: 0; /* Start in the invisible state */
}
.load-1 {
animation-delay: 0ms;
}
.load-2 {
animation-delay: 150ms;
}
.load-3 {
animation-delay: 300ms;
}
.load-4 {
animation-delay: 450ms;
}
.load-5 {
animation-delay: 600ms;
}
.load-6 {
animation-delay: 750ms;
}
.load-7 {
animation-delay: 900ms;
}
.load-8 {
animation-delay: 1050ms;
}
.load-9 {
animation-delay: 1200ms;
}
.load-10 {
animation-delay: 1350ms;
}
@keyframes clipAnimation {
from {
clip-path: inset(0% 100% 0% 0%);
}
to {
clip-path: inset(0% 0% 0% 0%);
}
}
/* ANIMATED LINK STYLES */
.button-slide .demo-btn-wrap {isolation: isolate;}
.alert-bar:hover .badge.cc-alert {
background: var(--colors--pink--400);
color: white;
}
.demo-btn-wrap:hover .demo-btn-color {background: var(--colors--pink--500);}
.footer-demo-link:hover .btn.cc-light {background: var(--colors--pink--200);}
.footer-link:after,
.underscore-link:after,
[data-animate="underscore-link"]:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 1px;
background: currentColor;
transition: width .2s ease;
}
.footer-link:hover:after,
.underscore-link:hover:after
[data-animate="underscore-parent"]:hover [data-animate="underscore-link"]:after
[data-animate="underscore-link"]:hover:after {width: 100%;}
.feature-link.cc-add-hover:hover .h6 {
color: var(--colors--purple--400);
transition-property: color;
transition-duration: 200ms200ms;
transition-timing-function: easeease;
}
.feature-link.cc-add-hover:hover .u-text-neutral-600 {
color: var(--colors--neutral--700);
transition-property: color;
transition-duration: 200ms200ms;
transition-timing-function: easeease;
}
.blog-roll:hover .list-item__sm-thumbnail.cc-blog-roll {border-color: transparent;}
.pagination-btn:hover .icon {color: white;}
.u-img-cover.cc-industry-fade {
mask-image: linear-gradient(to bottomblack 40%transparent);
}
.industry-slider-inner:hover .u-img-cover.cc-industry-animate {opacity: 0;}
.gradation-cta-link:hover .demo-btn-color {background: var(--colors--pink--500);}
.ai_chart-svg {
clip-path: inset(0% 100% 0% 0%);
transition: clip-path 2s cubic-bezier(0.1910.221) 300ms; /* outExpo easing with 300ms delay */
}
.ai_chart-svg.animate {
animation: clipAnimation 2s cubic-bezier(0.1910.221) forwards;
}
/* DIALOG ANIMATION */
.lightbox-dialog {
opacity: 0;
}
.lightbox-dialog[open] {
opacity: 1;
animation: dialogin 0.5s cubic-bezier(0.1910.221) forwards;
}
.lightbox-dialog::backdrop {
background-color: rgba(1243970.25);
animation: dialogfade 0.5s forwards;
}
.lightbox-dialog[open].close .partner-dialog_inner {
animation: dialogout 0.5s cubic-bezier(0.700.31) forwards;
}
.lightbox-dialog.close::backdrop {
animation: dialogfadeout 0.5s forwards;
}
@keyframes dialogfade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes dialogfadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes dialogin {
from {
transform: translateX(2rem);
opacity: 0;
}
to {
transform: translateX(0rem);
opacity: 1;
}
}
@keyframes dialogout {
from {
transform: translateX(0rem);
opacity: 1;
}
to {
transform: translateX(2rem);
opacity: 0;
}
}
/* ROLES TAB ANIMATION */
.role-tabs_link:hover .role-active-bg {
transform: translate(-50%33%);
}
.role-tabs_link.w--current .role-active-bg,
.role-tabs_link.w--current:hover .role-active-bg {
transform: translate(-50%20%);
}
.role-tabs_link.w--current .role-tabs_radio {border-color: var(--colors--pink--400);}
.role-tabs_link.w--current .role-tabs_radio-inner {opacity: 1;}
/* TAB COMPONENT STYLES */
.product-tab_link .product-tab-link_content {
interpolate-size: allow-keywords;
}
.product-tab_content-inner.is-active {
opacity: 1;
}
.product-tab_content-inner.is-active .product-tab-img,
.product-tab_content-inner.is-active .product-tab__action-verb,
.product-tab_content-inner.is-active .tab-product-video,
.product-tab_content-inner.is-active .bg-video_play-state {
transform: translate(0px0rem);
opacity: 1;
}
.product-tab_link.is-active .product-tab-link_content {
height: auto;
opacity: 1;
}
.product-tab_link.is-active .product-tab_icon-wrap.product-tab_link:hover .product-tab_icon-wrap {opacity: 1;}
.product-tab_link.is-active .cc-tab-beta {background: var(--colors--pink--400);}
.product-tab_link.is-active .product-tab__link-title-text-inner.is-1 {
transform: translate(0px-101%);
}
.product-tab_link.is-active .product-tab__link-title-text-inner.is-2 {
transform: translate(0px0%);
}
@media screen and (min-width: 992px) {
/* BUTTON ANIMATION */
.btn:not(.cc-demo-circle) .btn-icon
.wem-product-card .btn-icon,
.text-link .btn-icon,
.outcomes-item-link .btn-icon,
.footer_category-link .btn-icon,
.footer-demo-link .btn-icon,
.multi-channel_archive-link .btn-icon
.swiper-slide.is-outcomes .btn-icon {transform: translateX(-.25rem);}
.btn:not(.cc-demo-circle):hover .btn-icon,
.wem-product-card:hover .btn-icon
.text-link:hover .btn-icon,
.outcomes-item-link:hover .btn-icon,
.footer_category-link:hover .btn-icon,
.footer-demo-link:hover .btn-icon,
.multi-channel_archive-link:hover .btn-icon
.swiper-slide.is-outcomes:hover .btn-icon {transform: translateX(0rem);}
/* CARD ANIMATION */
.sm-thumbnail__hover:not(.cc-data-sheets.cc-wfx-teaser) {opacity: 0;}
.archive-link:hover .sm-thumbnail__hover,
.feature-link.cc-add-hover:hover .sm-thumbnail__hover,
.list-item__sm-thumbnail:hover .sm-thumbnail__hover,
.outcomes-teaser-link:hover .sm-thumbnail__hover,
.data-sheet_card-item:hover .sm-thumbnail__hover.cc-data-sheets-border,
.multi-channel-card:hover .sm-thumbnail__hover.cc-data-sheets-border,
.border-link:hover .sm-thumbnail__hover,
.search-result_item:hover .sm-thumbnail__hover,
.os_case-study-link:hover .sm-thumbnail__hover,
.os-link:hover .sm-thumbnail__hover,
.icon-specimen-link:hover .sm-thumbnail__hover {opacity: 1;}
.featured-product-link:hover .sm-thumbnail__hover {border-color: var(--colors--pink--300);}
.multi-channel-card:has(.multi-channel_card-inner:hover) .sm-thumbnail__hover {background: var(--colors--neutral--200);}
.featured-resource_img-wrap:hover .whitepaper-peek {transform: rotate(1.5deg);}
/* SWIPER OUTCOMES CARD ANIMATION */
.swiper-slide.is-outcomes .text-link {opacity: 0;}
.swiper-slide.is-outcomes:hover .text-link {opacity: 1;}
/* PRESS LINK ANIMATION */
.press-list-link .press-link-hover {width: 0%;}
.press-list-link:hover .press-link-hover {width: 100%;}
/* AMAZON LINK ANIMATION */
.integration-sidebar-link:not(.cc-border) .circle-icon-wrap {transform: translateX(-.25rem); opacity: 0;}
.integration-sidebar-link:hover .circle-icon-wrap {transform: translateX(0rem); opacity: 1;}
/* LIGHTBOX ANIMATION */
.lightbox-overlap:hover .video-btn {background: var(--colors--pink--500); color: white;}
.bg-video-controls:hover .bg-video_play-state {background: var(--colors--purple--400);}
}
.lightbox-player:hover .video-btn {background: var(--colors--pink--100);}
.series-item:not(.cc-changelog):hover .text-button-label {text-decoration: underline;}
.series-item:hover .circle-icon-wrap {border-color: var(--colors--purple--400); background: var(--colors--purple--400); color: white;}
.series-item .grid-lines {
clip-path: inset(0% 100% 0% 0%);
}
.series-item:hover .grid-lines {
clip-path: inset(0% 0% 0% 0%);
}
.roadmap-board_item:has(.w--open) {
background: var(--colors--neutral--200);
border-color: var(--colors--pink--300);
box-shadow: -20px 30px 10px 0px rgba(927710.00)-13px 19px 9px 0px rgba(927710.02)-7px 11px 8px 0px rgba(927710.05)-3px 5px 6px 0px rgba(927710.09)-1px 1px 3px 0px rgba(927710.10);
}
.roadmap-board_item.cc-animate:hover {
border-color: var(--colors--pink--300);
}
/* TCO CALCULATOR ANIMATIONS */
.tco-dropdown_toggle.w--open {color: var(--colors--purple--400);}
.tco-dropdown_list-inner li {margin-bottom: .125rem;}
.tco-dropdown_list-inner li:last-child {margin-bottom: 0rem;}
.tco-calc_prefix {color: var(--colors--neutral--600);}
.tco-input-wrap:has(input:not(:placeholder-shown)) .tco-calc_prefix,
.tco-input-wrap:has(input:focus) .tco-calc_prefix {color: var(--colors--neutral--800);}
/* WFX HOTSPOT ANIMATIONS */
@media screen and (min-width: 992px) {
.hotspot.is-active {
pointer-events: auto;
opacity: 1;
transform: translate3d(000);
}
.hot-spot-tabs_link:after {
content: '';
position: absolute;
top: 0;
left: -1%;
width: 0%;
border-top: 1px solid var(--colors--purple--400);
z-index: 2;
transition: width 0s linear;
}
.hot-spot-tabs_link.is-active:after {
width: 102%;
transition: width 5s linear;
}
.hot-spot-tabs_link.is-active:hover:after.hot-spot-tabs_link.is-active:hover:after {
width: 0%;
}
.hot-spot-tabs_link:hover:after {
width: 0%;
transition: width .3s cubic-bezier(.165,.84,.44,1);
}
.hot-spot-tabs_link:before {
content: '';
position: absolute;
top: 0;
left: -1%;
width: 102%;
border-top: 1px solid var(--colors--ui--hr-dark);
z-index: 1;
transition: border-color .3s cubic-bezier(.165,.84,.44,1);
}
.hot-spot-tabs_link:hover:before {
border-top: 1px solid var(--colors--purple--400);
}
}
.workflow-tools-card:hover .workflow-card_img-wrap {
transform: translate(100%100%);
}
.workflow-tools-card:hover .u-text-neutral-700.u-mb-0.u-text-balance.is-workflow-card {
opacity: 1;
}
.feature-card.is-tofu:hover .h5.u-mb-0 {
color: var(--colors--purple--400);
}
>
<>
:root {
--cb-dialog-max-width: 32rem;
--cb-overlay-background: transparent;
--cb-text-color: var(--colors--neutral--800);
--cb-title-font-family: var(--type--h6--font);
--cb-title-font-weight: var(--type--h6--font-weight);
--cb-title-font-size-mobile: var(--type--h6--font-size-sm);
--cb-title-font-size-desktop: var(--type--h6--font-size-lg);
--cb-description-font-size-mobile: var(--type--paragraph-sm--font-size-sm);
--cb-description-font-size-desktop: var(--type--paragraph-sm--font-size-lg);
--cb-description-font-family: var(--type--paragraph-sm--font);
--cb-description-font-weight: var(--type--paragraph-sm--font-weight);
--cb-button-border: 1px solid var(--colors--purple--400);
--cb-button-border-radius: var(--component--button--border-radius);
--cb-button-background: transparent;
--cb-button-font-weight: var(--component--button--font-weight);
--cb-button-font-size: var(--component--button--font-size);
--cb-button-font-family: var(--component--button--font);
--cb-button-color: var(--colors--purple--400);
--cb-button-active-color: var(--colors--neutral--000);
--cb-button-active-background: var(--colors--pink--500);
--cb-button-active-border: 1px solid var(--colors--pink--500);
--cb-accept-button-color: var(--colors--neutral--000);
--cb-accept-button-background: var(--colors--purple--400);
--cb-accept-button-border: 1px solid var(--colors--purple--400);
--cb-accept-button-active-color: var(--colors--neutral--000);
--cb-accept-button-active-background: var(--colors--pink--500);
--cb-accept-button-active-border: 1px solid var(--colors--pink--500);
--cb-details-button-font-size: var(--type--paragraph-eyebrow--font-size-lg);
--cb-preference-accent-color: var(--colors--pink--400);
}
/**
* Containers
*/
#CookieBanner {
position: fixed;
z-index: 2147483645;
min-height: 100vh;
min-width: 100vw;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0 auto;
pointer-events: none;
display: none;
}
#CookieBanner.is-visible-cookie-banner {
display: block;
}
#CookieBanner#CookieBanner * {
box-sizing: border-box;
text-underline-offset: .125em;
outline-offset: 3px;
}
#CookieBannerOverlay {
/* legacy browser compatibility */
background: transparent;
/* legacy browser compatibility end */
background: var(--cb-overlay-background);
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
pointer-events: none;
}
.is-visible-cookie-banner #CookieBannerOverlay {
animation: cookieBannerFadeIn .25s ease-in-out;
animation-fill-mode: forwards;
}
.is-closing-cookie-banner #CookieBannerOverlay {
animation: cookieBannerFadeOut .25s ease-in-out;
animation-fill-mode: forwards;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
#CookieBanner * {
animation-duration: 0.001ms !important;
transition-duration: 0.001ms !important;
}
}
#CookieBannerNotice {
/* legacy browser compatibility */
color: #0f0f0f;
/* legacy browser compatibility end */
padding: 1.5rem;
overflow: auto;
position: fixed;
left: .5rem;
right: .5rem;
bottom: .5rem;
top: auto;
max-height: 100vh;
max-width: var(--cb-dialog-max-width);
background: var(--colors--neutral--300);
color: var(--cb-text-color);
z-index: 500;
pointer-events: auto;
border-radius: var(--rounding--base);
border: 1px solid var(--colors--ui--hr-dark);
box-shadow: -9px 9px 4px 0px rgba(927710.00)-6px 6px 3px 0px rgba(927710.02)-3px 3px 3px 0px rgba(927710.05)-2px 1px 2px 0px rgba(927710.09)0px 0px 1px 0px rgba(927710.10);
}
.is-visible-cookie-banner #CookieBannerNotice {
animation: cookieBannerSlideIn .25s ease-in-out;
animation-fill-mode: forwards;
}
.is-closing-cookie-banner #CookieBannerNotice {
animation: cookieBannerSlideOut .25s ease-in-out;
animation-fill-mode: forwards;
pointer-events: none;
}
@media (min-width: 800px) {
#CookieBannerNotice {
left: 2.5rem;
right: 2.5rem;
bottom: 2.5rem;
}
}
/**
* Utils
*/
@keyframes cookieBannerFadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes cookieBannerFadeOut {
0% {opacity:1;}
100% {opacity:0;}
}
@keyframes cookieBannerSlideIn {
0% {opacity:0;transform:translateY(96px)}
100% {opacity:1;transform:translateY(0);}
}
@keyframes cookieBannerSlideOut {
0% {opacity:1;transform:translateY(0);}
100% {opacity:0;transform:translateY(96px)}
}
#CookieBanner button {
background: none;
border: 0;
border-radius: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
#CookieBanner button > * {
pointer-events: none;
}
#CookieBanner ul #CookieBanner li {
list-: none;
margin: 0;
padding: 0;
text-indent: 0;
}
#CookieBanner .screen-reader-text {
border: 0;
clip: rect(1px1px1px1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
/**
* Content
*/
@media (min-width: 800px) {
#CookieBanner .cookiebanner__main__inner {
align-items: flex-start;
display: flex;
flex-direction: column;
}
}
#CookieBanner .cookiebanner__main__title {
/* legacy browser compatibility */
font-weight: bold;
font-size: 18px;
/* legacy browser compatibility end */
font-family: var(--cb-title-font-family);
font-weight: var(--cb-title-font-weightbold);
font-size: var(--cb-title-font-size-mobile18px);
margin-top: 0;
margin-bottom: 1rem;
}
@media (min-width: 800px) {
#CookieBanner .cookiebanner__main__title {
/* legacy browser compatibility */
font-size: 20px;
/* legacy browser compatibility end */
font-size: var(--cb-title-font-size-desktop20px);
}
}
#CookieBanner .cookiebanner__main__description {
/* legacy browser compatibility */
font-size: 16px;
/* legacy browser compatibility end */
font-family: var(--cb-description-font-family);
font-weight: var(--cb-description-font-weight);
font-size: var(--cb-description-font-size-mobile16px);
line-height: 1.5;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 800px) {
#CookieBanner .cookiebanner__main__description {
/* legacy browser compatibility */
font-size: 16px;
/* legacy browser compatibility end */
font-size: var(--cb-description-font-size-desktop16px);
}
}
#CookieBanner .cookiebanner__main__description a:hover {
text-decoration: underline;
text-underline-offset: .125em;
text-decoration-thickness: .1em;
transition-property: color;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(.165.84.441)cubic-bezier(.165.84.441)cubic-bezier(.165.84.441);
}
#CookieBanner .cookiebanner__main__description a:hover {
color: var(--colors--purple--400);
text-decoration: underline;
text-decoration-thickness: .1em;
text-underline-offset: .125em;
}
/**
* Buttons
*/
#CookieBanner .cookiebanner__buttons {
flex-shrink: 0;
width: 100%;
}
@media (min-width: 800px) {
#CookieBanner .cookiebanner__buttons {
margin-top: 0;
}
}
#CookieBanner .cookiebanner__buttons ul {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: .5rem;
}
#CookieBanner .cookiebanner__buttons__details {
/* legacy browser compatibility */
font-size: 15px;
/* legacy browser compatibility end */
font-size: var(--cb-details-button-font-size15px);
padding-top: var(--component--button--vertical-padding);
padding-bottom: var(--component--button--vertical-padding);
font-family: var(--type--paragraph-eyebrow--font);
line-height: var(--type--paragraph-eyebrow--line-height);
letter-spacing: var(--type--paragraph-eyebrow--letter-spacing);
text-transform: uppercase;
font-weight: var(--type--paragraph-eyebrow--font-weight);
border-bottom: 1px solid transparent;
transition-property: all;
transition-duration: 300ms ;
transition-timing-function: cubic-bezier(.165.84.441)cubic-bezier(.165.84.441)cubic-bezier(.165.84.441);
}
#CookieBanner .cookiebanner__buttons__details:hover,
#CookieBanner .cookiebanner__buttons__details:focus,
#CookieBanner .cookiebanner__buttons__details:active {
color: var(--colors--purple--400);
border-bottom: 1px solid var(--colors--purple--400);
}
#CookieBanner .cookiebanner__buttons__accept,
#CookieBanner .cookiebanner__buttons__deny {
/* legacy browser compatibility */
background: transparent;
border-radius: 3px;
font-weight: bold;
font-size: 15px;
border: 2px solid #0f0f0f;
/* legacy browser compatibility end */
transition: .2s ease-in-out;
background: var(--cb-button-backgroundtransparent);
border-radius: var(--cb-button-border-radius3px);
font-weight: var(--cb-button-font-weightbold);
font-size: var(--cb-button-font-size15px);
font-family: var(--cb-button-font-family);
border: var(--cb-button-border2px solid #0f0f0f);
color: var(--cb-button-color#0f0f0f);
text-align: center;
padding: var(--component--button--vertical-padding) var(--component--button--horizontal-padding);
}
#CookieBanner .cookiebanner__buttons__accept {
color: var(--cb-accept-button-colorvar(--cb-button-color));
background: var(--cb-accept-button-backgroundvar(--cb-button-background));
border: var(--cb-accept-button-bordervar(--cb-button-border2px solid #0f0f0f));
}
#CookieBanner .cookiebanner__buttons__accept:hover,
#CookieBanner .cookiebanner__buttons__accept:focus,
#CookieBanner .cookiebanner__buttons__accept:active {
/* legacy browser compatibility */
color: #fff;
background: #0f0f0f;
/* legacy browser compatibility end */
color: var(--cb-accept-button-active-colorvar(--cb-button-active-color#fff));
background: var(--cb-accept-button-active-backgroundvar(--cb-button-active-background#0f0f0f));
border: var(--cb-accept-button-active-bordervar(--cb-accept-button-bordervar(--cb-button-active-bordervar(--cb-button-border2px solid #0f0f0f))));
}
#CookieBanner .cookiebanner__buttons__deny:hover,
#CookieBanner .cookiebanner__buttons__deny:focus,
#CookieBanner .cookiebanner__buttons__deny:active {
/* legacy browser compatibility */
color: #fff;
background: #0f0f0f;
/* legacy browser compatibility end */
color: var(--cb-button-active-color#fff);
background: var(--cb-button-active-background#0f0f0f);
border: var(--cb-button-active-bordervar(--cb-button-border1px solid #0f0f0f));
}
/**
* Details
*/
#CookieBanner .cookiebanner__details {
display: none;
}
#CookieBanner.is-details-open .cookiebanner__details {
display: block;
}
#CookieBanner .cookiebanner__details__inner {
/* legacy browser compatibility */
max-width: 488px;
/* legacy browser compatibility end */
max-width: var(--cb-dialog-max-width488px);
}
/**
* Preferences
*/
#CookieBanner .cookiebanner__details__preferences {
display: flex;
flex-direction: column;
margin-top: 2.5rem;
}
#CookieBanner .cookiebanner__details__preferences__options {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
@media (min-width: 540px) {
#CookieBanner .cookiebanner__preference__heading {
display: flex;
align-items: center;
}
}
#CookieBanner .cookiebanner__preference {
background: transparent;
padding: 0rem;
width: 100%;
margin-bottom: .75rem;
}
@media (min-width: 540px) {
#CookieBanner .cookiebanner__preference {
margin-bottom: .75rem;
}
}
@media (min-width: 800px) {
#CookieBanner .cookiebanner__preference {
padding: 0rem;
}
}
#CookieBanner .cookiebanner__preference::last-of-type {
margin-bottom: 0;
}
/* Hide the input */
#CookieBanner .cookiebanner__preference input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
overflow: hidden;
}
#CookieBanner .cookiebanner__preference__label {
/* legacy browser compatibility */
font-weight: bold;
font-size: 18px;
/* legacy browser compatibility end */
font-family: var(--cb-title-font-family);
font-weight: var(--cb-title-font-weightbold);
font-size: var(--cb-title-font-size-mobile18px);
margin-top: 0;
margin-bottom: 1rem;
display: flex;
align-items: center;
flex-grow: 1;
flex-direction: row;
gap: .5rem;
}
@media (min-width: 540px) {
#CookieBanner .cookiebanner__preference__label {
/* legacy browser compatibility */
font-size: 16px;
/* legacy browser compatibility end */
font-size: var(--cb-description-font-size-desktop16px);
}
}
#CookieBanner .cookiebanner__preference input:focus + .cookiebanner__preference__label,
#CookieBanner .cookiebanner__preference__label:hover {
text-decoration: underline;
cursor: pointer;
}
#CookieBanner .cookiebanner__preference__ui {
flex-shrink: 0;
display: flex;
align-items: center;
width: 3rem;
height: 1.5rem;
background: var(--colors--ui--badge);
border-radius: 3rem;
transition: all .2s ease-in-out;
cursor: pointer;
}
#CookieBanner .cookiebanner__preference__title {
display: block;
margin: 0;
}
/*
#CookieBanner .cookiebanner__preference__text {
display: block;
margin-top: 12px;
}
@media (min-width: 540px) {
#CookieBanner .cookiebanner__preference__text {
margin-left: 16px;
margin-top: 0;
}
}
@media (min-width: 800px) {
#CookieBanner .cookiebanner__preference__title {
}
}
#CookieBanner .cookiebanner__preference__description {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
#CookieBanner .cookiebanner__preference__toggle {
flex-shrink: 0;
margin-left: 32px;
}
@media (max-width: 539px) {
#CookieBanner .cookiebanner__preference__toggle {
flex-shrink: 0;
display: block;
text-align: center;
width: 100%;
margin-top: 16px;
margin-left: 0;
}
}
#CookieBanner .cookiebanner__preference__toggle:hover,
#CookieBanner .cookiebanner__preference__toggle:focus,
#CookieBanner .cookiebanner__preference__toggle:active {
text-decoration: underline;
}
#CookieBanner .cookiebanner__preference__more {
display: none;
margin-top: 24px;
}
#CookieBanner .cookiebanner__preference__more__description {
margin: 0;
font-size: 16px;
}
#CookieBanner .cookiebanner__preference__more__list {
margin-top: 16px;
width: 100%;
overflow: auto;
border: 1px solid rgba(0,0,0,.25);
background:
linear-gradient(to right#f4f4f4 30%rgba(255,255,255,0)),
linear-gradient(to rightrgba(255,255,255,0)#f4f4f4 70%) 0 100%,
radial-gradient(farthest-side at 0% 50%rgba(0,0,0,.2)rgba(0,0,0,0)),
radial-gradient(farthest-side at 100% 50%rgba(0,0,0,.2)rgba(0,0,0,0)) 0 100%;
background-repeat: no-repeat;
background-color: #f4f4f4;
background-size: 40px 100%40px 100%14px 100%14px 100%;
background-position: 0 0100%0 0100%;
background-attachment: locallocalscrollscroll;
}
#CookieBanner .cookiebanner__preference__more__list table {
width: 100%;
}
#CookieBanner .cookiebanner__preference__more__list tbody td {
background: transparent;
border-top: 1px solid rgba(0,0,0,.25);
}
#CookieBanner .cookiebanner__preference__more__list tbody .CybotCookiebotDialogDetailBodyContentCookieTypeTableEmpty {
border-top: 0;
}
#CookieBanner .cookiebanner__preference__more__list a {
text-decoration: underline;
color: inherit;
}
#CookieBanner .cookiebanner__preference__more__list th {
font-weight: bold;
}
#CookieBanner .cookiebanner__preference__more__list th,
#CookieBanner .cookiebanner__preference__more__list td {
vertical-align: baseline;
min-width: 156px;
text-align: left;
padding: 6px;
background: transparent;
font-size: 16px;
word-break: break-word;
}
@media (min-width: 800px) {
#CookieBanner .cookiebanner__preference__more__list th,
#CookieBanner .cookiebanner__preference__more__list td {
padding: 8px;
}
}
#CookieBanner .cookiebanner__preference__more.is-open {
display: block;
}
*/
#CookieBanner .cookiebanner__preference__ui__handle {
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
background: var(--colors--neutral--000);
border-radius: 50%;
transition: all .2s ease-in-out;
box-shadow: 0 0 8px rgba(0000.2);
}
#CookieBanner .cookiebanner__preference input:checked + label .cookiebanner__preference__ui {
/* legacy browser compatibility */
background: #16a085;
/* legacy browser compatibility end */
background: var(--cb-preference-accent-color#16a085);
}
#CookieBanner .cookiebanner__preference input:checked + label .cookiebanner__preference__ui__handle {
margin-left: 50%;
background: #fff;
}
#CookieBanner .cookiebanner__details__preferences__buttons {
text-align: center;
margin-top: 8px;
}
#CookieBanner .cookiebanner__accept-selection {
/* legacy browser compatibility */
color: #fff;
background: #0f0f0f;
border-radius: 3px;
font-weight: bold;
font-size: 15px;
/* legacy browser compatibility end */
color: var(--cb-accept-button-colorvar(--cb-button-color));
background: var(--cb-accept-button-backgroundvar(--cb-button-background));
border: var(--cb-accept-button-bordervar(--cb-button-border2px solid #0f0f0f));
transition: .2s ease-in-out;
border-radius: var(--cb-button-border-radius3px);
font-weight: var(--cb-button-font-weightbold);
font-size: var(--cb-button-font-size15px);
font-family: var(--cb-button-font-family);
padding: var(--component--button--vertical-padding) var(--component--button--horizontal-padding);
text-align: center;
width: 100%;
}
#CookieBanner .cookiebanner__accept-selection:hover,
#CookieBanner .cookiebanner__accept-selection:focus,
#CookieBanner .cookiebanner__accept-selection:active {
/* legacy browser compatibility */
color: #fff;
background: #0f0f0f;
/* legacy browser compatibility end */
color: var(--cb-accept-button-active-colorvar(--cb-button-active-color#fff));
background: var(--cb-accept-button-active-backgroundvar(--cb-button-active-background#0f0f0f));
border: var(--cb-accept-button-active-bordervar(--cb-accept-button-bordervar(--cb-button-active-bordervar(--cb-button-border2px solid #0f0f0f))));
}
/**
* Updated
#CookieBanner .cookiebanner__details__updated {
margin-top: 24px;
text-align: center;
}
#CookieBanner .cookiebanner__details__updated p {
font-size: 15px;
}
*/
>
<>
.radio-field:has(.w--redirected-checked) .radio-label,
.radio-field:hover .radio-label {color: var(--colors--neutral--800);}
.cc-select option[value=""] { color: var(--colors--neutral--700); }
.cc-select:invalid { color: var(--colors--neutral--700); }
.demo-sidebar-wrap.is--active .sidebar-block.cc-form-sidebar {
opacity: 1;
transform: translate(0px0rem);
}
.form-grid:has(select option[value="Canada"]:checked) .cc-canada {
display: flex;
}
.form-grid:has(select option[country-category="eu"]:checked) .cc-eu {
display: flex;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px var(--colors--neutral--300) inset !important;
background-clip: content-box !important;
border: 1px solid var(--colors--ui--hr-dark);
}
/* Show warning when no platform tool is selected */
#select-tool:focus-within:not(:has(input:checked)) #platform-error {
display: block;
}
/* Hubspot Styles */
.radio-btn.cc-hubspot-checkbox:checked {
background: var(--colors--pink--500);
border-color: var(--colors--pink--500);
background-image: url(https://cdn.prod.website-files.com/66a92ba58a191174a40d3b13/66b662405ec4287f12ac2708_Tiny%20check.svg);
background-size: cover;
background-repeat: no-repeat;
box-shadow: -9px 9px 4px 0px rgba(927710.00)-6px 6px 3px 0px rgba(927710.02)-3px 3px 3px 0px rgba(927710.05)-2px 1px 2px 0px rgba(927710.09)0px 0px 1px 0px rgba(927710.10);
}
form label {color: var(--colors--neutral--600);}
.cc-hubspot-opt-in {display: none;}
form:has(select#country_new_dropdown option:is(
[name="Canada"]:checked
[name="United Kingdom"]:checked
[name="Romania"]:checked
[name="Poland"]:checked
[name="Portugal"]:checked
[name="Norway"]:checked
[name="Netherlands"]:checked
[name="Malta"]:checked
[name="Luxembourg"]:checked
[name="Lithuania"]:checked
[name="Liechtenstein"]:checked
[name="Latvia"]:checked
[name="Isle of Man"]:checked
[name="Italy"]:checked
[name="Hungary"]:checked
[name="Ireland"]:checked
[name="Greece"]:checked
[name="France"]:checked
[name="Gibraltar"]:checked
[name="Germany"]:checked
[name="Estonia"]:checked
[name="Finland"]:checked
[name="Faroe Islands"]:checked
[name="Denmark"]:checked
[name="Bulgaria"]:checked
[name="Belgium"]:checked
[name="Iceland"]:checked
[name="Spain"]:checked
[name="Sweden"]:checked
[name="Slovenia"]:checked,
[name="Slovakia"]:checked
[name="Austria"]:checked))
.cc-hubspot-opt-in {
display: flex;
}
select.hubspot-inputselect.hs-input {
padding-right: var(--spacing--gap--lg);
background-image: url("https://cdn.prod.website-files.com/66a92ba58a191174a40d3b13/66b61d650b451ea4e870823e_Carat.svg");
background-position: calc(100% - 1rem) 50%;
background-size: auto;
background-repeat: no-repeat;
color: inherit;
}
textarea.hubspot-input,
.hs-fieldtype-textarea{
min-height: calc(16ch - 1rem);
resize: vertical;
}
.hubspot-input:not([hidden]) {display: inline-flex;}
.hubspot-input:has(option[value=""]:checked),
.hs-input:has(option[value=""]:checked)
{ color: var(--colors--neutral--700); }
/* HUBSPOT EMBED STYLES */
fieldset.form-columns-1 .hs-input,
fieldset.form-columns-1 .input,
fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset,
fieldset.form-columns-2 .input {
width: 100% !important;
margin-right: 0px !important;
max-width: none !important;
}
@media (max-width: 400px)(min-device-width: 320px) and (max-device-width: 480px) {
fieldset.form-columns-1 .hs-input,
fieldset.form-columns-1 .input,
fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset,
fieldset.form-columns-2 .input,
.form-columns-2 .hs-form-field .hs-input
.form-columns-3 .hs-form-field .hs-input {
width: 100% !important;
margin-right: 0px !important;
max-width: none !important;
}
}
.hs-form label {
margin-bottom: 0.25rem;
font-family: var(--component--label--font);
font-size: var(--component--label--font-size);
line-height: var(--component--label--line-height);
letter-spacing: var(--component--label--letter-spacing);
font-weight: var(--component--label--font-weight);
}
ul.hs-error-msgs li {margin-bottom: 0rem !important;}
.cookie-reset-container{
font-size: var(--type--paragraph-sm--font-size-lg) !important;
margin-bottom: 1.5rem !important;
}
.cookie-reset-container a:hover {
color: var(--colors--purple--400);
text-decoration: underline;
cursor: pointer;
}
/* Hide the actual checkbox input */
.hs-input[type="checkbox"] {
display: none;
}
/* Create a custom checkbox using a ::before pseudo-element */
.hs-form-booleancheckbox-display::before {
content: "";
width: .875rem; /* Adjust size as needed */
min-width: .875rem;
height: .875rem;
border: 1px solid var(--colors--ui--hr-dark); /* Border color */
border-radius: 2px; /* Rounded cornersremove for a square checkbox */
margin-right: .5rem; /* Space between checkbox and label text */
background-color: transparent; /* Background color when unchecked */
transition: background-color 0.3s ease;
display: inline-block;
vertical-align: middle;
transition: all .2s ease;
position: relative;
top: 6px;
}
/* Style the custom checkbox when the input is checked */
.hs-form-booleancheckbox:has(.hs-input[type="checkbox"]:checked) .hs-form-booleancheckbox-display::before {
background-color: var(--colors--pink--500); /* Checked background color */
border-color: var(--colors--pink--500); /* Optional: change border color */
content: "";
background-image: url("https://cdn.prod.website-files.com/66a92ba58a191174a40d3b13/66b662405ec4287f12ac2708_Tiny%20check.svg");
background-size: contain;
background-repeat: no-repeat;
font-size: 10px;
text-align: center;
line-height: 1; /* Center checkmark */
box-shadow: -20px 30px 10px 0px rgba(927710.00)-13px 19px 9px 0px rgba(927710.02)-7px 11px 8px 0px rgba(927710.05)-3px 5px 6px 0px rgba(927710.09)-1px 1px 3px 0px rgba(927710.10);
}
/* 0. Base: hide all three variants inside their .hs-form-field wrappers */
.hs-form .hs-form-field:has([name="opted_out__marketing_communication"]),
.hs-form .hs-form-field:has([name="canada_opt_in__c"]),
.hs-form .hs-form-field:has([name="eu_opt_in__c"]) {
display: none;
}
/* 1. Canada → show only canada_opt_in__c */
.hs-form:has(
select[name="country_new_dropdown"]
option:checked[value="Canada"]
)
.hs-form-field:has([name="canada_opt_in__c"]) {
display: block;
}
/* 2. EU countries → show only eu_opt_in__c */
.hs-form:has(
select[name="country_new_dropdown"]
option:checked:is(
[value="United Kingdom"]
[value="Romania"]
[value="Poland"]
[value="Portugal"]
[value="Norway"]
[value="Netherlands"]
[value="Malta"]
[value="Luxembourg"]
[value="Lithuania"]
[value="Liechtenstein"]
[value="Latvia"]
[value="Isle of Man"]
[value="Italy"]
[value="Hungary"]
[value="Ireland"]
[value="Greece"]
[value="France"]
[value="Gibraltar"]
[value="Germany"]
[value="Estonia"]
[value="Finland"]
[value="Faroe Islands"]
[value="Denmark"]
[value="Bulgaria"]
[value="Belgium"]
[value="Iceland"]
[value="Spain"]
[value="Sweden"]
[value="Slovenia"],
[value="Slovakia"]
[value="Austria"]
)
)
.hs-form-field:has([name="eu_opt_in__c"]) {
display: block;
}
/* 3. All other countries (including United States) → show opted_out__marketing_communication */
.hs-form:has(
select[name="country_new_dropdown"]
option:checked:not(:is(
[value="Canada"],
[value="United Kingdom"]
[value="Romania"]
[value="Poland"]
[value="Portugal"]
[value="Norway"]
[value="Netherlands"]
[value="Malta"]
[value="Luxembourg"]
[value="Lithuania"]
[value="Liechtenstein"]
[value="Latvia"]
[value="Isle of Man"]
[value="Italy"]
[value="Hungary"]
[value="Ireland"]
[value="Greece"]
[value="France"]
[value="Gibraltar"]
[value="Germany"]
[value="Estonia"]
[value="Finland"]
[value="Faroe Islands"]
[value="Denmark"]
[value="Bulgaria"]
[value="Belgium"]
[value="Iceland"]
[value="Spain"]
[value="Sweden"]
[value="Slovenia"],
[value="Slovakia"]
[value="Austria"]
))
)
.hs-form-field:has([name="opted_out__marketing_communication"]) {
display: block;
}
/* RANGE SLIDER STYLES */
.roi-calculator_range-slider {
-webkit-appearance: none; /* Remove default styling */
outline: none;
transition: background 0.3s ease;
}
/* The thumb (handle) of the range slider */
.roi-calculator_range-slider::-webkit-slider-thumb {
-webkit-appearance: none; /* Remove default styling */
position: relative;
appearance: none;
width: 1rem; /* Width of the thumb */
height: 1rem; /* Height of the thumb */
background: currentColor; /* Thumb color */
border-radius: 50%; /* Make it round */
border: none;
outline: .625rem solid var(--colors--ui--hr-dark);
cursor: pointer; /* Show pointer cursor */
transition: all 0.3s easetransform 0.2s ease;
top: 50%;
transform: translateY(-50%);
box-shadow: -36px 36px 14px 0px rgba(927710.01)-23px 23px 13px 0px rgba(927710.06)-13px 13px 11px 0px rgba(927710.20)-6px 6px 8px 0px rgba(927710.34)-1px 1px 4px 0px rgba(927710.39);
}
.roi-calculator_range-slider::-moz-range-thumb {
width: 1rem;
height: 1rem;
background: currentColor;
border-radius: 50%;
border: none;
outline: .625rem solid var(--colors--ui--hr-dark);
cursor: pointer;
transition: background 0.3s easetransform 0.2s ease;
}
.roi-calculator_range-slider::-ms-thumb {
width: 1rem;
height: 1rem;
background: currentColor;
border-radius: 50%;
border: none;
outline: .625rem solid var(--colors--ui--hr-dark);
cursor: pointer;
transition: background 0.3s easetransform 0.2s ease;
}
/* Thumb hover and active states */
.roi-calculator_range-slider:hover .roi-calculator_range-slider::-webkit-slider-thumb,
.roi-calculator_range-slider::-webkit-slider-thumb:hover,
.roi-calculator_range-slider::-moz-range-thumb:hover,
.roi-calculator_range-slider::-ms-thumb:hover {
background: var(--colors--pink--500); /* Darker thumb color on hover */
outline: .625rem solid var(--colors--ui--badge);
}
.roi-calculator_range-slider:active .roi-calculator_range-slider::-webkit-slider-thumb,
.roi-calculator_range-slider::-webkit-slider-thumb:active,
.roi-calculator_range-slider::-moz-range-thumb:active,
.roi-calculator_range-slider::-ms-thumb:active {
background: var(--colors--pink--500); /* Even darker thumb color when active */
outline: .625rem solid var(--colors--ui--badge);
}
/* For older browsers that support the track pseudo-element */
.roi-calculator_range-slider::-webkit-slider-runnable-track {
height: 2px;
background: var(--colors--ui--hr-dark);
border-radius: 4px;
top: 50%;
transform: translateY(-50%);
}
/* Range slider track for Firefox */
.roi-calculator_range-slider::-moz-range-track {
height: 2px;
background: var(--colors--ui--hr-dark);
border-radius: 4px;
}
/* Range slider track for IE */
.roi-calculator_range-slider::-ms-track {
height: 2px;
background: var(--colors--ui--hr-dark);
border-radius: 4px;
border-color: transparent;
color: transparent;
}
[data-copy="tabular"]output {
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.hs-form-0f87787d-e30e-47a2-b373-1bd6095d9663_f0841412-2713-420c-b4c0-f62df7994914 fieldset.form-columns-2 .hs-form-field {
width: 100%;
}
.hs-form-0f87787d-e30e-47a2-b373-1bd6095d9663_f0841412-2713-420c-b4c0-f62df7994914 fieldset.form-columns-1 .hs-input {
width: 100%;
}
.hs-form-booleancheckbox-display {
font-size: 16px !important;
color: var(--colors--neutral--800);
font-weight: 400 !important;
}
.hs-input {
padding: .5rem 1rem !important;
}
.hs-form-booleancheckbox-display>span {
margin-left: 0px !important;
}
.hs-richtext {
line-height: var(--component--label--line-height);
letter-spacing: var(--component--label--letter-spacing);
font-weight: 400;
font-size: 16px !important;
color: var(--colors--neutral--800);
padding-left: 22px;
margin-top: -8px;
}
>
<>
.plyr__poster{
background-image: url(https://cdn.prod.website-files.com/66a979144995f7dad3e67c7c/66f4710e695b1c1e45f1581e_jud-mackrill-Of_m3hMsoAA-unsplash.webp) !important;
}
>
<>
html:not(.wf-design-mode) .scoop-section-wrap:has(.resource-empty.w-dyn-empty) {
display: none;
}
>