.a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .global-nav-card:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible,
        .cl-navLink-link:focus-visible {
            outline: none
        }

        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after,
        .cl-navLink-link:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .-large.cl-input-input,
        .global-nav-card .-large.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-large);
            --cl-text-font-weight: var(--cl-font-weight-p-large);
            --cl-text-line-height: var(--cl-line-height-p-large);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.cl-input-input,
        .global-nav-card .-medium.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-medium);
            --cl-text-font-weight: var(--cl-font-weight-p-medium);
            --cl-text-line-height: var(--cl-line-height-p-medium);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-main .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-list-item-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
        .-small.cl-input-input,
        .global-nav-card .-small.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-small);
            --cl-text-font-weight: var(--cl-font-weight-p-small);
            --cl-text-line-height: var(--cl-line-height-p-small);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-main .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-list-item-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
        .cl-input-input,
        .global-nav-card .global-nav-card-cta-text-link {
            font-size: var(--cl-text-font-size);
            font-weight: var(--cl-text-font-weight);
            line-height: var(--cl-text-line-height);
            letter-spacing: var(--cl-text-letter-spacing, normal)
        }

        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title,
        .global-nav-mobile-list-item-heading.-heading-h5,
        .global-nav-header-content .global-nav-header-content-title,
        .global-nav-large-header-card-title,
        .-large>.cl-navLink-link {
            --cl-anchor-font-weight: inherit;
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h5);
            font-weight: var(--cl-font-weight-h5);
            line-height: var(--cl-line-height-h5);
            letter-spacing: var(--cl-letter-spacing-h5, normal)
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
        .cl-tab-button,
        .global-nav-card .global-nav-card-title-link,
        .global-nav-card .global-nav-card-title,
        .global-nav-header-sublinks .global-nav-header-sublinks-title,
        .cl-navLink-link {
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h6);
            font-weight: var(--cl-font-weight-h6);
            line-height: var(--cl-line-height-h6);
            letter-spacing: var(--cl-letter-spacing-h6, normal)
        }

        .cl-dropdown-menu-link,
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
        .-small>.cl-navLink-link {
            --cl-anchor-font-weight: inherit;
            font-size: var(--cl-font-size-microheading);
            font-weight: var(--cl-font-weight-microheading);
            line-height: var(--cl-line-height-microheading);
            letter-spacing: var(--cl-letter-spacing-microheading, normal)
        }

        .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-heading,
        .-x-small>.cl-navLink-link {
            --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
            font-size: var(--cl-font-size-microcopy);
            font-weight: var(--cl-font-weight-microcopy);
            line-height: var(--cl-line-height-microcopy);
            letter-spacing: var(--cl-letter-spacing-microcopy, normal)
        }

        .global-nav-card .global-nav-card-cta-text-link,
        .cl-input-input>a,
        .global-nav-card .global-nav-card-cta-text-link>a {
            color: var(--cl-anchor-color, var(--cl-color-link-01));
            font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
            text-decoration-line: var(--cl-anchor-text-decoration, underline)
        }

        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:hover,
        .cl-input-input>a:hover,
        .global-nav-card .global-nav-card-cta-text-link>a:hover {
            color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .global-nav-card .global-nav-card-cta-text-link:active,
        .cl-input-input>a:active,
        .global-nav-card .global-nav-card-cta-text-link>a:active {
            color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        .cl-input-label-text {
            font-size: var(--cl-font-size-input-label);
            font-weight: var(--cl-font-weight-input-label);
            line-height: var(--cl-line-height-input-label)
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .global-nav-card:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible,
        .cl-navLink-link:focus-visible {
            outline: none
        }

        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after,
        .cl-navLink-link:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink {
            --cl-nav-link-padding: 8px 16px;
            --cl-nav-link-gap: 6px;
            --cl-nav-link-color: var(--cl-color-text-01);
            --cl-nav-link-hover-color: var(--cl-color-hover-link-01);
            --cl-nav-link-text-decoration-inactive: none;
            --cl-nav-link-text-decoration-active: underline;
            --cl-nav-link-text-decoration: var(--cl-nav-link-text-decoration-inactive);
            --cl-nav-link-toggle-top: 1px;
            --cl-nav-link-toggle-icon-size: 18px;
            position: relative;
            display: flex;
            align-items: center;
            color: var(--cl-nav-link-color);
            padding: var(--cl-nav-link-padding);
            gap: var(--cl-nav-link-gap)
        }

        .cl-navLink:active,
        .cl-navLink:hover,
        .cl-navLink:focus-within {
            --cl-nav-link-text-decoration: var(--cl-nav-link-text-decoration-active);
            background-color: var(--cl-color-hover-01);
            color: var(--cl-nav-link-hover-color)
        }

        .-x-small.cl-navLink {
            --cl-nav-link-toggle-top: 0;
            --cl-nav-link-toggle-icon-size: 16px
        }

        .-small.cl-navLink {
            --cl-nav-link-toggle-top: 0
        }

        .-large.cl-navLink {
            --cl-nav-link-padding: 14px 16px;
            --cl-nav-link-gap: 8px;
            --cl-nav-link-toggle-top: 0;
            --cl-nav-link-toggle-icon-size: var(--cl-font-size-h5)
        }

        .-disabled>.cl-navLink,
        .-disabled.cl-navLink {
            --cl-nav-link-color: var(--cl-color-disabled-01);
            --cl-nav-link-hover-color: var(--cl-color-disabled-01);
            --cl-nav-link-text-decoration-active: var(--cl-nav-link-text-decoration-inactive);
            cursor: not-allowed;
            pointer-events: none
        }

        .-basic.cl-navLink {
            --cl-nav-link-padding: 0 2px
        }

        .-basic.cl-navLink:hover,
        .-basic.cl-navLink:active,
        .-basic.cl-navLink:focus-within {
            background: rgba(0, 0, 0, 0)
        }

        .cl-navLink-link {
            color: inherit;
            text-decoration-line: var(--cl-nav-link-text-decoration, none);
            padding: 0;
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            cursor: pointer
        }

        .cl-navLink-link:focus-visible {
            color: inherit
        }

        .cl-navLink-link::after {
            content: "";
            position: absolute;
            inset: 0
        }

        [aria-disabled=true].cl-navLink-link,
        .cl-navLink-link:is(a:not([href])) {
            cursor: not-allowed;
            pointer-events: none;
            text-decoration: none
        }

        .cl-navLink-chevron,
        .cl-navLink-submenu-toggle {
            position: relative;
            border: 0;
            padding: 0;
            background-color: rgba(0, 0, 0, 0);
            cursor: pointer;
            display: flex;
            align-items: center;
            color: inherit;
            top: var(--cl-nav-link-toggle-top, 1px)
        }

        .cl-navLink-chevron::after,
        .cl-navLink-submenu-toggle::after {
            content: "";
            position: absolute;
            inset: -3px
        }

        [disabled].cl-navLink-chevron,
        [disabled].cl-navLink-submenu-toggle {
            cursor: not-allowed;
            color: var(--light-theme-disabled-01);
            pointer-events: none
        }

        .cl-navLink-chevron .cl-icon,
        .cl-navLink-submenu-toggle .cl-icon,
        .cl-navLink-link .cl-icon {
            height: var(--cl-nav-link-toggle-icon-size, 18px);
            width: var(--cl-nav-link-toggle-icon-size, 18px)
        }

        .global-nav-main {
            height: 3.5rem
        }

        @media(width >=1080px) {
            .global-nav-main {
                height: auto
            }
            .global-nav-main[data-is-full-nav=false] {
                display: none
            }
            .global-nav-main[data-cl-fixed-element-is-fixed] {
                background-color: var(--cl-color-container-01);
                box-shadow: 0 2px 4px rgba(33, 51, 67, .12)
            }
        }

        .global-nav-main .global-nav-main-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: fixed;
            top: 0;
            width: 100%;
            padding: .5rem 1rem;
            background-color: var(--cl-color-container-01);
            box-shadow: var(--global-nav-box-shadow, 0 2px 4px rgba(33, 51, 67, 0.12))
        }

        @media(width >=1080px) {
            .global-nav-main .global-nav-main-inner {
                box-shadow: none;
                position: static;
                padding: 0
            }
        }

        .global-nav-main .global-nav-main-group {
            padding-block: 1rem
        }

        @media(width >=1080px) {
            .global-nav-main .global-nav-main-group {
                padding-block: 0
            }
        }

        .global-nav-main .global-nav-main-group.-mobile-only {
            display: flex;
            flex-direction: column;
            gap: .75rem
        }

        .global-nav-main-group-cta,
        .global-nav-main .header-nav__ctas {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 1rem;
            width: 100%
        }

        @media(width >=600px) {
            .global-nav-main-group-cta,
            .global-nav-main .header-nav__ctas {
                flex-direction: row
            }
        }

        .global-nav-main-group-cta .cl-button,
        .global-nav-main .header-nav__ctas .cl-button {
            width: 100%
        }

        @media(width >=1080px) {
            .global-nav-main-group-cta .cl-button,
            .global-nav-main .header-nav__ctas .cl-button {
                width: auto
            }
        }

        .global-nav-main-tab-list {
            display: none
        }

        @media(width >=1080px) {
            .global-nav-main-tab-list {
                display: flex
            }
        }

        @media(width >=1080px) {
            .global-nav-header .global-nav-main .-mobile-only {
                display: none
            }
        }

        @media(width >=768px) {
            .global-nav-main[data-is-full-nav=false] .global-nav-main-inner {
                display: none
            }
        }

        .global-nav-main[data-is-full-nav=false] .global-nav-main-group:not([data-is-utility-element=true]) {
            display: none
        }

        .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only {
            padding: 0 .5rem;
            margin-left: auto
        }

        .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only .cl-button {
            width: auto
        }

        @media(width < 600px) {
            .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only .cl-button:nth-child(2) {
                display: none
            }
        }

        .-burger-menu-open .global-nav-cta-sticky-nav.-cro-test-wbz-9056.-mobile-only {
            display: none
        }

        .global-nav-top-bar,
        .global-nav-top-bar-group {
            display: none
        }

        @media(width >=1080px) {
            .global-nav-top-bar,
            .global-nav-top-bar-group {
                display: flex;
                align-items: center;
                flex-shrink: 0
            }
        }

        .global-nav-top-bar-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative
        }

        .global-nav-top-bar-group {
            gap: 28px
        }

        [data-deploymentreview] {
            border-block-start: 0 solid rgba(0, 0, 0, 0)
        }

        .global-nav-header {
            --global-nav-box-shadow: 0 2px 4px rgba(33, 51, 67, .12);
            background-color: var(--cl-color-container-01);
            position: relative;
            z-index: 95;
            box-shadow: var(--global-nav-box-shadow, 0 2px 4px rgba(33, 51, 67, 0.12))
        }

        .global-nav-skip-link {
            left: -1000px;
            margin-top: .25rem;
            overflow: hidden;
            position: absolute;
            top: auto;
            transition: top 1s ease-out;
            z-index: 100
        }

        .global-nav-skip-link:focus {
            left: 5px;
            overflow: visible;
            position: absolute;
            top: 0;
            transition: top .1s ease-in
        }

        body.-burger-menu-open {
            overflow: hidden;
            position: fixed;
            width: 100%;
            visibility: hidden;
            background-color: var(--cl-color-container-01)
        }

        body.-burger-menu-open .cl-modal.-open,
        body.-burger-menu-open .global-nav-main {
            visibility: visible
        }

        .global-nav-burger-btn-wrapper {
            height: 2.5rem;
            margin: 0;
            transform: translateY(0);
            width: 2.5rem
        }

        .global-nav-burger-btn {
            background-color: rgba(0, 0, 0, 0);
            border: 0;
            cursor: pointer;
            display: block;
            height: 100%;
            left: 0;
            padding: 0;
            position: relative;
            top: 0;
            transform: rotate(0deg);
            transition: transform .3s ease-out;
            width: 100%
        }

        .global-nav-burger-btn-line,
        .global-nav-burger-btn-line::before,
        .global-nav-burger-btn-line::after {
            display: block;
            background-color: var(--cl-color-text-01);
            border-radius: 1rem;
            width: 100%;
            height: .2rem;
            position: relative;
            left: 0
        }

        .global-nav-burger-btn-line::before,
        .global-nav-burger-btn-line::after {
            content: "";
            left: 10%;
            position: absolute;
            top: 0;
            width: 80%
        }

        .global-nav-burger-btn-line::before {
            transform: translateY(-0.5rem)
        }

        .global-nav-burger-btn-line::after {
            transform: translateY(0.5rem)
        }

        .global-nav-burger-btn[aria-expanded=true] {
            transform: rotate(90deg)
        }

        .global-nav-burger-btn[aria-expanded=true] .global-nav-burger-btn-line {
            background-color: rgba(0, 0, 0, 0)
        }

        .global-nav-burger-btn[aria-expanded=true] .global-nav-burger-btn-line::before {
            transform: rotate(-135deg)
        }

        .global-nav-burger-btn[aria-expanded=true] .global-nav-burger-btn-line::after {
            transform: rotate(-45deg)
        }

        .global-nav-burger-menu {
            display: none
        }

        @media(width >=1080px) {
            .global-nav-burger-menu {
                display: flex;
                flex-grow: 1;
                justify-content: space-between;
                align-items: center;
                margin-left: 1.875rem;
                transition: .3s ease-in-out
            }
        }

        @media(width >=1080px) {
            [data-cl-fixed-element-is-fixed] .global-nav-burger-menu {
                margin-left: 1rem;
                transition: .3s ease-in-out
            }
        }

        .-burger-menu-open .global-nav-burger-menu {
            display: flex;
            flex-direction: column;
            background: var(--cl-color-container-01);
            width: 100%;
            height: calc(100dvh - 100%);
            position: absolute;
            left: 0;
            top: 100%;
            padding-inline: 1rem;
            overflow-y: auto;
            overflow-x: hidden
        }

        .-burger-menu-open .-secondary-burger-menu-open.global-nav-main-inner {
            box-shadow: none
        }

        .-burger-menu-open .-secondary-burger-menu-open .global-nav-site-search {
            position: fixed;
            top: 4.5rem;
            right: 1rem;
            left: 1rem;
            visibility: visible
        }

        .-burger-menu-open .-secondary-burger-menu-open .global-nav-burger-menu {
            position: fixed;
            visibility: hidden
        }

        .global-nav-header .-has-dropdown {
            position: relative
        }

        .global-nav-header .global-nav-mobile-list-item-dropdown.-has-dropdown {
            position: initial
        }

        .global-nav-header .-secondary-burger-menu-open .-has-dropdown {
            position: static
        }

        .global-nav-header .-is-dropdown {
            opacity: 0;
            visibility: hidden;
            position: absolute
        }

        @media(width >=1080px) {
            .global-nav-header .-is-dropdown {
                transition: opacity .2s ease-out, visibility .3s;
                transition-delay: .1s
            }
        }

        .global-nav-header .global-nav-mobile-list-item-dropdown .-is-dropdown {
            opacity: initial;
            height: auto
        }

        .global-nav-header .-dropdown-active>.-is-dropdown {
            opacity: 1;
            visibility: visible
        }

        @media(width >=1080px) {
            .global-nav-header .-dropdown-active>.-is-dropdown {
                transition: opacity .2s ease-in, visibility 0s;
                transition-delay: .1s
            }
        }

        .global-nav-header .cl-navLink-submenu-toggle .cl-icon {
            --global-nav-dropdown-toggle-transition: transform 0.3s ease;
            transition: var(--global-nav-dropdown-toggle-transition, transform 0.3s ease)
        }

        .global-nav-header .-dropdown-active .cl-navLink {
            --cl-nav-link-text-decoration: var(--cl-nav-link-text-decoration-active);
            color: var(--cl-nav-link-hover-color)
        }

        .global-nav-header .-dropdown-active .cl-navLink .cl-navLink-submenu-toggle .cl-icon {
            transform: rotate(180deg);
            transition: var(--global-nav-dropdown-toggle-transition, transform 0.3s ease)
        }

        .global-nav-header .-has-dropdown:not(.-dropdown-active, :hover) .cl-navLink:focus-within {
            color: inherit
        }

        .global-nav-header .-has-dropdown:not(.-dropdown-active, :hover) .cl-navLink:focus-within .cl-navLink-link {
            --cl-nav-link-text-decoration: none
        }

        @media(width >=1080px) {
            body:has(.global-nav-main) {
                position: relative;
                height: 100%;
                margin: 0
            }
            body:has(.global-nav-main)::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                visibility: hidden;
                background-color: #3e5974;
                transition: opacity .2s ease-out, visibility .3s;
                transition-delay: .1s
            }
            body:has(.global-nav-main .-dropdown-active)::after {
                visibility: visible;
                opacity: .75;
                z-index: 94;
                transition: opacity .2s ease-in, visibility 0s;
                transition-delay: .1s
            }
        }

        :root {
            --cl-card-border-width: 0px;
            --cl-card-border-color: transparent
        }

        .cl-dropdown-menu,
        .cl-dropdown-menu.-caret,
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
        .global-nav-card,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
            --cl-card-background-color: var(--cl-color-container-01);
            --cl-card-hover-background-color: var(--cl-color-hover-01);
            --cl-card-text-color: var(--cl-color-text-01);
            border: var(--cl-card-border-width, 0px) solid var(--cl-card-border-color, transparent);
            background: var(--cl-card-background-color);
            color: var(--cl-card-text-color);
            border-radius: var(--cl-border-radius-container);
            position: relative
        }

        .global-nav-card,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
            --cl-card-background-color: var(--cl-color-container-01);
            --cl-card-hover-background-color: var(--cl-color-hover-01)
        }

        .cl-dropdown-menu {
            --cl-card-border-width: var(--cl-border-width-medium);
            --cl-card-border-color: var(--cl-color-border-03)
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover,
        .global-nav-card:hover,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover {
            background: var(--cl-card-hover-background-color);
            box-shadow: 0 0 0 1px var(--cl-card-border-color)
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .global-nav-card:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-link:focus-visible,
        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible {
            outline: none
        }

        .cl-navLink-link:focus-visible::after,
        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .-large.cl-input-input,
        .global-nav-card .-large.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-large);
            --cl-text-font-weight: var(--cl-font-weight-p-large);
            --cl-text-line-height: var(--cl-line-height-p-large);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.cl-input-input,
        .global-nav-card .-medium.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-medium);
            --cl-text-font-weight: var(--cl-font-weight-p-medium);
            --cl-text-line-height: var(--cl-line-height-p-medium);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .-small.cl-input-input,
        .global-nav-card .-small.global-nav-card-cta-text-link,
        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-main .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-list-item-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
            --cl-text-font-size: var(--cl-font-size-p-small);
            --cl-text-font-weight: var(--cl-font-weight-p-small);
            --cl-text-line-height: var(--cl-line-height-p-small);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        .cl-input-input,
        .global-nav-card .global-nav-card-cta-text-link,
        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-main .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-list-item-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
            font-size: var(--cl-text-font-size);
            font-weight: var(--cl-text-font-weight);
            line-height: var(--cl-text-line-height);
            letter-spacing: var(--cl-text-letter-spacing, normal)
        }

        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title,
        .global-nav-mobile-list-item-heading.-heading-h5,
        .global-nav-header-content .global-nav-header-content-title,
        .global-nav-large-header-card-title,
        .-large>.cl-navLink-link {
            --cl-anchor-font-weight: inherit;
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h5);
            font-weight: var(--cl-font-weight-h5);
            line-height: var(--cl-line-height-h5);
            letter-spacing: var(--cl-letter-spacing-h5, normal)
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
        .cl-tab-button,
        .global-nav-card .global-nav-card-title-link,
        .global-nav-card .global-nav-card-title,
        .global-nav-header-sublinks .global-nav-header-sublinks-title,
        .cl-navLink-link {
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h6);
            font-weight: var(--cl-font-weight-h6);
            line-height: var(--cl-line-height-h6);
            letter-spacing: var(--cl-letter-spacing-h6, normal)
        }

        .cl-dropdown-menu-link,
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
        .-small>.cl-navLink-link {
            --cl-anchor-font-weight: inherit;
            font-size: var(--cl-font-size-microheading);
            font-weight: var(--cl-font-weight-microheading);
            line-height: var(--cl-line-height-microheading);
            letter-spacing: var(--cl-letter-spacing-microheading, normal)
        }

        .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-heading,
        .-x-small>.cl-navLink-link {
            --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
            font-size: var(--cl-font-size-microcopy);
            font-weight: var(--cl-font-weight-microcopy);
            line-height: var(--cl-line-height-microcopy);
            letter-spacing: var(--cl-letter-spacing-microcopy, normal)
        }

        .global-nav-card .global-nav-card-cta-text-link,
        .cl-input-input>a,
        .global-nav-card .global-nav-card-cta-text-link>a {
            color: var(--cl-anchor-color, var(--cl-color-link-01));
            font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
            text-decoration-line: var(--cl-anchor-text-decoration, underline)
        }

        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:hover,
        .cl-input-input>a:hover,
        .global-nav-card .global-nav-card-cta-text-link>a:hover {
            color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .global-nav-card .global-nav-card-cta-text-link:active,
        .cl-input-input>a:active,
        .global-nav-card .global-nav-card-cta-text-link>a:active {
            color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        .cl-input-label-text {
            font-size: var(--cl-font-size-input-label);
            font-weight: var(--cl-font-weight-input-label);
            line-height: var(--cl-line-height-input-label)
        }

        .global-nav-card .global-nav-card-cta-text-link {
            --cl-text-link-icon-size: 1em;
            background: none;
            border: none;
            border-radius: var(--cl-border-radius-medium);
            padding: 0;
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            text-decoration-color: var(--cl-color-text-link-underline-01, auto);
            text-decoration-thickness: var(--cl-text-link-underline-thickness, auto);
            text-underline-offset: var(--cl-text-link-underline-offset, auto)
        }

        .global-nav-card .global-nav-card-cta-text-link:where(a[href], button) {
            cursor: pointer
        }

        .global-nav-card [disabled].global-nav-card-cta-text-link,
        .global-nav-card [aria-disabled=true].global-nav-card-cta-text-link,
        .global-nav-card .global-nav-card-cta-text-link:is(a:not([href])) {
            cursor: not-allowed;
            color: var(--cl-color-disabled-01);
            text-decoration-color: var(--cl-color-disabled-01);
            pointer-events: none
        }

        .global-nav-card [disabled].global-nav-card-cta-text-link:active,
        .global-nav-card [aria-disabled=true].global-nav-card-cta-text-link:active,
        .global-nav-card .global-nav-card-cta-text-link:is(a:not([href])):active {
            color: var(--cl-color-disabled-01)
        }

        @media(prefers-reduced-motion: no-preference) {
            [data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link,
            .global-nav-card [data-cl-brand=hubspot-2025] .global-nav-card-cta-text-link {
                transition: text-underline-offset .3s ease-in-out
            }
            [data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link:hover,
            .global-nav-card [data-cl-brand=hubspot-2025] .global-nav-card-cta-text-link:hover,
            [data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link:focus-visible,
            .global-nav-card [data-cl-brand=hubspot-2025] .global-nav-card-cta-text-link:focus-visible {
                text-underline-offset: var(--cl-text-link-underline-thickness)
            }
        }

        .global-nav-card .global-nav-card-cta-text-link .cl-icon {
            width: var(--cl-text-link-icon-size);
            height: var(--cl-text-link-icon-size)
        }

        .global-nav-card .-large.global-nav-card-cta-text-link {
            --cl-text-link-icon-size: var(--cl-font-size-medium)
        }

        .global-nav-card .global-nav-card-cta-text-link {
            font-size: var(--cl-font-size-small);
            line-height: var(--cl-line-height-small)
        }

        .global-nav-card:active,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:active {
            background: #b6c7d6
        }

        .global-nav-card:focus-within,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-within {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01);
            background: var(--cl-card-hover-background-color);
            box-shadow: 0 0 0 1px var(--cl-card-border-color)
        }

        .global-nav-header-sublinks {
            --global-nav-header-sublinks-icon: 26px
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-icon-wrapper {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .global-nav-header-sublinks svg,
        .global-nav-header-sublinks .global-nav-header-sublinks-icon {
            width: var(--global-nav-header-sublinks-icon, 26px);
            height: var(--global-nav-header-sublinks-icon, 26px)
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-title-wrapper {
            display: flex;
            gap: .5rem;
            align-items: center;
            padding-bottom: 1rem
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-list {
            display: flex;
            flex-direction: column;
            gap: .5rem
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
            text-decoration: none;
            color: var(--cl-color-text-01);
            padding: .5rem;
            display: inline-block;
            margin-left: 1.7rem
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover {
            color: var(--cl-color-text-01)
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link .cl-badge.global-nav-en-badge {
            margin-left: .5rem
        }

        .global-nav-header-sublinks .global-nav-header-sublinks-title {
            margin: 0
        }

        .global-nav-card {
            --global-nav-card-icon-small: 26px;
            --global-nav-card-icon-medium: 48px;
            --global-nav-card-icon-large-height: auto;
            --global-nav-card-icon-large-width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, max-content));
            column-gap: .75rem;
            padding: .75rem
        }

        .global-nav-card.-top-center-icon {
            grid-template-rows: repeat(2, minmax(0, max-content));
            grid-template-columns: none
        }

        .global-nav-card .global-nav-card-icon-wrapper,
        .global-nav-card .global-nav-card-icon-wrapper>.global-nav-card-icon,
        .global-nav-card .global-nav-card-icon-wrapper.-small-icon,
        .global-nav-card .global-nav-card-icon-wrapper.-small-icon>.global-nav-card-icon {
            height: var(--global-nav-card-icon-small, 26px);
            width: var(--global-nav-card-icon-small, 26px)
        }

        .global-nav-card .global-nav-card-icon-wrapper.-small-icon>svg {
            inline-size: var(--global-nav-card-icon-small, 26px);
            block-size: var(--global-nav-card-icon-small, 26px)
        }

        .global-nav-card .global-nav-card-icon-wrapper.-medium-icon,
        .global-nav-card .global-nav-card-icon-wrapper.-medium-icon>.global-nav-card-icon {
            height: var(--global-nav-card-icon-medium, 48px);
            width: var(--global-nav-card-icon-medium, 48px)
        }

        .global-nav-card .global-nav-card-icon-wrapper.-medium-icon>svg {
            inline-size: var(--global-nav-card-icon-medium, 48px);
            block-size: var(--global-nav-card-icon-medium, 48px)
        }

        .global-nav-card .global-nav-card-icon-wrapper.-large-icon,
        .global-nav-card .global-nav-card-icon-wrapper.-large-icon>.global-nav-card-icon {
            height: var(--global-nav-card-icon-large-height, auto);
            width: var(--global-nav-card-icon-large-width, 100%)
        }

        .global-nav-card .global-nav-card-icon-wrapper,
        .global-nav-card .global-nav-card-icon-wrapper.-top-left-icon {
            align-self: normal
        }

        .global-nav-card .global-nav-card-icon-wrapper.-center-left-icon {
            align-self: center
        }

        .global-nav-card .global-nav-card-icon-wrapper.-top-center-icon {
            grid-template-rows: repeat(2, minmax(0, max-content));
            grid-template-columns: none
        }

        .global-nav-card .global-nav-card-text-wrapper {
            display: flex;
            flex-direction: column;
            gap: .25rem
        }

        .global-nav-card .global-nav-card-title {
            margin: 0
        }

        .global-nav-card .global-nav-card-description {
            font-size: .875rem;
            font-weight: 300;
            line-height: 1.57142857;
            margin: 0
        }

        .global-nav-card .global-nav-card-title-link {
            text-decoration: none;
            color: inherit
        }

        .global-nav-card .global-nav-card-title-link:hover,
        .global-nav-card .global-nav-card-title-link:focus,
        .global-nav-card .global-nav-card-title-link:focus-visible,
        .global-nav-card .global-nav-card-title-link:focus-within {
            color: inherit;
            outline: rgba(0, 0, 0, 0)
        }

        .global-nav-card .global-nav-card-cta-text-link:focus,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-within {
            outline: rgba(0, 0, 0, 0)
        }

        .global-nav-card .global-nav-card-title-link::after,
        .global-nav-card .global-nav-card-cta-text-link::after {
            content: "";
            inset: 0;
            position: absolute
        }

        .global-nav-card-group-list {
            --column-gap: 0.5rem;
            --row-gap: 0.75rem;
            --grid-column: 1;
            display: grid;
            grid-template-columns: repeat(var(--grid-column, 1), 1fr);
            column-gap: var(--column-gap, 0.5rem);
            row-gap: var(--row-gap, 0.75rem)
        }

        .global-nav-card-group-list.-grid-column-1 {
            --grid-column: 1
        }

        .global-nav-card-group-list.-grid-column-2 {
            --grid-column: 2
        }

        .global-nav-card-group-list.-grid-column-3 {
            --grid-column: 3
        }

        .global-nav-card-group-list.-grid-column-4 {
            --grid-column: 4
        }

        .global-nav-large-header-card-title {
            margin: 0
        }

        .global-nav-large-header-card-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: 1fr;
            column-gap: 20px;
            grid-auto-rows: 1fr
        }

        .global-nav-main-resources-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: auto;
            column-gap: 1rem;
            overflow-x: hidden;
            padding: .4rem
        }

        .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(1) {
            grid-area: 1/1/14/2
        }

        .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(2) {
            grid-area: 1/2/5/3
        }

        .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(3) {
            grid-area: 5/2/14/3;
            padding-top: 1rem
        }

        .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(4) {
            grid-area: 1/3/7/4
        }

        .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(5) {
            grid-area: 7/3/14/4;
            padding-top: 1rem
        }

        .global-nav-main-resources-grid .global-nav-header-sublinks:nth-child(6) {
            grid-area: 1/4/14/5
        }

        .global-nav-main-solutions-by-use-case-grid {
            display: grid;
            column-gap: 20px;
            row-gap: 0
        }

        .global-nav-main-solutions-by-use-case-grid.-grid-three-columns {
            grid-template-columns: repeat(3, 1fr)
        }

        .global-nav-main-solutions-by-use-case-grid.-grid-three-columns .global-nav-divider {
            grid-column: 1/span 3
        }

        .global-nav-main-solutions-by-use-case-grid.-grid-four-columns {
            grid-template-columns: repeat(4, 1fr)
        }

        .global-nav-main-solutions-by-use-case-grid.-grid-four-columns .global-nav-divider {
            grid-column: 1/span 4
        }

        #global-nav-header .cl-tab-content:focus-visible {
            outline-offset: 1px
        }

        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-card .global-nav-card-cta-text-link {
            color: var(--cl-color-text-01);
            text-decoration-color: var(--cl-color-text-01)
        }

        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link {
            border-radius: var(--cl-border-radius-medium);
            display: block;
            margin: 0
        }

        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-header-sublinks .global-nav-header-sublinks-title-wrapper {
            padding: 0 0 1rem .5rem
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-link:focus-visible,
        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible {
            outline: none
        }

        .cl-navLink-link:focus-visible::after,
        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .global-nav-header-cta.-small {
            --cl-button-padding-small: 0.5rem 1rem;
            --cl-button-font-size: var(--cl-font-size-small);
            --cl-button-line-height: var(--cl-line-height-small);
            --cl-button-padding: var(--cl-button-padding-small)
        }

        .global-nav-header-cta {
            --cl-button-padding-medium: 0.75rem 1.5rem;
            --cl-button-font-size: var(--cl-font-size-medium);
            --cl-button-line-height: var(--cl-line-height-medium);
            --cl-button-padding: var(--cl-button-padding-medium)
        }

        .global-nav-header-cta.-large {
            --cl-button-padding-large: 1rem 2.5rem;
            --cl-button-font-size: var(--cl-font-size-large);
            --cl-button-line-height: var(--cl-line-height-large);
            --cl-button-padding: var(--cl-button-padding-large)
        }

        .global-nav-header-cta {
            --global-nav-header-cta-icon-small: 24px;
            background: var(--light-theme-background-01);
            border: 2px solid;
            border-color: var(--cl-color-border-03);
            border-radius: 8px;
            color: var(--cl-color-link-01);
            cursor: pointer;
            display: inline-block;
            font-size: var(--cl-button-font-size);
            font-weight: 500;
            line-height: var(--cl-button-line-height);
            padding: var(--cl-button-padding);
            text-align: center;
            text-decoration: none;
            transition: .15s background-color linear, .15s color linear
        }

        .global-nav-header-cta:hover,
        .global-nav-header-cta:focus-visible {
            background: var(--cl-color-hover-01);
            color: var(--cl-color-link-01);
            text-decoration: none
        }

        .global-nav-header-cta:active {
            background: var(--cl-color-pressed-01)
        }

        .global-nav-header-cta:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .global-nav-header-cta .global-nav-header-cta-icon-wrapper {
            display: inline-block;
            height: var(--global-nav-header-cta-icon-small, 24px);
            width: var(--global-nav-header-cta-icon-small, 24px);
            margin-right: .5rem;
            vertical-align: middle
        }

        .global-nav-header-cta .global-nav-header-cta-icon-wrapper>.global-nav-header-cta-icon {
            height: var(--global-nav-header-cta-icon-small, 24px);
            width: var(--global-nav-header-cta-icon-small, 24px)
        }

        .global-nav-header-cta .global-nav-header-cta-icon-wrapper>svg {
            inline-size: var(--global-nav-header-cta-icon-small, 24px);
            block-size: var(--global-nav-header-cta-icon-small, 24px)
        }

        .global-nav-header-content {
            margin: 1rem;
            display: flex;
            align-items: center;
            gap: 2.5rem
        }

        .global-nav-header-content .global-nav-header-content-text-wrapper {
            flex: 1 2 25%;
            display: flex;
            flex-direction: column;
            gap: .5rem
        }

        .global-nav-header-content .global-nav-header-content-title {
            margin: 0
        }

        .global-nav-header-content .global-nav-header-content-description {
            font-size: .875rem;
            font-weight: 300;
            line-height: 1.57142857;
            margin: 0
        }

        .global-nav-header-content .global-nav-header-content-cta-wrapper {
            display: inline-flex;
            gap: 1rem
        }

        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-header-content {
            margin: 0
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-link:focus-visible,
        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible {
            outline: none
        }

        .cl-navLink-link:focus-visible::after,
        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .-large.cl-input-input,
        .global-nav-card .-large.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-large);
            --cl-text-font-weight: var(--cl-font-weight-p-large);
            --cl-text-line-height: var(--cl-line-height-p-large);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.cl-input-input,
        .global-nav-card .-medium.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-medium);
            --cl-text-font-weight: var(--cl-font-weight-p-medium);
            --cl-text-line-height: var(--cl-line-height-p-medium);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .-small.cl-input-input,
        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-main .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-list-item-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
        .global-nav-card .-small.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-small);
            --cl-text-font-weight: var(--cl-font-weight-p-small);
            --cl-text-line-height: var(--cl-line-height-p-small);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        .cl-input-input,
        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-main .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-list-item-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
        .global-nav-card .global-nav-card-cta-text-link {
            font-size: var(--cl-text-font-size);
            font-weight: var(--cl-text-font-weight);
            line-height: var(--cl-text-line-height);
            letter-spacing: var(--cl-text-letter-spacing, normal)
        }

        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title,
        .global-nav-mobile-list-item-heading.-heading-h5,
        .-large>.cl-navLink-link,
        .global-nav-large-header-card-title,
        .global-nav-header-content .global-nav-header-content-title {
            --cl-anchor-font-weight: inherit;
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h5);
            font-weight: var(--cl-font-weight-h5);
            line-height: var(--cl-line-height-h5);
            letter-spacing: var(--cl-letter-spacing-h5, normal)
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
        .cl-tab-button,
        .cl-navLink-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-title,
        .global-nav-card .global-nav-card-title,
        .global-nav-card .global-nav-card-title-link {
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h6);
            font-weight: var(--cl-font-weight-h6);
            line-height: var(--cl-line-height-h6);
            letter-spacing: var(--cl-letter-spacing-h6, normal)
        }

        .cl-dropdown-menu-link,
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button,
        .-small>.cl-navLink-link {
            --cl-anchor-font-weight: inherit;
            font-size: var(--cl-font-size-microheading);
            font-weight: var(--cl-font-weight-microheading);
            line-height: var(--cl-line-height-microheading);
            letter-spacing: var(--cl-letter-spacing-microheading, normal)
        }

        .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label,
        .global-nav-mobile-list-item-heading,
        .-x-small>.cl-navLink-link {
            --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
            font-size: var(--cl-font-size-microcopy);
            font-weight: var(--cl-font-weight-microcopy);
            line-height: var(--cl-line-height-microcopy);
            letter-spacing: var(--cl-letter-spacing-microcopy, normal)
        }

        .cl-input-input>a,
        .global-nav-card .global-nav-card-cta-text-link>a,
        .global-nav-card .global-nav-card-cta-text-link {
            color: var(--cl-anchor-color, var(--cl-color-link-01));
            font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
            text-decoration-line: var(--cl-anchor-text-decoration, underline)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:hover,
        .global-nav-card .global-nav-card-cta-text-link>a:hover,
        .global-nav-card .global-nav-card-cta-text-link:hover {
            color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .cl-input-input>a:active,
        .global-nav-card .global-nav-card-cta-text-link>a:active,
        .global-nav-card .global-nav-card-cta-text-link:active {
            color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        .cl-input-label-text {
            font-size: var(--cl-font-size-input-label);
            font-weight: var(--cl-font-weight-input-label);
            line-height: var(--cl-line-height-input-label)
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-link:focus-visible,
        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible {
            outline: none
        }

        .cl-navLink-link:focus-visible::after,
        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-tab-control {
            --cl-tab-control-background: var(--cl-color-background-01);
            --cl-tab-control-align: start;
            border-bottom: 1px solid var(--cl-color-divider-01);
            padding: 0;
            position: relative
        }

        @media(width >=900px) {
            .cl-tab-control {
                padding: 0 16px
            }
        }

        .-center>.cl-tab-control {
            --cl-tab-control-align: center
        }

        .-overflow-left.cl-tab-control::before,
        .-overflow-right.cl-tab-control::after {
            background: linear-gradient(var(--cl-tab-control-overflow-direction), var(--cl-tab-control-background) 10%, transparent 100%);
            content: "";
            display: block;
            inset-block: 0;
            inset-inline: var(--cl-tab-control-overflow-inset-inline);
            pointer-events: none;
            position: absolute;
            width: 40px
        }

        .-overflow-left.cl-tab-control::before {
            --cl-tab-control-overflow-direction: to right;
            --cl-tab-control-overflow-inset-inline: 0 auto
        }

        .-overflow-right.cl-tab-control::after {
            --cl-tab-control-overflow-direction: to left;
            --cl-tab-control-overflow-inset-inline: auto 0
        }

        .-overflow-above.cl-tab-control::before,
        .-overflow-below.cl-tab-control::after {
            background: linear-gradient(var(--cl-tab-control-overflow-direction), var(--cl-tab-control-background) 10%, transparent 100%);
            content: "";
            display: block;
            pointer-events: none;
            position: absolute;
            height: 40px;
            width: 100%
        }

        .-overflow-above.cl-tab-control::before {
            --cl-tab-control-overflow-direction: to bottom;
            --cl-tab-control-overflow-inset-inline: 0;
            inset-inline: var(--cl-tab-control-overflow-inset-inline);
            inset-block: 0
        }

        .-overflow-below.cl-tab-control::after {
            --cl-tab-control-overflow-direction: to top;
            --cl-tab-control-overflow-inset-inline: 0;
            bottom: 0
        }

        .-background-02 .cl-tab-control {
            --cl-tab-control-background: var(--cl-color-background-02)
        }

        .-background-03 .cl-tab-control {
            --cl-tab-control-background: var(--cl-color-background-03)
        }

        .cl-tab-list {
            display: flex;
            flex-wrap: nowrap;
            list-style: none;
            margin: 0;
            overflow-x: scroll;
            padding: 2px 2px 0;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            justify-content: var(--cl-tab-control-align, start)
        }

        @media(width >=600px) {
            [aria-orientation=vertical].cl-tab-list {
                flex-direction: column
            }
        }

        .-overflow-right>.cl-tab-list {
            justify-content: start
        }

        .cl-tab-list::-webkit-scrollbar {
            display: none;
            height: 0;
            width: 0
        }

        .cl-tab-item {
            align-items: flex-end;
            display: inline-flex;
            flex: 0 0 auto;
            min-width: 100px;
            max-width: 240px
        }

        @media(width < 600px) {
            .cl-tab-item {
                max-width: 200px
            }
        }

        .cl-tab-item:first-child {
            margin-left: 16px
        }

        @media(width >=900px) {
            .cl-tab-item:first-child {
                margin-left: 0
            }
        }

        .cl-tab-button {
            background-color: rgba(0, 0, 0, 0);
            border: rgba(0, 0, 0, 0);
            border-bottom: 4px solid rgba(0, 0, 0, 0);
            color: var(--cl-color-text-02);
            cursor: pointer;
            padding: 8px 16px 4px;
            text-align: var(--cl-tab-control-align, start);
            width: 100%;
            height: 100%;
            display: inline-flex;
            align-items: end;
            word-break: break-word
        }

        .cl-tab-button:active,
        .cl-tab-button:hover,
        .cl-tab-button:focus-visible {
            color: var(--cl-color-text-01);
            background-color: var(--cl-color-hover-01)
        }

        [aria-selected=true].cl-tab-button {
            border-bottom-color: var(--cl-color-border-01);
            color: var(--cl-color-text-01)
        }

        .cl-tab-group {
            padding: 24px 16px
        }

        [aria-hidden=true].cl-tab-content {
            display: none
        }

        .cl-tab-content>:first-child {
            margin-top: 0;
            padding-top: 0
        }

        @media(width >=600px) {
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) {
                display: flex
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-control {
                display: flex;
                flex: none;
                position: relative;
                padding: 0 0 0 16px;
                border-bottom: 0;
                border-right: var(--cl-border-width-medium) solid var(--light-theme-divider-01)
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-list {
                width: 100%;
                padding: 0;
                overflow-y: scroll
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-item {
                min-width: 152px;
                max-width: 242px;
                margin-left: 0px
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-item.-active {
                background: var(--cl-tab-control-background)
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-button {
                border-left: 4px solid rgba(0, 0, 0, 0);
                border-bottom: 0;
                padding: 8px 32px 4px 16px
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-button[aria-selected=true] {
                border-left-color: var(--cl-color-border-01)
            }
            .cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-group {
                padding: 0px 24px;
                overflow-y: auto
            }
        }

        .global-nav-tab.cl-navLink {
            padding-block: 1.5rem;
            padding-inline: .875rem
        }

        .global-nav-tab-wrapper.-dropdown-active {
            position: static
        }

        .global-nav-tab-dropdown-section {
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: calc(100% - 1.25rem);
            max-width: max-content
        }

        .global-nav-tab-dropdown-content-wrapper {
            width: 1400px;
            max-width: 100%;
            margin: auto;
            background-color: var(--cl-color-container-01);
            border: 1px solid var(--cl-color-border-03);
            border-radius: 0 0 .1875rem .1875rem;
            box-shadow: 0 1px 24px rgba(33, 51, 67, .12)
        }

        .global-nav-tab-dropdown-content {
            display: flex;
            flex-direction: column;
            gap: .75rem;
            padding: 1.5rem
        }

        .global-nav-tab-dropdown-section:not(.-sidebar),
        .global-nav-sidebar-content.cl-tab-group {
            --global-nav-header-height: 130.06px;
            overflow-y: auto;
            max-height: calc(100vh - var(--global-nav-header-height, 130.06px))
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] {
            display: flex
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-control.cl-tab-control,
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-content.cl-tab-group {
            padding-block: 1.5rem
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-control.cl-tab-control {
            display: flex;
            flex: none;
            position: relative;
            border: 0;
            height: 100%;
            background: var(--cl-color-container-01);
            min-width: 225px;
            padding-inline: .5rem
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-control.cl-tab-control.-overflow-right::after {
            background: rgba(0, 0, 0, 0)
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-list.cl-tab-list {
            width: 100%;
            padding: 0;
            overflow-y: auto;
            gap: .25rem
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-list-item.cl-tab-item {
            min-width: 152px;
            max-width: 242px
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-list-item.cl-tab-item.-active {
            background: var(--cl-tab-control-background)
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button {
            --global-nav-tab-button-hover-background-color: var(--cl-color-background-03);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .5rem;
            border-left: none
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button[aria-selected=true],
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover[aria-selected=true] {
            background-color: var(--global-nav-tab-button-hover-background-color, var(--cl-color-background-03));
            box-shadow: 0 0 0 1px var(--cl-card-border-color)
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:active[aria-selected=true] {
            background-color: #fcead7
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button .global-nav-sidebar-btn-icon.cl-icon {
            height: var(--cl-nav-link-toggle-icon-size, 1.125rem);
            width: var(--cl-nav-link-toggle-icon-size, 1.125rem)
        }

        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-content.cl-tab-group {
            width: 100%;
            border-left: 4px solid #f6f9fc
        }

        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button[aria-selected=true],
        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover[aria-selected=true] {
            background-color: var(--cl-color-hover-01)
        }

        .global-nav-mobile-list-item-group {
            display: flex;
            flex-direction: column;
            gap: .75rem
        }

        .global-nav-mobile-list-item-link {
            display: grid;
            grid-template-columns: auto auto 1fr;
            column-gap: .5rem;
            color: var(--cl-color-text-01);
            text-decoration: none;
            padding: .5rem;
            position: relative
        }

        .global-nav-mobile-list-item-link .cl-badge.global-nav-en-badge {
            grid-column-start: 2
        }

        .global-nav-mobile-list-item-link .cl-icon.global-nav-mobile-icon-right-chevron {
            justify-self: end;
            grid-column-end: 4
        }

        .global-nav-mobile-list-item-dropdown-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: var(--cl-color-text-01);
            text-decoration: none;
            padding: .5rem;
            position: relative
        }

        .global-nav-mobile-list-item-heading {
            margin: 0;
            padding: 1rem .5rem;
            text-transform: uppercase
        }

        #global-nav-header[data-cl-brand=hubspot-2025] .global-nav-mobile-list-item-heading {
            font-family: var(--cl-font-family)
        }

        .global-nav-mobile-list-item-heading.-heading-h5 {
            text-transform: none;
            padding: 0 .75rem
        }

        .global-nav-mobile-list-item-dropdown-toggle {
            border: 0;
            padding: 0;
            background: rgba(0, 0, 0, 0)
        }

        .global-nav-mobile-list-item-dropdown-toggle::after {
            content: "";
            position: absolute;
            inset: -3px;
            cursor: pointer
        }

        .global-nav-mobile-submenu {
            visibility: hidden;
            background: var(--cl-color-container-01);
            display: flex;
            flex-direction: column;
            gap: .5rem;
            padding: 1rem;
            width: 100%;
            overflow-y: auto;
            position: absolute;
            top: 4.5rem;
            bottom: 0;
            left: 100%;
            transition: left .3s ease, visibility .3s ease, width .3s ease;
            z-index: 99
        }

        .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
            visibility: visible;
            height: auto;
            background: var(--cl-color-container-01);
            left: 0;
            right: 0;
            top: 4.5rem;
            transition: left .3s ease;
            overflow-x: hidden;
            position: fixed
        }

        .global-nav-burger-menu:has(.global-nav-site-search) .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
            top: 8.5rem
        }

        .global-nav-burger-menu .global-nav-site-search .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
            top: 8.5rem
        }

        @media(width < 1080px) {
            body.-burger-menu-open .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-submenu {
                display: flex !important;
                opacity: 1 !important;
                visibility: visible !important
            }
        }

        .global-nav-mobile-tertiary-menu {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 200%;
            opacity: 0;
            overflow: hidden;
            transition: left .3s ease, visibility .3s ease, width .3s ease;
            visibility: hidden;
            z-index: 99;
            width: 100%;
            background: var(--cl-color-container-01);
            overflow-y: auto
        }

        .global-nav-mobile-list-item-dropdown.-dropdown-active>.global-nav-mobile-tertiary-menu {
            visibility: visible;
            padding: 1rem;
            background: var(--cl-color-container-01);
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            opacity: 1;
            transition: left .3s ease;
            display: flex;
            flex-direction: column
        }

        .global-nav-mobile-icon-right-chevron {
            --global-nav-mobile-list-item-icon-width: 18px;
            --global-nav-mobile-list-item-icon-height: 18px;
            width: var(--global-nav-mobile-list-item-icon-width, 18px);
            height: var(--global-nav-mobile-list-item-icon-height, 18px);
            display: block;
            color: var(--cl-color-text-01)
        }

        @media(width >=600px) {
            .global-nav-mobile-icon-right-chevron {
                --global-nav-mobile-list-item-icon-width: 22px;
                --global-nav-mobile-list-item-icon-height: 22px
            }
        }

        .global-nav-mobile-link-header-banner {
            display: flex;
            flex-direction: column;
            gap: .5rem
        }

        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title {
            margin: 0
        }

        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description {
            margin: 0
        }

        .global-nav-mobile-list-item-link-complex {
            --global-nav-mobile-list-item-left-icon-width: 26px;
            --global-nav-mobile-list-item-left-icon-height: 26px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: .75rem;
            color: var(--cl-color-text-01);
            text-decoration: none;
            margin: .5rem
        }

        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-left-icon-wrapper,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-left-icon-wrapper>svg {
            width: var(--global-nav-mobile-list-item-left-icon-width, 26px);
            height: var(--global-nav-mobile-list-item-left-icon-height, 26px)
        }

        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-text-wrapper {
            display: flex;
            flex-direction: column;
            flex: 1
        }

        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title {
            margin: 0
        }

        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description {
            margin: 0
        }

        .global-nav-mobile-list-item-article-card {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            color: var(--cl-color-text-01);
            margin: .5rem;
            position: relative
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-image-wrapper {
            aspect-ratio: 2/1
        }

        .global-nav-mobile-list-item-article-card img.global-nav-mobile-list-item-article-card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-text-wrapper {
            display: flex;
            flex-direction: column;
            gap: .25rem
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title {
            margin: 0
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description {
            margin: 0
        }

        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-link::after {
            content: "";
            cursor: pointer;
            inset: 0;
            position: absolute
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-link:focus-visible,
        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible {
            outline: none
        }

        .cl-navLink-link:focus-visible::after,
        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .a11y-contrast-toggle {
            --a11y-contrast-toggle-px-width: 40;
            --a11y-contrast-toggle-px-height: 24;
            --a11y-contrast-toggle-px-border-width: 2;
            --a11y-contrast-toggle-px-visible-padding: var(--a11y-contrast-toggle-px-border-width);
            --a11y-contrast-toggle-px-padding: calc( var(--a11y-contrast-toggle-px-border-width) + var(--a11y-contrast-toggle-px-visible-padding));
            --a11y-contrast-toggle-px-inner-width: calc( var(--a11y-contrast-toggle-px-width) - 2 * var(--a11y-contrast-toggle-px-padding));
            --a11y-contrast-toggle-px-circle-diameter: calc( var(--a11y-contrast-toggle-px-height) - 2 * var(--a11y-contrast-toggle-px-padding));
            --a11y-contrast-toggle-px-cover-diameter: calc( var(--a11y-contrast-toggle-px-width) * 2 - var(--a11y-contrast-toggle-px-height));
            --a11y-contrast-toggle-border-width: calc(var(--a11y-contrast-toggle-px-border-width) * 1px);
            --a11y-contrast-toggle-padding: calc(var(--a11y-contrast-toggle-px-padding) * 1px);
            --a11y-contrast-toggle-outline-width: calc((var(--a11y-contrast-toggle-px-visible-padding) / 2) * 1px);
            --a11y-contrast-toggle-circle-diameter: calc(var(--a11y-contrast-toggle-px-circle-diameter) * 1px);
            --a11y-contrast-toggle-translate-distance: calc( (var(--a11y-contrast-toggle-px-inner-width) - var(--a11y-contrast-toggle-px-circle-diameter)) * 1px);
            --a11y-contrast-toggle-cover-scale: calc( var(--a11y-contrast-toggle-px-cover-diameter) / var(--a11y-contrast-toggle-px-circle-diameter));
            --a11y-contrast-toggle-text-color: var(--cl-color-text-01);
            --a11y-contrast-toggle-text-gap: 12px;
            --a11y-contrast-toggle-transition-duration: 0.5s;
            --a11y-contrast-toggle-enabled-color: var(--cl-color-container-01);
            --a11y-contrast-toggle-enabled-overlay: none;
            --a11y-contrast-toggle-border-color: #2e475d;
            --a11y-contrast-toggle-icon-color: var(--cl-color-icon-01);
            --a11y-contrast-toggle-background-color: #0000c5;
            display: inline-flex;
            align-items: center;
            padding: 0;
            border: 0;
            border-radius: var(--cl-border-radius-medium);
            gap: var(--a11y-contrast-toggle-text-gap);
            background: rgba(0, 0, 0, 0);
            color: var(--a11y-contrast-toggle-text-color);
            font-size: inherit;
            cursor: pointer
        }

        .a11y-contrast-toggle.-large {
            --a11y-contrast-toggle-px-width: 56;
            --a11y-contrast-toggle-px-height: 32;
            --a11y-contrast-toggle-px-border-width: 2;
            --a11y-contrast-toggle-text-gap: 16px
        }

        .a11y-contrast-toggle.-medium {
            --a11y-contrast-toggle-px-width: 40;
            --a11y-contrast-toggle-px-height: 24;
            --a11y-contrast-toggle-px-border-width: 2;
            --a11y-contrast-toggle-text-gap: 12px
        }

        .a11y-contrast-toggle.-small {
            --a11y-contrast-toggle-px-width: 32;
            --a11y-contrast-toggle-px-height: 16;
            --a11y-contrast-toggle-px-border-width: 1;
            --a11y-contrast-toggle-text-gap: 12px
        }

        .a11y-contrast-toggle.-x-small {
            --a11y-contrast-toggle-px-width: 20;
            --a11y-contrast-toggle-px-height: 12;
            --a11y-contrast-toggle-px-border-width: 1;
            --a11y-contrast-toggle-text-gap: 8px
        }

        .a11y-contrast-toggle:hover,
        .a11y-contrast-toggle:focus-visible {
            --a11y-contrast-toggle-background-color: #1d0cff
        }

        .a11y-contrast-toggle:not([aria-checked=true]):hover,
        .a11y-contrast-toggle:not([aria-checked=true]):focus-visible {
            --a11y-contrast-toggle-enabled-overlay: linear-gradient(var(--cl-color-hover-01), var(--cl-color-hover-01))
        }

        .a11y-contrast-toggle:not([data-cl-mounted], .-icon-right, .-secondary)::before,
        .a11y-contrast-toggle:not([data-cl-mounted]).-icon-right:not(.-secondary)::after {
            content: "";
            display: block;
            width: calc(var(--a11y-contrast-toggle-px-width)*1px);
            height: calc(var(--a11y-contrast-toggle-px-height)*1px)
        }

        .a11y-contrast-toggle.-dark {
            --a11y-contrast-toggle-border-color: var(--dark-theme-border-01);
            --a11y-contrast-toggle-background-color: #caebff
        }

        .a11y-contrast-toggle.-dark:hover,
        .a11y-contrast-toggle.-dark:focus-visible {
            --a11y-contrast-toggle-background-color: #edf8ff
        }

        .a11y-contrast-toggle[aria-checked=true] {
            --a11y-contrast-toggle-border-color: var(--a11y-contrast-toggle-background-color)
        }

        .a11y-contrast-toggle__switch {
            position: relative;
            display: grid;
            grid-template-areas: "switch";
            align-items: center;
            width: calc(var(--a11y-contrast-toggle-px-width)*1px);
            height: calc(var(--a11y-contrast-toggle-px-height)*1px);
            padding: var(--a11y-contrast-toggle-padding);
            border-radius: calc(var(--a11y-contrast-toggle-px-height)*1px/2);
            background: var(--a11y-contrast-toggle-background-color);
            overflow: hidden;
            z-index: 0
        }

        .a11y-contrast-toggle__switch::before {
            content: "";
            grid-area: switch;
            display: block;
            width: var(--a11y-contrast-toggle-circle-diameter);
            height: var(--a11y-contrast-toggle-circle-diameter);
            border-radius: 50%;
            background-color: var(--a11y-contrast-toggle-enabled-color);
            background-image: var(--a11y-contrast-toggle-enabled-overlay);
            transform: scale(var(--a11y-contrast-toggle-cover-scale));
            transition: transform var(--a11y-contrast-toggle-transition-duration) ease-in-out
        }

        .a11y-contrast-toggle[aria-checked=true] .a11y-contrast-toggle__switch::before {
            transform: translateX(var(--a11y-contrast-toggle-translate-distance)) scale(1)
        }

        .a11y-contrast-toggle__switch::after {
            content: "";
            position: absolute;
            inset: 0;
            border: var(--a11y-contrast-toggle-border-width) solid var(--a11y-contrast-toggle-border-color);
            border-radius: inherit
        }

        .a11y-contrast-toggle:not([aria-checked=true]) .a11y-contrast-toggle__switch::after {
            transition: border-color var(--a11y-contrast-toggle-transition-duration) ease-in-out
        }

        .a11y-contrast-toggle__contrast-icon {
            grid-area: switch;
            position: relative;
            display: block;
            width: var(--a11y-contrast-toggle-circle-diameter);
            height: var(--a11y-contrast-toggle-circle-diameter);
            border-radius: 50%;
            background: rgba(0, 0, 0, 0);
            color: var(--a11y-contrast-toggle-icon-color);
            overflow: hidden;
            transition: transform var(--a11y-contrast-toggle-transition-duration) ease-in-out, opacity var(--a11y-contrast-toggle-transition-duration) ease-in-out
        }

        .a11y-contrast-toggle[aria-checked=true] .a11y-contrast-toggle__contrast-icon {
            transform: translateX(var(--a11y-contrast-toggle-translate-distance)) rotate(180deg);
            opacity: 0
        }

        .a11y-contrast-toggle__contrast-icon::before {
            content: "";
            position: absolute;
            inset: 0 0 0 50%;
            display: block;
            background: currentColor;
            border-radius: 0 50% 50% 0;
            transition: transform var(--a11y-contrast-toggle-transition-duration) ease-in-out
        }

        .a11y-contrast-toggle[aria-checked=true] .a11y-contrast-toggle__contrast-icon::before {
            transform: translateX(100%)
        }

        .a11y-contrast-toggle__contrast-icon::after {
            content: "";
            position: absolute;
            inset: 0 0 0 0;
            display: block;
            border: var(--a11y-contrast-toggle-border-width) solid currentColor;
            border-radius: inherit;
            transition: left var(--a11y-contrast-toggle-transition-duration) ease-in-out
        }

        .global-nav-main .global-nav-high-contrast-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            position: relative;
            padding: .5rem
        }

        .global-nav-main .a11y-contrast-toggle__label {
            color: var(--cl-color-text-01);
            text-decoration: none
        }

        .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label {
            text-decoration: none;
            color: initial
        }

        .global-nav-top-bar .global-nav-high-contrast .global-nav-high-contrast-btn {
            padding: 16px 0
        }

        .global-nav-top-bar .global-nav-high-contrast .global-nav-high-contrast-btn:hover .a11y-contrast-toggle__label {
            text-decoration: underline;
            color: var(--cl-color-hover-link-01)
        }

        .global-nav-language-switcher-link.-disabled {
            pointer-events: none;
            color: var(--cl-color-disabled-01, #99afc4)
        }

        .a11y-contrast-toggle:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,
        .global-nav-card:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-dropdown-menu-link:focus-visible,
        .cl-tab-button:focus-visible {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .cl-navLink-link:focus-visible,
        .cl-navLink-chevron:focus-visible,
        .cl-navLink-submenu-toggle:focus-visible {
            outline: none
        }

        .cl-navLink-link:focus-visible::after,
        .cl-navLink-chevron:focus-visible::after,
        .cl-navLink-submenu-toggle:focus-visible::after {
            outline-offset: -2px;
            outline: 2px solid var(--cl-color-focus-01)
        }

        .-large.cl-input-input,
        .global-nav-card .-large.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-large);
            --cl-text-font-weight: var(--cl-font-weight-p-large);
            --cl-text-line-height: var(--cl-line-height-p-large);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
        }

        .-medium.cl-input-input,
        .global-nav-card .-medium.global-nav-card-cta-text-link {
            --cl-text-font-size: var(--cl-font-size-p-medium);
            --cl-text-font-weight: var(--cl-font-weight-p-medium);
            --cl-text-line-height: var(--cl-line-height-p-medium);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
        }

        .-small.cl-input-input,
        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
        .global-nav-card .-small.global-nav-card-cta-text-link,
        .global-nav-mobile-list-item-link,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-main .a11y-contrast-toggle__label {
            --cl-text-font-size: var(--cl-font-size-p-small);
            --cl-text-font-weight: var(--cl-font-weight-p-small);
            --cl-text-line-height: var(--cl-line-height-p-small);
            --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
        }

        .cl-input-input,
        .cl-input-counter,
        .cl-input-error-text,
        .cl-input-help-text,
        .global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,
        .global-nav-card .global-nav-card-cta-text-link,
        .global-nav-mobile-list-item-link,
        .global-nav-mobile-list-item-dropdown-link,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,
        .global-nav-main .a11y-contrast-toggle__label {
            font-size: var(--cl-text-font-size);
            font-weight: var(--cl-text-font-weight);
            line-height: var(--cl-text-line-height);
            letter-spacing: var(--cl-text-letter-spacing, normal)
        }

        .-large>.cl-navLink-link,
        .global-nav-large-header-card-title,
        .global-nav-header-content .global-nav-header-content-title,
        .global-nav-mobile-list-item-heading.-heading-h5,
        .global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title {
            --cl-anchor-font-weight: inherit;
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h5);
            font-weight: var(--cl-font-weight-h5);
            line-height: var(--cl-line-height-h5);
            letter-spacing: var(--cl-letter-spacing-h5, normal)
        }

        .cl-navLink-link,
        .global-nav-header-sublinks .global-nav-header-sublinks-title,
        .global-nav-card .global-nav-card-title,
        .global-nav-card .global-nav-card-title-link,
        .cl-tab-button,
        .global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,
        .global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title {
            font-family: var(--cl-font-family, inherit);
            font-size: var(--cl-font-size-h6);
            font-weight: var(--cl-font-weight-h6);
            line-height: var(--cl-line-height-h6);
            letter-spacing: var(--cl-letter-spacing-h6, normal)
        }

        .cl-dropdown-menu-link,
        .-small>.cl-navLink-link,
        .global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button {
            --cl-anchor-font-weight: inherit;
            font-size: var(--cl-font-size-microheading);
            font-weight: var(--cl-font-weight-microheading);
            line-height: var(--cl-line-height-microheading);
            letter-spacing: var(--cl-letter-spacing-microheading, normal)
        }

        .-x-small>.cl-navLink-link,
        .global-nav-mobile-list-item-heading,
        .global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label {
            --cl-anchor-font-weight: var(--cl-font-weight-demi-bold);
            font-size: var(--cl-font-size-microcopy);
            font-weight: var(--cl-font-weight-microcopy);
            line-height: var(--cl-line-height-microcopy);
            letter-spacing: var(--cl-letter-spacing-microcopy, normal)
        }

        .cl-input-input>a,
        .global-nav-card .global-nav-card-cta-text-link>a,
        .global-nav-card .global-nav-card-cta-text-link {
            color: var(--cl-anchor-color, var(--cl-color-link-01));
            font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
            text-decoration-line: var(--cl-anchor-text-decoration, underline)
        }

        .cl-input-input>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link>a:focus-visible,
        .global-nav-card .global-nav-card-cta-text-link:focus-visible,
        .cl-input-input>a:hover,
        .global-nav-card .global-nav-card-cta-text-link>a:hover,
        .global-nav-card .global-nav-card-cta-text-link:hover {
            color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
        }

        .cl-input-input>a:active,
        .global-nav-card .global-nav-card-cta-text-link>a:active,
        .global-nav-card .global-nav-card-cta-text-link:active {
            color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
        }

        .cl-input-label-text {
            font-size: var(--cl-font-size-input-label);
            font-weight: var(--cl-font-weight-input-label);
            line-height: var(--cl-line-height-input-label)
        }

        .cl-input {
            display: flex;
            flex-direction: column;
            gap: .5rem
        }

        .cl-input-caption {
            display: flex;
            flex-direction: column
        }

        .cl-input-label-text {
            color: var(--cl-color-text-01)
        }

        .cl-input-help-text {
            color: var(--cl-color-text-02)
        }

        .cl-input-wrapper {
            position: relative
        }

        .cl-input-input {
            padding: .5rem 1rem;
            margin: 0;
            border: 1px solid var(--cl-color-border-02);
            background-color: var(--cl-color-container-02);
            border-radius: var(--cl-border-radius-small);
            color: var(--cl-color-text-01);
            width: 100%;
            display: block;
            text-overflow: ellipsis
        }

        [data-cl-brand=hubspot-2025] .cl-input-input {
            background-color: var(--cl-color-container-01);
            background-image: linear-gradient(var(--cl-color-container-02), var(--cl-color-container-02))
        }

        .cl-input-input::placeholder {
            color: var(--cl-color-text-placeholder-01)
        }

        .cl-input-input:hover {
            box-shadow: 0 0 0 1px var(--cl-color-border-02)
        }

        .cl-input-input:where(input, textarea):read-only {
            cursor: not-allowed;
            border-color: rgba(0, 0, 0, 0);
            background-color: var(--cl-color-disabled-03);
            color: var(--cl-color-text-02)
        }

        .cl-input-input:where(input, textarea):read-only:hover {
            box-shadow: none
        }

        .cl-input-input:disabled {
            opacity: 1;
            cursor: not-allowed;
            border-color: rgba(0, 0, 0, 0);
            background-color: var(--cl-color-disabled-03);
            color: var(--cl-color-disabled-01)
        }

        .cl-input-input:disabled:hover {
            box-shadow: none
        }

        .cl-input-input:focus-visible {
            outline-offset: 2px;
            outline: 2px solid var(--cl-color-focus-01);
            box-shadow: 0 0 0 1px var(--cl-color-border-02)
        }

        .cl-input-input::-webkit-resizer {
            background-image: url("data:image/svg+xml,<svg xmlns="http: //www.w3.org/2000/svg" width="12" height="12"><path fill="%23213343" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>");background-repeat:no-repeat}[data-cl-brand=hubspot-2025] .cl-input-input::-webkit-resizer{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="%231F1F1F" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>")}[data-cl-theme=dark] .cl-input-input::-webkit-resizer{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="%23F8F5EE" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>")}[data-cl-brand=hubspot-2025] [data-cl-theme=dark] .cl-input-input::-webkit-resizer{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="%23FFFFFF" d="M9.6 9.6H12V12H9.6V9.6ZM9.6 4.8H12v2.4H9.6V4.8ZM9.6 0H12v2.4H9.6V0ZM4.8 9.6h2.4V12H4.8V9.6ZM4.8 4.8h2.4v2.4H4.8V4.8ZM0 9.6h2.4V12H0V9.6Z"/></svg>")}.cl-input-input:is(select){cursor:pointer;appearance:none;padding-right:2.5rem}.cl-input-input:has(~.cl-input-state-icon),.cl-input.-invalid .cl-input-input{padding:.5rem 2.5rem .5rem 1rem}.cl-input-input:is(select):has(~.cl-input-state-icon),.cl-input.-invalid .cl-input-input:is(select){padding-right:4.25rem}.cl-input-input:is(input[type=search]):has(~.cl-input-state-icon),.cl-input.-invalid .cl-input-input:is(input[type=search]){padding-left:2.5rem}.cl-input.-invalid .cl-input-input{border:1px solid var(--cl-color-error-01)}.cl-input.-invalid .cl-input-input:hover,.cl-input.-invalid .cl-input-input:focus-visible{box-shadow:0 0 0 1px var(--cl-color-error-01)}.cl-input-input~.cl-input-state-icon,.cl-input-state-icon{display:none;position:absolute;height:1rem;width:1rem;top:1rem;right:.75rem}select~.cl-input-input~.cl-input-state-icon,.cl-input-input~select~.cl-input-state-icon,select.cl-input-input~.cl-input-state-icon,select~.cl-input-state-icon{right:2.75rem}.cl-input-select-icon{display:block;position:absolute;height:2rem;width:2rem;top:50%;transform:translateY(-50%);right:.5rem;pointer-events:none;fill:var(--cl-color-icon-01)}:disabled~.cl-input-select-icon{fill:var(--cl-color-disabled-01)}.cl-input.-valid .cl-input-input~.cl-input-state-icon{display:inline;fill:var(--cl-color-success-01)}.cl-input.-invalid .cl-input-input~.cl-input-state-icon{display:inline;fill:var(--cl-color-error-01)}.cl-input-status{display:flex;flex-direction:row;width:100%;gap:.5rem}.cl-input-error-text{color:var(--cl-color-error-01)}.cl-input-counter{color:var(--cl-color-text-02);flex-grow:1;text-align:right}.cl-input.-dark .cl-input-wrapper.-light .cl-input-input:focus-visible{outline-offset:2px;outline:2px solid var(--dark-theme-focus-01)}.cl-input-search-icon{fill:var(--cl-color-icon-01);position:absolute;height:1rem;width:1rem;top:1rem;left:1rem}.cl-input-input[type=search]{padding-left:2.5rem}.cl-input-input[type=search]::-webkit-search-cancel-button,.cl-input-input[type=search]::-webkit-search-decoration{appearance:none}.global-nav-site-search-close-button{display:none}.global-nav-top-bar .global-nav-site-search{--global-nav-search-close-icon-size: 24px}.global-nav-top-bar .global-nav-site-search .global-nav-site-search-icon{left:0;right:0;top:0;bottom:0;margin:auto}.global-nav-top-bar .global-nav-site-search .global-nav-site-search-close-button{appearance:none;border:none;background:none;padding:0;cursor:pointer}.global-nav-top-bar .global-nav-site-search .global-nav-site-search-close-button,.global-nav-top-bar .global-nav-site-search .global-nav-site-search-close-button-icon{width:var(--global-nav-search-close-icon-size, 24px);height:var(--global-nav-search-close-icon-size, 24px);fill:var(--cl-color-text-01)}.global-nav-top-bar .global-nav-site-search:focus-within{display:flex;align-items:center;gap:var(--global-nav-search-close-icon-size, 24px);position:absolute;top:0;bottom:0;left:0;z-index:1;background:var(--cl-color-background-01)}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-input{--global-nav-search-total-close-button-and-gap-space: 45px;transition:all .3s ease-out;font-size:.875rem;outline:rgba(0,0,0,0);box-shadow:none;width:calc(1080px - var(--global-nav-search-total-close-button-and-gap-space, 45px))}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-input:hover{box-shadow:none}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-icon{left:1rem;right:auto;cursor:auto}.global-nav-top-bar .global-nav-site-search:focus-within .global-nav-site-search-close-button{display:block}.global-nav-top-bar .global-nav-site-search:not(:focus-within) input.global-nav-site-search-input{transition:all .3s ease-in;appearance:none;background:rgba(0,0,0,0);border:none;max-width:0;padding:.2rem .5rem}.global-nav-top-bar .global-nav-site-search:not(:focus-within) input.global-nav-site-search-input:hover{box-shadow:none;cursor:pointer}.global-nav-top-bar .global-nav-site-search:not(:focus-within) .global-nav-site-search-icon{fill:var(--cl-anchor-hover-color);cursor:pointer}.a11y-contrast-toggle:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,.global-nav-card:focus-visible,.global-nav-card .global-nav-card-cta-text-link>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link:focus-visible,.cl-input-input>a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.cl-dropdown-menu-link:focus-visible,.cl-tab-button:focus-visible{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.cl-navLink-link:focus-visible,.cl-navLink-chevron:focus-visible,.cl-navLink-submenu-toggle:focus-visible{outline:none}.cl-navLink-link:focus-visible::after,.cl-navLink-chevron:focus-visible::after,.cl-navLink-submenu-toggle:focus-visible::after{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.global-nav-card .-large.global-nav-card-cta-text-link,.-large.cl-input-input{--cl-text-font-size: var(--cl-font-size-p-large);--cl-text-font-weight: var(--cl-font-weight-p-large);--cl-text-line-height: var(--cl-line-height-p-large);--cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)}.global-nav-card .-medium.global-nav-card-cta-text-link,.-medium.cl-input-input{--cl-text-font-size: var(--cl-font-size-p-medium);--cl-text-font-weight: var(--cl-font-weight-p-medium);--cl-text-line-height: var(--cl-line-height-p-medium);--cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card .-small.global-nav-card-cta-text-link,.global-nav-mobile-list-item-link,.global-nav-mobile-list-item-dropdown-link,.global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,.global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,.global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,.global-nav-main .a11y-contrast-toggle__label,.cl-input-help-text,.-small.cl-input-input,.cl-input-error-text,.cl-input-counter{--cl-text-font-size: var(--cl-font-size-p-small);--cl-text-font-weight: var(--cl-font-weight-p-small);--cl-text-line-height: var(--cl-line-height-p-small);--cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card .global-nav-card-cta-text-link,.global-nav-mobile-list-item-link,.global-nav-mobile-list-item-dropdown-link,.global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-description,.global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-description,.global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-description,.global-nav-main .a11y-contrast-toggle__label,.cl-input-help-text,.cl-input-input,.cl-input-error-text,.cl-input-counter{font-size:var(--cl-text-font-size);font-weight:var(--cl-text-font-weight);line-height:var(--cl-text-line-height);letter-spacing:var(--cl-text-letter-spacing, normal)}.-large>.cl-navLink-link,.global-nav-large-header-card-title,.global-nav-header-content .global-nav-header-content-title,.global-nav-mobile-list-item-heading.-heading-h5,.global-nav-mobile-link-header-banner .global-nav-mobile-link-header-banner-title{--cl-anchor-font-weight: inherit;font-family:var(--cl-font-family, inherit);font-size:var(--cl-font-size-h5);font-weight:var(--cl-font-weight-h5);line-height:var(--cl-line-height-h5);letter-spacing:var(--cl-letter-spacing-h5, normal)}.cl-navLink-link,.global-nav-header-sublinks .global-nav-header-sublinks-title,.global-nav-card .global-nav-card-title,.global-nav-card .global-nav-card-title-link,.cl-tab-button,.global-nav-mobile-list-item-link-complex .global-nav-mobile-list-item-link-complex-title,.global-nav-mobile-list-item-article-card .global-nav-mobile-list-item-article-card-title{font-family:var(--cl-font-family, inherit);font-size:var(--cl-font-size-h6);font-weight:var(--cl-font-weight-h6);line-height:var(--cl-line-height-h6);letter-spacing:var(--cl-letter-spacing-h6, normal)}.cl-dropdown-menu-link,.-small>.cl-navLink-link,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button{--cl-anchor-font-weight: inherit;font-size:var(--cl-font-size-microheading);font-weight:var(--cl-font-weight-microheading);line-height:var(--cl-line-height-microheading);letter-spacing:var(--cl-letter-spacing-microheading, normal)}.-x-small>.cl-navLink-link,.global-nav-mobile-list-item-heading,.global-nav-top-bar .global-nav-high-contrast .a11y-contrast-toggle__label{--cl-anchor-font-weight: var(--cl-font-weight-demi-bold);font-size:var(--cl-font-size-microcopy);font-weight:var(--cl-font-weight-microcopy);line-height:var(--cl-line-height-microcopy);letter-spacing:var(--cl-letter-spacing-microcopy, normal)}.global-nav-card .global-nav-card-cta-text-link>a,.global-nav-card .global-nav-card-cta-text-link,.cl-input-input>a{color:var(--cl-anchor-color, var(--cl-color-link-01));font-weight:var(--cl-anchor-font-weight, var(--cl-font-weight-medium));text-decoration-line:var(--cl-anchor-text-decoration, underline)}.global-nav-card .global-nav-card-cta-text-link>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link:focus-visible,.cl-input-input>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link>a:hover,.global-nav-card .global-nav-card-cta-text-link:hover,.cl-input-input>a:hover{color:var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))}.global-nav-card .global-nav-card-cta-text-link>a:active,.global-nav-card .global-nav-card-cta-text-link:active,.cl-input-input>a:active{color:var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))}.cl-input-label-text{font-size:var(--cl-font-size-input-label);font-weight:var(--cl-font-weight-input-label);line-height:var(--cl-line-height-input-label)}.a11y-contrast-toggle:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:focus-visible,.global-nav-card:focus-visible,.global-nav-card .global-nav-card-cta-text-link>a:focus-visible,.global-nav-card .global-nav-card-cta-text-link:focus-visible,.cl-input-input>a:focus-visible{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}.cl-dropdown-menu-link:focus-visible,.cl-tab-button:focus-visible{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.cl-navLink-link:focus-visible,.cl-navLink-chevron:focus-visible,.cl-navLink-submenu-toggle:focus-visible{outline:none}.cl-navLink-link:focus-visible::after,.cl-navLink-chevron:focus-visible::after,.cl-navLink-submenu-toggle:focus-visible::after{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}:root{--cl-card-border-width: 0px;--cl-card-border-color: transparent}.cl-dropdown-menu,.cl-dropdown-menu.-caret,.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01);--cl-card-text-color: var(--cl-color-text-01);border:var(--cl-card-border-width, 0px) solid var(--cl-card-border-color, transparent);background:var(--cl-card-background-color);color:var(--cl-card-text-color);border-radius:var(--cl-border-radius-container);position:relative}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01)}.cl-dropdown-menu{--cl-card-border-width: var(--cl-border-width-medium);--cl-card-border-color: var(--cl-color-border-03)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover,.global-nav-card:hover,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover{background:var(--cl-card-hover-background-color);box-shadow:0 0 0 1px var(--cl-card-border-color)}:root{--cl-card-border-width: 0px;--cl-card-border-color: transparent}.cl-dropdown-menu,.cl-dropdown-menu.-caret,.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01);--cl-card-text-color: var(--cl-color-text-01);border:var(--cl-card-border-width, 0px) solid var(--cl-card-border-color, transparent);background:var(--cl-card-background-color);color:var(--cl-card-text-color);border-radius:var(--cl-border-radius-container);position:relative}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link,.global-nav-card{--cl-card-background-color: var(--cl-color-container-01);--cl-card-hover-background-color: var(--cl-color-hover-01)}.cl-dropdown-menu{--cl-card-border-width: var(--cl-border-width-medium);--cl-card-border-color: var(--cl-color-border-03)}.global-nav-header-sublinks .global-nav-header-sublinks-list-item-link:hover,.global-nav-card:hover,.global-nav-sidebar.cl-tabs[data-cl-tabs-orientation=vertical] .global-nav-sidebar-btn.cl-tab-button:hover{background:var(--cl-card-hover-background-color);box-shadow:0 0 0 1px var(--cl-card-border-color)}.cl-dropdown-menu.-caret{--cl-card-caret-top: auto;--cl-card-caret-left: auto;--cl-card-caret-right: auto;--cl-card-caret-bottom: auto;--cl-card-caret-translate-x: 0;--cl-card-caret-translate-y: 0;--cl-card-caret-rotate: 0;min-width:160px;height:auto;display:inline-block;position:relative;z-index:0}[data-cl-brand=hubspot-2025] .cl-dropdown-menu.-caret{border-radius:var(--cl-border-radius-container-small)}.cl-dropdown-menu.-caret::before{content:"";display:block;position:absolute;top:var(--cl-card-caret-top);right:var(--cl-card-caret-right);bottom:var(--cl-card-caret-bottom);left:var(--cl-card-caret-left);rotate:var(--cl-card-caret-rotate);translate:var(--cl-card-caret-translate-x) var(--cl-card-caret-translate-y);z-index:-1;width:20px;height:20px;border:var(--cl-card-border-width) solid;border-color:var(--cl-card-border-color) var(--cl-card-border-color) rgba(0,0,0,0) rgba(0,0,0,0);background:inherit;border-top-right-radius:var(--cl-border-radius-small)}.cl-dropdown-menu.-caret.-top-right,.cl-dropdown-menu.-caret.-top-center,.cl-dropdown-menu.-caret.-top-left{--cl-card-caret-top: 0;--cl-card-caret-rotate: -45deg;--cl-card-caret-translate-y: -50%}.cl-dropdown-menu.-caret.-top-left{--cl-card-caret-left: 1.5rem}.cl-dropdown-menu.-caret.-top-center{--cl-card-caret-left: 50%;--cl-card-caret-translate-x: -50%}.cl-dropdown-menu.-caret.-top-right{--cl-card-caret-right: 1.5rem}.cl-dropdown-menu{--cl-card-border-color: var(--cl-color-border-02);list-style:none;margin:0;padding:calc(.5rem - var(--cl-card-border-width)) 0}.cl-dropdown-menu.-caret{min-width:0}.cl-dropdown-menu-item{display:block}.cl-dropdown-menu-link{display:flex;padding:.5rem calc(1rem - var(--cl-card-border-width));color:var(--cl-color-link-02);text-decoration-color:rgba(0,0,0,0)}.cl-dropdown-menu-link:active,.cl-dropdown-menu-link:hover,.cl-dropdown-menu-link:focus-visible{color:var(--cl-color-hover-link-02);text-decoration:underline currentColor}.cl-dropdown-menu-link[aria-disabled=true],.cl-dropdown-menu-link:not([href]){cursor:not-allowed;color:var(--cl-color-disabled-01);pointer-events:none}.global-nav-utility-submenu.cl-dropdown-menu.-caret{right:-25px;white-space:nowrap;padding-inline:10px;position:absolute;display:block}@media(width <= 1150px){.global-nav-utility-list-item.-has-dropdown:last-child .global-nav-utility-submenu.cl-dropdown-menu.-caret{right:0}}.global-nav-utility-list-item>.cl-navLink{padding-block:16px}
            .global-nav-back-btn:focus-visible, .global-nav-back-btn>a:focus-visible {
                outline-offset:2px;
                outline: 2px solid var(--cl-color-focus-01)
            }
            .-large.global-nav-back-btn {
                --cl-text-font-size: var(--cl-font-size-p-large);
                --cl-text-font-weight: var(--cl-font-weight-p-large);
                --cl-text-line-height: var(--cl-line-height-p-large);
                --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
            }
            .-medium.global-nav-back-btn {
                --cl-text-font-size: var(--cl-font-size-p-medium);
                --cl-text-font-weight: var(--cl-font-weight-p-medium);
                --cl-text-line-height: var(--cl-line-height-p-medium);
                --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
            }
            .global-nav-back-btn,
            .-small.global-nav-back-btn {
                --cl-text-font-size: var(--cl-font-size-p-small);
                --cl-text-font-weight: var(--cl-font-weight-p-small);
                --cl-text-line-height: var(--cl-line-height-p-small);
                --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
            }
            .global-nav-back-btn {
                font-size: var(--cl-text-font-size);
                font-weight: var(--cl-text-font-weight);
                line-height: var(--cl-text-line-height);
                letter-spacing: var(--cl-text-letter-spacing, normal)
            }
            .global-nav-back-btn,
            .global-nav-back-btn>a {
                color: var(--cl-anchor-color, var(--cl-color-link-01));
                font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
                text-decoration-line: var(--cl-anchor-text-decoration, underline)
            }
            .global-nav-back-btn:focus-visible,
            .global-nav-back-btn>a:focus-visible,
            .global-nav-back-btn:hover,
            .global-nav-back-btn>a:hover {
                color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
            }
            .global-nav-back-btn:active,
            .global-nav-back-btn>a:active {
                color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
            }
            .global-nav-back-btn:focus-visible,
            .global-nav-back-btn>a:focus-visible {
                outline-offset: 2px;
                outline: 2px solid var(--cl-color-focus-01)
            }
            .-large.global-nav-back-btn {
                --cl-text-font-size: var(--cl-font-size-p-large);
                --cl-text-font-weight: var(--cl-font-weight-p-large);
                --cl-text-line-height: var(--cl-line-height-p-large);
                --cl-text-letter-spacing: var(--cl-letter-spacing-p-large, normal)
            }
            .-medium.global-nav-back-btn {
                --cl-text-font-size: var(--cl-font-size-p-medium);
                --cl-text-font-weight: var(--cl-font-weight-p-medium);
                --cl-text-line-height: var(--cl-line-height-p-medium);
                --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium, normal)
            }
            .global-nav-back-btn,
            .-small.global-nav-back-btn {
                --cl-text-font-size: var(--cl-font-size-p-small);
                --cl-text-font-weight: var(--cl-font-weight-p-small);
                --cl-text-line-height: var(--cl-line-height-p-small);
                --cl-text-letter-spacing: var(--cl-letter-spacing-p-small, normal)
            }
            .global-nav-back-btn {
                font-size: var(--cl-text-font-size);
                font-weight: var(--cl-text-font-weight);
                line-height: var(--cl-text-line-height);
                letter-spacing: var(--cl-text-letter-spacing, normal)
            }
            .global-nav-back-btn,
            .global-nav-back-btn>a {
                color: var(--cl-anchor-color, var(--cl-color-link-01));
                font-weight: var(--cl-anchor-font-weight, var(--cl-font-weight-medium));
                text-decoration-line: var(--cl-anchor-text-decoration, underline)
            }
            .global-nav-back-btn:focus-visible,
            .global-nav-back-btn>a:focus-visible,
            .global-nav-back-btn:hover,
            .global-nav-back-btn>a:hover {
                color: var(--cl-anchor-hover-color, var(--cl-color-hover-link-01))
            }
            .global-nav-back-btn:active,
            .global-nav-back-btn>a:active {
                color: var(--cl-anchor-pressed-color, var(--cl-color-pressed-link-01))
            }
            .global-nav-back-btn {
                --cl-text-link-icon-size: 1em;
                background: none;
                border: none;
                border-radius: var(--cl-border-radius-medium);
                padding: 0;
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                text-decoration-color: var(--cl-color-text-link-underline-01, auto);
                text-decoration-thickness: var(--cl-text-link-underline-thickness, auto);
                text-underline-offset: var(--cl-text-link-underline-offset, auto)
            }
            .global-nav-back-btn:where(a[href], button) {
                cursor: pointer
            }
            [disabled].global-nav-back-btn,
            [aria-disabled=true].global-nav-back-btn,
            .global-nav-back-btn:is(a:not([href])) {
                cursor: not-allowed;
                color: var(--cl-color-disabled-01);
                text-decoration-color: var(--cl-color-disabled-01);
                pointer-events: none
            }
            [disabled].global-nav-back-btn:active,
            [aria-disabled=true].global-nav-back-btn:active,
            .global-nav-back-btn:is(a:not([href])):active {
                color: var(--cl-color-disabled-01)
            }
            @media(prefers-reduced-motion: no-preference) {
                [data-cl-brand=hubspot-2025] .global-nav-back-btn {
                    transition: text-underline-offset .3s ease-in-out
                }
                [data-cl-brand=hubspot-2025] .global-nav-back-btn:hover,
                [data-cl-brand=hubspot-2025] .global-nav-back-btn:focus-visible {
                    text-underline-offset: var(--cl-text-link-underline-thickness)
                }
            }
            .global-nav-back-btn .cl-icon {
                width: var(--cl-text-link-icon-size);
                height: var(--cl-text-link-icon-size)
            }
            .-large.global-nav-back-btn {
                --cl-text-link-icon-size: var(--cl-font-size-medium)
            }
            .global-nav-back-btn {
                --cl-text-link-hover-transform: translateX(calc((100% + 1px) * -1))
            }
            .global-nav-back-btn .global-nav-back-btn-icon {
                width: .875rem;
                height: .875rem;
                fill: currentColor
            }
            .global-nav-main-inner:not(.-secondary-burger-menu-open) .global-nav-back-btn {
                display: none
            }
            .global-nav-divider {
                border-bottom: 1px solid var(--cl-color-divider-01)
            }
            .global-nav-divider.-medium-margin-block {
                margin-block: .5rem
            }
            .global-nav-divider.-large-margin-block {
                margin-block: 1.5rem
            }
            .global-nav-header .-is-hidden {
                display: none
            }
            @media(max-width: 1080px) {
                .global-nav-main-inner.-secondary-burger-menu-open .global-nav-logo {
                    animation: global-nav-slide-right 1s
                }
                .global-nav-main-inner.-burger-logo-slide-left .global-nav-logo {
                    animation: global-nav-slide-left 1s
                }
            }
            @keyframes global-nav-slide-right {
                0% {
                    transform: translateX(-100%)
                }
                100% {
                    transform: translateX(0%)
                }
            }
            @keyframes global-nav-slide-left {
                0% {
                    transform: translateX(100%)
                }
                100% {
                    transform: translateX(0%)
                }
            }
            .global-nav-logo-wrapper {
                align-items: center;
                display: flex;
                height: 30px;
                width: 100px
            }
            .global-nav-logo-wrapper .-fixed {
                display: none
            }
            [data-cl-fixed-element-is-fixed] .global-nav-logo-wrapper {
                width: fit-content
            }
            @media(width >=1080px) {
                .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-static {
                    display: none
                }
                .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-fixed {
                    display: block;
                    height: 30px;
                    width: 30px
                }
            }
            .global-nav-header .global-nav-logo-wrapper {
                flex: 0 0 136px;
                height: 48px;
                width: 136px
            }
            .global-nav-header .global-nav-logo-wrapper .global-nav-logo {
                content: url("/assets/sobai-logo-header.png");
                display: block;
                height: 48px;
                max-height: 48px;
                object-fit: contain;
                width: auto
            }
            .global-nav-header .global-nav-logo-wrapper .global-nav-logo.-fixed {
                display: none
            }
            @media(width >=1080px) {
                .global-nav-header .global-nav-logo-wrapper,
                .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo-wrapper {
                    flex-basis: 205px;
                    height: 66px;
                    width: 205px
                }
                .global-nav-header .global-nav-logo-wrapper .global-nav-logo,
                .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-fixed {
                    height: 66px;
                    max-height: 66px;
                    width: auto
                }
                .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-static {
                    display: none
                }
                .global-nav-header [data-cl-fixed-element-is-fixed] .global-nav-logo.-fixed {
                    display: block
                }
            }
            :root {
                --global-nav-content-max-width: 1080px;
                --global-nav-header-height: 56px;
                --global-nav-header-height-dynamic: 56px;
                --global-nav-header-lp-height: 54px
            }
            @media(width >=1080px) {
                :root {
                    --global-nav-header-height: 128px;
                    --global-nav-header-height-dynamic: 128px
                }
                :root:has(.global-nav-main[data-cl-fixed-element-is-fixed]) {
                    --global-nav-header-height-dynamic: 76px
                }
            }
            .global-nav-content-section {
                width: 100%;
                max-width: var(--global-nav-content-max-width, 1080px);
                margin-inline: auto
            }
            .cl-button:focus-visible {
                outline-offset: 2px;
                outline: 2px solid var(--cl-color-focus-01)
            }
            .cl-button {
                --cl-button-background: var(--cl-color-button-primary-fill-idle);
                --cl-button-hover-background: var(--cl-color-button-primary-fill-hover);
                --cl-button-pressed-background: var(--cl-color-button-primary-fill-pressed);
                --cl-button-disabled-background: var(--cl-color-disabled-02);
                --cl-button-border-color: transparent;
                --cl-button-border-width: var(--cl-border-width-heavy);
                --cl-button-border: var(--cl-button-border-width) solid var(--cl-button-border-color);
                --cl-button-color: var(--cl-color-text-on-color-01);
                --cl-button-hover-color: var(--cl-button-color);
                --cl-button-pressed-color: var(--cl-button-hover-color);
                --cl-button-disabled-color: var(--cl-color-disabled-01);
                --cl-button-font-size: var(--cl-font-size-medium);
                --cl-button-line-height: var(--cl-line-height-medium);
                --cl-button-padding-small: 0.5rem 1rem;
                --cl-button-padding-medium: 0.75rem 1.5rem;
                --cl-button-padding-large: 1rem 2.5rem;
                --cl-button-padding: var(--cl-button-padding-medium);
                background: var(--cl-button-background);
                border: var(--cl-button-border);
                border-radius: var(--cl-border-radius-medium);
                color: var(--cl-button-color);
                cursor: pointer;
                display: inline-block;
                font-size: var(--cl-button-font-size);
                font-weight: var(--cl-font-weight-medium);
                line-height: var(--cl-button-line-height);
                padding: var(--cl-button-padding);
                text-align: center;
                text-decoration: none;
                transition: .15s background-color linear, .15s color linear
            }
            [data-cl-theme].cl-button {
                color: var(--cl-button-color)
            }
            .cl-button:hover,
            .cl-button:focus-visible {
                background: var(--cl-button-hover-background);
                border: var(--cl-button-border);
                color: var(--cl-button-hover-color);
                text-decoration: none
            }
            .cl-button:active {
                background: var(--cl-button-pressed-background);
                border: var(--cl-button-border);
                color: var(--cl-button-pressed-color)
            }
            [aria-disabled=true].cl-button,
            .cl-button:disabled,
            .-disabled.cl-button {
                background: var(--cl-button-disabled-background);
                color: var(--cl-button-disabled-color);
                border-color: rgba(0, 0, 0, 0);
                cursor: not-allowed
            }
            .high-contrast .cl-button {
                color: var(--cl-button-color)
            }
            .high-contrast .cl-button:hover,
            .high-contrast .cl-button:focus-visible {
                color: var(--cl-button-hover-color)
            }
            .high-contrast .cl-button:active {
                color: var(--cl-button-pressed-color)
            }
            .cl-button.-primary {
                --cl-button-background: var(--cl-color-button-primary-fill-idle);
                --cl-button-hover-background: var(--cl-color-button-primary-fill-hover);
                --cl-button-pressed-background: var(--cl-color-button-primary-fill-pressed);
                --cl-button-color: var(--cl-color-button-primary-text-color, var(--cl-color-text-on-color-01))
            }
            .high-contrast .cl-button.-primary {
                --cl-button-background: #180bb1;
                --cl-button-hover-background: #caebff;
                --cl-button-pressed-background: var(--cl-button-hover-background);
                --cl-button-hover-color: #180bb1
            }
            .cl-button.-primaryDark,
            .cl-button.-dark.-primary {
                --cl-button-background: var(--dark-theme-button-primary-fill-idle);
                --cl-button-hover-background: var(--dark-theme-button-primary-fill-hover);
                --cl-button-pressed-background: var(--dark-theme-button-primary-fill-pressed);
                --cl-button-color: var(--dark-theme-button-primary-text-color)
            }
            .high-contrast .cl-button.-primaryDark,
            .high-contrast .cl-button.-dark.-primary {
                --cl-button-background: #180bb1;
                --cl-button-hover-background: #caebff;
                --cl-button-pressed-background: var(--cl-button-hover-background);
                --cl-button-hover-color: #180bb1
            }
            .cl-button.-secondary {
                --cl-button-background: var(--cl-color-button-secondary-fill-idle);
                --cl-button-hover-background: var(--cl-color-button-secondary-fill-hover);
                --cl-button-pressed-background: var(--cl-color-button-secondary-fill-pressed);
                --cl-button-border-color: currentColor;
                --cl-button-color: var(--cl-color-text-brand-01);
                --cl-button-hover-color: var(--cl-color-button-secondary-text-color-hover);
                --cl-button-pressed-color: var(--cl-color-button-secondary-text-color-pressed)
            }
            .high-contrast .cl-button.-secondary {
                --cl-button-background: #edf8ff;
                --cl-button-hover-background: #caebff;
                --cl-button-pressed-background: var(--cl-button-hover-background);
                --cl-button-color: #180bb1;
                --cl-button-hover-color: var(--cl-button-color);
                --cl-button-pressed-color: var(--cl-button-hover-color)
            }
            .cl-button.-secondaryDark,
            .cl-button.-dark.-secondary {
                --cl-button-background: var(--dark-theme-button-secondary-fill-idle);
                --cl-button-hover-background: var(--dark-theme-button-secondary-fill-hover);
                --cl-button-pressed-background: var(--dark-theme-button-secondary-fill-pressed);
                --cl-button-border-color: var(--dark-theme-button-secondary-border);
                --cl-button-color: var(--dark-theme-text-01);
                --cl-button-hover-color: var(--dark-theme-button-secondary-text-color-hover);
                --cl-button-pressed-color: var(--dark-theme-button-secondary-text-color-pressed)
            }
            .cl-button.-tertiary {
                --cl-button-background: var(--cl-color-button-tertiary-fill-idle);
                --cl-button-hover-background: var(--cl-color-button-tertiary-fill-hover);
                --cl-button-pressed-background: var(--cl-color-button-tertiary-fill-pressed);
                --cl-button-color: var(--cl-color-text-on-color-01)
            }
            .cl-button.-small {
                --cl-button-padding-small: 0.5rem 1rem;
                --cl-button-font-size: var(--cl-font-size-small);
                --cl-button-line-height: var(--cl-line-height-small);
                --cl-button-padding: var(--cl-button-padding-small)
            }
            .cl-button.-medium {
                --cl-button-padding-medium: 0.75rem 1.5rem;
                --cl-button-font-size: var(--cl-font-size-medium);
                --cl-button-line-height: var(--cl-line-height-medium);
                --cl-button-padding: var(--cl-button-padding-medium)
            }
            .cl-button.-large {
                --cl-button-padding-large: 1rem 2.5rem;
                --cl-button-font-size: var(--cl-font-size-large);
                --cl-button-line-height: var(--cl-line-height-large);
                --cl-button-padding: var(--cl-button-padding-large)
            }
            /*# sourceURL=inline:primary-site-international-header.css */