/*main-s.css*/
@font-face {

            font-family: 'Segoe UI';

            src: local('Segoe UI'), 

                local('SegoeUI'),

                url('/assets/fonts/SegoeUI.woff2') format('woff2'),

                url('/assets/fonts/SegoeUI.woff2') format('woff');

            font-weight: 400;

            font-style: normal;

            font-display: swap;

        }
 
        @font-face {

            font-family: 'Segoe UI';

            src: local('Segoe UI Light'),

                local('SegoeUI-Light'),

                url('/assets/fonts/SegoeUI-light.woff2') format('woff2'),

                url('/assets/fonts/SegoeUI-light.woff2') format('woff');

            font-weight: 100;

            font-style: normal;

            font-display: swap;

        }
 
        @font-face {

            font-family: 'Segoe UI';

            src: local('Segoe UI Semilight'),

                local('SegoeUI-Semilight'),

                url('/assets/fonts/SegoeUI-semilight.woff2') format('woff2'),

                url('/assets/fonts/SegoeUI-semilight.woff2') format('woff');

            font-weight: 200;

            font-style: normal;

            font-display: swap;

        }
 
        @font-face {

            font-family: 'Segoe UI';

            src: local('Segoe UI Semibold'),

                local('SegoeUI-Semibold'),

                url('/assets/fonts/SegoeUI-semibold.woff2') format('woff2'),

                url('assets/fonts/SegoeUI-semiboldI.woff2') format('woff');

            font-weight: 600;

            font-style: normal;

            font-display: swap;

        }
 
        @font-face {

            font-family: 'Segoe UI';

            src: local('Segoe UI Bold'),

                local('SegoeUI-Bold'),

                url('/assets/fonts/SegoeUI-bold.woff2') format('woff2'),

                url('/assets/fonts/SegoeUI-bold.woff2') format('woff');

            font-weight: 700;

            font-style: normal;

            font-display: swap;

        }


.fixed-back-to-top {
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1) !important;
    pointer-events: none
}

@media (prefers-reduced-motion:reduce) {
    .fixed-back-to-top {
        transition: none
    }
}

.fixed-back-to-top.fixed-sticky.stuck {
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1) !important
}

@media (prefers-reduced-motion:reduce) {
    .fixed-back-to-top.fixed-sticky.stuck {
        transition: none
    }
}

@media screen and (max-width:540px) {
    .fixed-back-to-top.stuck {
        position: static
    }
}

.fixed-back-to-top .btn {
    pointer-events: auto
}

.fixed-sticky {
    transition: background .2s ease-out, shadow .2s ease-out
}

.fixed-sticky .sticky-show-stuck {
    display: none
}

.fixed-sticky.get-height .sticky-show-stuck {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: -9999px;
    width: 100%
}

.fixed-sticky.stuck {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1020;
    transition: position .3s ease-in-out
}

.fixed-sticky.stuck .sticky-show-stuck {
    display: block
}

.fixed-sticky.stuck .sticky-hide-stuck {
    display: none
}

.fixed-sticky.stuck.sticky-direction-top.stuck-depth {
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .45), 0 .1875rem .4375rem rgba(0, 0, 0, .3)
}

.fixed-sticky.stuck.sticky-direction-bottom.stuck-depth {
    box-shadow: 0 -.0625rem .125rem rgba(0, 0, 0, .45), 0 -.1875rem .4375rem rgba(0, 0, 0, .3)
}

.fixed-sticky.stuck .tab-group {
    border-bottom: none
}

.fixed-sticky.stuck .tab-group a:active,
.fixed-sticky.stuck .tab-group a:focus,
.fixed-sticky.stuck .tab-group button:active,
.fixed-sticky.stuck .tab-group button:focus {
    margin-bottom: 0
}


.ocr-icon {
    --icon-width: 100%;
    --icon-max-width: 100%;
    --icon-max-height: 100%;
    --icon-font-size: 1rem;
    --icon-svg-path: "";
    --icon-svg-fill: var(--theme-foreground-base-icon, currentColor);
    --icon-glyph-color: var(--theme-foreground-base-icon, currentColor)
}

html[dir=rtl] .ocr-icon .glyph-append-chevron-left,
html[dir=rtl] .ocr-icon .glyph-append-chevron-right,
html[dir=rtl] .ocr-icon .glyph-prepend-chevron-left,
html[dir=rtl] .ocr-icon .glyph-prepend-chevron-right {
    transform: scaleX(-1)
}

.ocr-icon,
.ocr-icon>.ocr-img>img {
    width: var(--icon-width);
    height: 100%;
    max-width: var(--icon-max-width);
    max-height: var(--icon-max-height);
    font-size: var(--icon-font-size)
}

.ocr-icon--size-xs {
    --icon-font-size: var(--root-icon-xs-font-size);
    --icon-max-width: var(--root-icon-xs-max-width);
    --icon-max-height: var(--root-icon-xs-max-height)
}

.ocr-icon--size-s {
    --icon-font-size: var(--root-icon-s-font-size);
    --icon-max-width: var(--root-icon-s-max-width);
    --icon-max-height: var(--root-icon-s-max-height)
}

.ocr-icon--size-m {
    --icon-font-size: var(--root-icon-m-font-size);
    --icon-max-width: var(--root-icon-m-max-width);
    --icon-max-height: var(--root-icon-m-max-height)
}

.ocr-icon--size-l {
    --icon-font-size: var(--root-icon-l-font-size);
    --icon-max-width: var(--root-icon-l-max-width);
    --icon-max-height: var(--root-icon-l-max-height)
}

.ocr-icon--size-xl {
    --icon-font-size: var(--root-icon-xl-font-size);
    --icon-max-width: var(--root-icon-xl-max-width);
    --icon-max-height: var(--root-icon-xl-max-height)
}

.ocr-icon--size-2xl {
    --icon-font-size: var(--root-icon-2xl-font-size);
    --icon-max-width: var(--root-icon-2xl-max-width);
    --icon-max-height: var(--root-icon-2xl-max-height)
}

.ocr-icon--size-3xl {
    --icon-font-size: var(--root-icon-3xl-font-size);
    --icon-max-width: var(--root-icon-3xl-max-width);
    --icon-max-height: var(--root-icon-3xl-max-height)
}

.ocr-icon--size-4xl {
    --icon-font-size: var(--root-icon-4xl-font-size);
    --icon-max-width: var(--root-icon-4xl-max-width);
    --icon-max-height: var(--root-icon-4xl-max-height)
}

.ocr-icon>[class*=glyph-] {
    color: var(--icon-glyph-color)
}

[class*=ocr-icon-svg--] {
    width: var(--icon-max-width);
    height: var(--icon-max-height);
    position: relative
}

.ocr-icon>svg {
    fill: var(--icon-svg-fill);
    width: calc(100% + 19.98%);
    position: absolute;
    height: auto;
    top: -12.97%
}

html:not([dir=rtl]) .ocr-icon>svg {
    left: -9.76%
}

html[dir=rtl] .ocr-icon>svg {
    right: -9.76%
}

.ocr-icon>svg>path {
    d: path(var(--icon-svg-path));
}

:root {
    --root-font-family-segoe-variable-display: "Segoe UI", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif;
    --root-font-family-segoe-variable-text: "Segoe UI Variable Text", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif;
    --root-font-family-segoe-variable-small: "Segoe UI Variable Small", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif;
    --root-body-font-weight: 400;
    --root-body-font-size: 1rem;
    --root-body-line-height: 1.5rem;
    --root-body-letter-spacing: -0.03em;
    --root-h1-font-weight: 500;
    --root-h1-font-size: 2.5rem;
    --root-h1-line-height: 3rem;
    --root-h1-letter-spacing: -0.025em;
    --root-h2-font-weight: 500;
    --root-h2-font-size: 2rem;
    --root-h2-line-height: 2.5rem;
    --root-h2-letter-spacing: -0.025em;
    --root-h3-font-weight: 600;
    --root-h3-font-size: 1.5rem;
    --root-h3-line-height: 2rem;
    --root-h3-letter-spacing: -0.015em;
    --root-h4-font-weight: 600;
    --root-h4-font-size: 1.25rem;
    --root-h4-line-height: 1.75rem;
    --root-h4-letter-spacing: -0.01em;
    --root-h5-font-weight: 600;
    --root-h5-font-size: 1.125rem;
    --root-h5-line-height: 1.5rem;
    --root-h5-letter-spacing: normal;
    --root-h6-font-weight: 600;
    --root-h6-font-size: 1rem;
    --root-h6-line-height: 1.5rem;
    --root-h6-letter-spacing: normal;
    --root-lead-font-weight: 400;
    --root-lead-font-size: 1.125rem;
    --root-lead-line-height: 1.75rem;
    --root-lead-letter-spacing: -0.03em;
    --root-base-font-weight: 400;
    --root-base-font-size: 1rem;
    --root-base-line-height: 1.5rem;
    --root-base-letter-spacing: -0.03em;
    --root-small-font-weight: 400;
    --root-small-font-size: 0.875rem;
    --root-small-line-height: 1.25rem;
    --root-small-letter-spacing: -0.03em;
    --root-label-eyebrow-font-weight: 600;
    --root-label-eyebrow-font-size: 0.75rem;
    --root-label-eyebrow-line-height: 1rem;
    --root-label-eyebrow-letter-spacing: 0.08em;
    --root-radii-xs: 0.25rem;
    --root-radii-s: 0.5rem;
    --root-radii-m: 0.5rem;
    --root-radii-l: 1rem;
    --root-radii-circle: 12.5rem;
    --root-border-xs: 0.0625rem;
    --root-border-s: 0.125rem;
    --root-border-m: 0.25rem;
    --root-border-l: 0.5rem;
    --root-color-brilliant-blue-50: #e6f2fb;
--root-color-brilliant-blue-200: #cbd7e0;
    --root-color-sea-salt-900: #4f4e4c;
    --root-color-blue-main-500: #009cdf;
    --root-color-blue-black-50: #e6e9ea;
    --root-color-blue-black-300: #5a6972;
    --root-color-blue-black-600: #081c28;
    --root-color-blue-black-800: #051118;
    --root-color-blue-black-900: #030b0f;
    --root-color-dark-blue-100: #bdc5d2;
    --root-color-dark-blue-500: #009cdf;
    --root-color-dark-blue-900: #0e1726;
    --root-color-blue-blue-900: #2a446f;
    --root-color-off-white-50: #fefefe;
    --root-color-warm-gray-50: #f5f5f5;
    --root-color-neutral-white: #fff;
    --root-color-neutral-black: #000;
    --root-overlay-day-bg-overlay-fill: rgba(255, 255, 255, 0.6);
    --root-color-neutral-bright-lime: #89c402;
    --root-color-alpha-50: rgba(255, 255, 255, 0.05);
    --root-color-alpha-100: rgba(255, 255, 255, 0.1);
    --root-color-alpha-200: rgba(255, 255, 255, 0.2);
    --root-color-alpha-300: rgba(255, 255, 255, 0.3);
    --root-color-alpha-400: rgba(255, 255, 255, 0.4);
    --root-color-alpha-500: rgba(255, 255, 255, 0.5);
    --root-color-alpha-600: rgba(255, 255, 255, 0.6);
    --root-color-alpha-700: rgba(255, 255, 255, 0.7);
    --root-color-alpha-800: rgba(255, 255, 255, 0.8);
    --root-color-alpha-900: rgba(255, 255, 255, 0.9);
    --root-depth-color-1: rgba(0, 0, 0, 0.12);
    --root-depth-color-2: rgba(0, 0, 0, 0.14);
    --root-depth-2: 0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)), 0 0.063rem 0.125rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
    --root-depth-4: 0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)), 0 0.125rem 0.25rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
    --root-depth-8: 0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)), 0 0.25rem 0.5rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
    --root-depth-16: 0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)), 0 0.5rem 1rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
    --root-depth-28: 0 0 0.5rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)), 0 0.875rem 1.75rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
    --root-depth-64: 0 0 0.5rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)), 0 2rem 4rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
    --root-spacing-3xs: 0.125rem;
    --root-spacing-2xs: 0.25rem;
    --root-spacing-xs: 0.5rem;
    --root-spacing-s: 0.75rem;
    --root-spacing-m: 0.75rem;
    --root-spacing-l: 1rem;
    --root-spacing-xl: 1.5rem;
    --root-spacing-2xl: 2rem;
    --root-spacing-3xl: 3rem;
    --root-spacing-4xl: 3.5rem;
    --root-copy-padding-s: 0rem;
    --root-copy-padding-m: 0rem;
    --root-copy-padding-l: 0rem;
    --root-copy-padding-xl: 0rem;
    --root-breadth-vertical-default: var(--root-spacing-4xl);
    --root-breadth-vertical-relaxed: var(--root-spacing-4xl);
    --root-breadth-vertical-comfortable: var(--root-spacing-3xl);
    --root-breadth-vertical-none: 0;
    --root-density-vertical-default: var(--root-spacing-2xl);
    --root-density-vertical-compact: var(--root-spacing-xl);
    --root-density-vertical-none: 0;
    --root-density-horizontal-default: var(--root-spacing-m);
    --root-density-horizontal-relaxed: var(--root-spacing-4xl);
    --root-card-padding-default: 1rem;
    --root-card-padding-comfortable: 1.5rem;
    --root-card-padding-relaxed: 2rem;
    --theme-background-glass-normal: var(--root-color-alpha-100);
    --theme-background-accent-strong-normal: var(--root-color-blue-main-500);
    --theme-background-accent-strong-hover: var(--root-color-blue-black-600);
    --theme-background-accent-strong-pressed: var(--root-color-blue-black-800);
    --theme-background-accent-strong-selected: var(--root-color-blue-main-500);
    --theme-background-accent-subtle-normal: rgba(6, 22, 31, 0.1);
    --theme-background-accent-subtle-hover: rgba(6, 22, 31, 0.2);
    --theme-background-accent-subtle-pressed: var(--root-color-blue-black-300);
    --theme-background-accent-subtle-selected: var(--root-color-blue-main-500);
    --theme-background-card-normal: var(--root-color-off-white-50);
    --theme-background-card-hover: var(--root-color-off-white-50);
    --theme-background-card-pressed: var(--root-color-off-white-400);
    --theme-background-card-selected: var(--root-color-off-white-50);;
    --theme-background-highlight-normal: var(--root-color-pale-gray-100);
    --theme-foreground-accent-strong-normal: var(--root-color-neutral-white);
    --theme-foreground-accent-strong-hover: var(--root-color-neutral-white);
    --theme-foreground-accent-strong-pressed: var(--root-color-neutral-white);
    --theme-foreground-accent-strong-selected: var(--root-color-neutral-white);
    --theme-foreground-accent-subtle-normal: var(--root-color-blue-black-800);
    --theme-foreground-accent-subtle-hover: var(--root-color-blue-black-800);
    --theme-foreground-accent-subtle-pressed: var(--root-color-blue-black-900);
    --theme-foreground-accent-subtle-selected: var(--root-color-neutral-white);
    --theme-foreground-accent-subtle-normal: var(--root-color-blue-black-800);
    --theme-foreground-neutral-strong: var(--root-color-dark-blue-900);
    --theme-foreground-neutral-subtle: var(--root-color-dark-blue-800);
    --theme-foreground-neutral-highlight: var(--root-color-sea-salt-900);
    --theme-foreground-neutral-icon: var(--root-color-sea-salt-900);
    --theme-foreground-neutral-icon-light: var(--root-color-dark-blue-50);
    --theme-foreground-base-strong: var(--root-color-dark-blue-900);
    --theme-foreground-base-subtle: var(--root-color-dark-blue-800);
    --theme-foreground-base-highlight: var(--root-color-dark-blue-500);
    --theme-foreground-base-icon: var(--root-color-dark-blue-500);
     --theme-background-background-overlay-fill: var(--root-overlay-day-bg-overlay-fill);
    --theme-border-accent-strong-normal: var(--root-color-blue-main-500);
    --theme-border-accent-strong-hover: var(--root-color-blue-black-600);
    --theme-border-accent-strong-pressed: var(--root-color-blue-black-800);
    --theme-border-accent-strong-selected: var(--root-color-blue-main-500);
    --theme-border-accent-subtle-normal: var(--root-color-blue-main-500);
    --theme-border-accent-subtle-hover: var(--root-color-blue-black-600);
    --theme-border-accent-subtle-pressed: var(--root-color-blue-black-800);
    --theme-border-accent-subtle-selected: var(--root-color-blue-main-500);
    --theme-border-neutral-strong: var(--root-color-sea-salt-900);
    --theme-border-neutral-subtle: var(--root-color-sea-salt-800);
    --theme-border-neutral-pure: var(--root-color-sea-salt-500);
    --theme-border-neutral-fade: var(--root-color-dark-blue-100);
    --theme-border-base-strong: var(--root-color-dark-blue-900);
    --theme-border-base-subtle: var(--root-color-dark-blue-800);
    --theme-border-base-pure: var(--root-color-dark-blue-500);
    --theme-border-base-fade: var(--root-color-vapor-gray-800);
    --theme-border-card-strong: var(--root-color-off-white-600);
    --theme-border-card-fade: var(--root-color-brilliant-blue-50);
    --theme-border-highlight-strong: var(--root-color-pale-gray-400);
    --theme-border-highlight-fade: var(--root-color-gradient-linear-200);
    --root-filter-blur-s-filter: blur(0.25rem);
    --root-filter-blur-m-filter: blur(0.75rem);
    --root-filter-blur-l-filter: blur(1.25rem);
    --root-filter-blur-glass-background: rgba(255, 255, 255, 0.05);
    --root-filter-blur-glass-backdrop-filter: blur(1.25rem);
    --root-filter-brightness: 0.7;
    --root-filter-blur: 12.5rem;
    --root-icon-xs-font-size: 0.75rem;
    --root-icon-xs-max-width: 12px;
    --root-icon-xs-max-height: 12px;
    --root-icon-s-font-size: 1rem;
    --root-icon-s-max-width: 16px;
    --root-icon-s-max-height: 16px;
    --root-icon-m-font-size: 1.25rem;
    --root-icon-m-max-width: 20px;
    --root-icon-m-max-height: 20px;
    --root-icon-l-font-size: 1.5rem;
    --root-icon-l-max-width: 24px;
    --root-icon-l-max-height: 24px;
    --root-icon-xl-font-size: 2rem;
    --root-icon-xl-max-width: 32px;
    --root-icon-xl-max-height: 32px;
    --root-icon-2xl-font-size: 2.5rem;
    --root-icon-2xl-max-width: 40px;
    --root-icon-2xl-max-height: 40px;
    --root-icon-3xl-font-size: 3rem;
    --root-icon-3xl-max-width: 48px;
    --root-icon-3xl-max-height: 48px;
    --root-icon-4xl-font-size: 4rem;
    --root-icon-4xl-max-width: 64px;
    --root-icon-4xl-max-height: 64px
}

.sku {
    --sku-title-margin-bottom: var(--root-spacing-s);
    --sku-recurrence-margin-top: var(--root-spacing-2xs);
    --sku-recurrence-margin-bottom: var(--root-spacing-m);
    --sku-pricing-margin-bottom: 0;
    --sku-buttons-margin-bottom: 0;
    --sku-footnote-margin-top: var(--root-spacing-m);
    --sku-buttons-margin-top: var(--root-spacing-m);
    --sku-unavailable-margin-bottom: 0;
    color: var(--theme-foreground-base-strong);
}

.fg--neutral-highlight {
    --fg-val: var(--theme-foreground-neutral-highlight,
            #0078d4);
}

@media (min-width:860px) {
    :root {
        --root-marquee-font-size: 6.25rem;
        --root-marquee-line-height: 6.625rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-marquee-font-size: 7.75rem;
        --root-marquee-line-height: 8.125rem
    }
}

@media (min-width:860px) {
    :root {
        --root-display-1-font-size: 4.75rem;
        --root-display-1-line-height: 5.125rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-display-1-font-size: 6.25rem;
        --root-display-1-line-height: 6.625rem
    }
}

@media (min-width:860px) {
    :root {
        --root-display-2-font-size: 3.75rem;
        --root-display-2-line-height: 4.5rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-display-2-font-size: 4.75rem;
        --root-display-2-line-height: 5.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-h1-font-size: 2.75rem;
        --root-h1-line-height: 3.5rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-h1-font-size: 3.875rem;
     /*   --root-h1-font-size: 4.65rem;*/
        --root-h1-line-height: 4.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-h2-font-size: 2.5rem;
        --root-h2-line-height: 3rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-h2-font-size: 3rem;
        --root-h2-line-height: 3.5rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-h3-font-size: 2rem;
        --root-h3-line-height: 2.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-h4-font-size: 1.375rem;
        --root-h4-line-height: 1.75rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-h4-font-size: 1.5rem;
        --root-h4-line-height: 2rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-h5-font-size: 1.25rem;
        --root-h5-line-height: 1.75rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-lead-font-size: 1.25rem;
        --root-lead-line-height: 2rem
    }
}

@media (min-width:860px) {
    :root {
        --root-radii-m: 1rem
    }
}

@media (min-width:860px) {
    :root {
        --root-radii-l: 1.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-m: 1rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-l: 1.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-xl: 2rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-2xl: 3rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-3xl: 4.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-4xl: 6rem
    }
}

@media (min-width:860px) {
    :root {
        --root-spacing-5xl: 8rem
    }
}

@media (min-width:540px) {
    :root {
        --root-copy-padding-m: 1.5rem
    }
}

@media (min-width:540px) {
    :root {
        --root-copy-padding-l: 1.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-copy-padding-l: 2rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-copy-padding-l: 3rem
    }
}

@media (min-width:540px) {
    :root {
        --root-copy-padding-xl: 1.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-copy-padding-xl: 5.5rem
    }
}

@media (min-width:1440px) {
    :root {
        --root-copy-padding-xl: 11.75rem
    }
}

@media (min-width:860px) {
    :root {
        --root-card-padding-default: 1.5rem
    }
}

@media (min-width:860px) {
    :root {
        --root-card-padding-comfortable: 3rem
    }
}

@media (min-width:860px) {
    :root {
        --root-card-padding-relaxed: 4.5rem
    }
}

body {
    background-color: var(--theme-background-neutral-fade);
    color: var(--theme-foreground-base-subtle)
}

body .theme-night {
    color: var(--theme-foreground-base-subtle)
}

p {
    margin-bottom: 0
}

.light__theme a:not(.btn),
.theme-night a:not(.btn) {
    color: var(--link-text-color, inherit)
}

.container {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:540px) {
    .container {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) {
    .container {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:1440px) {
    .container {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width:860px) {
    .container {
        max-width: 100vw
    }
}

@media (min-width:1440px) {
    .container {
        max-width: 1328px
    }
}
@media (max-width: 1083px) {
    .tabs-continer {
                padding: 0 48px;
    }
}

@media (max-width: 767px) {
    .tabs-continer {
                padding: 0 16px;
    }
}

.container-fluid,
.container-lg,
.container-md {
    padding-right: .25rem;
    padding-left: .25rem
}

@media (min-width:540px) {

    .container-fluid,
    .container-lg,
    .container-md {
        padding-right: .25rem;
        padding-left: .25rem
    }
}

@media (min-width:860px) {

    .container-fluid,
    .container-lg,
    .container-md {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media (min-width:1440px) {

    .container-fluid,
    .container-lg,
    .container-md {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.25rem;
    margin-left: -.25rem
}

@media (min-width:540px) {
    .row {
        margin-right: -.25rem;
        margin-left: -.25rem
    }
}

@media (min-width:860px) {
    .row {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
}

@media (min-width:1440px) {
    .row {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
}

.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24 {
    position: relative;
    width: 100%
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-2,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-auto {
    padding-right: .25rem;
    padding-left: .25rem
}

@media (min-width:540px) {

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .col-lg-17,
    .col-lg-18,
    .col-lg-19,
    .col-lg-2,
    .col-lg-20,
    .col-lg-21,
    .col-lg-22,
    .col-lg-23,
    .col-lg-24,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-auto {
        padding-right: .25rem;
        padding-left: .25rem
    }
}

@media (min-width:860px) {

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .col-lg-17,
    .col-lg-18,
    .col-lg-19,
    .col-lg-2,
    .col-lg-20,
    .col-lg-21,
    .col-lg-22,
    .col-lg-23,
    .col-lg-24,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-auto {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media (min-width:1440px) {

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .col-lg-17,
    .col-lg-18,
    .col-lg-19,
    .col-lg-2,
    .col-lg-20,
    .col-lg-21,
    .col-lg-22,
    .col-lg-23,
    .col-lg-24,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-auto {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-1 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-2 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-3 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-4 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-5 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-6 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-last {
    order: 7
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

html:not([dir=rtl]) .offset-1 {
    margin-left: 16.66667%
}

html[dir=rtl] .offset-1 {
    margin-right: 16.66667%
}

html:not([dir=rtl]) .offset-2 {
    margin-left: 33.33333%
}

html[dir=rtl] .offset-2 {
    margin-right: 33.33333%
}

html:not([dir=rtl]) .offset-3 {
    margin-left: 50%
}

html[dir=rtl] .offset-3 {
    margin-right: 50%
}

html:not([dir=rtl]) .offset-4 {
    margin-left: 66.66667%
}

html[dir=rtl] .offset-4 {
    margin-right: 66.66667%
}

html:not([dir=rtl]) .offset-5 {
    margin-left: 83.33333%
}

html[dir=rtl] .offset-5 {
    margin-right: 83.33333%
}

@media (min-width:540px) {
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-1 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-2 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-4 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-5 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-last {
        order: 7
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    html:not([dir=rtl]) .offset-sm-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-sm-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-sm-1 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-sm-1 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-sm-2 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-sm-2 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-sm-3 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-sm-3 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-sm-4 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-sm-4 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-sm-5 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-sm-5 {
        margin-right: 83.33333%
    }
}

@media (min-width:860px) {
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    html:not([dir=rtl]) .offset-md-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-md-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-md-1 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-md-1 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-md-2 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-md-2 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-md-3 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-md-3 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-md-4 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-md-4 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-md-5 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-md-5 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-md-6 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-md-6 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-md-7 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-md-7 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-md-8 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-md-8 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-md-9 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-md-9 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-md-10 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-md-10 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-md-11 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-md-11 {
        margin-right: 91.66667%
    }
}

@media (min-width:1440px) {
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .row-cols-lg-7>* {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .row-cols-lg-8>* {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .row-cols-lg-9>* {
        flex: 0 0 11.11111%;
        max-width: 11.11111%
    }

    .row-cols-lg-10>* {
        flex: 0 0 10%;
        max-width: 10%
    }

    .row-cols-lg-11>* {
        flex: 0 0 9.09091%;
        max-width: 9.09091%
    }

    .row-cols-lg-12>* {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-lg-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-lg-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-lg-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-lg-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-lg-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-lg-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-lg-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-lg-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-lg-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-lg-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-lg-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-lg-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-last {
        order: 25
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .order-lg-13 {
        order: 13
    }

    .order-lg-14 {
        order: 14
    }

    .order-lg-15 {
        order: 15
    }

    .order-lg-16 {
        order: 16
    }

    .order-lg-17 {
        order: 17
    }

    .order-lg-18 {
        order: 18
    }

    .order-lg-19 {
        order: 19
    }

    .order-lg-20 {
        order: 20
    }

    .order-lg-21 {
        order: 21
    }

    .order-lg-22 {
        order: 22
    }

    .order-lg-23 {
        order: 23
    }

    .order-lg-24 {
        order: 24
    }

    html:not([dir=rtl]) .offset-lg-0 {
        margin-left: 0
    }

    html[dir=rtl] .offset-lg-0 {
        margin-right: 0
    }

    html:not([dir=rtl]) .offset-lg-1 {
        margin-left: 4.16667%
    }

    html[dir=rtl] .offset-lg-1 {
        margin-right: 4.16667%
    }

    html:not([dir=rtl]) .offset-lg-2 {
        margin-left: 8.33333%
    }

    html[dir=rtl] .offset-lg-2 {
        margin-right: 8.33333%
    }

    html:not([dir=rtl]) .offset-lg-3 {
        margin-left: 12.5%
    }

    html[dir=rtl] .offset-lg-3 {
        margin-right: 12.5%
    }

    html:not([dir=rtl]) .offset-lg-4 {
        margin-left: 16.66667%
    }

    html[dir=rtl] .offset-lg-4 {
        margin-right: 16.66667%
    }

    html:not([dir=rtl]) .offset-lg-5 {
        margin-left: 20.83333%
    }

    html[dir=rtl] .offset-lg-5 {
        margin-right: 20.83333%
    }

    html:not([dir=rtl]) .offset-lg-6 {
        margin-left: 25%
    }

    html[dir=rtl] .offset-lg-6 {
        margin-right: 25%
    }

    html:not([dir=rtl]) .offset-lg-7 {
        margin-left: 29.16667%
    }

    html[dir=rtl] .offset-lg-7 {
        margin-right: 29.16667%
    }

    html:not([dir=rtl]) .offset-lg-8 {
        margin-left: 33.33333%
    }

    html[dir=rtl] .offset-lg-8 {
        margin-right: 33.33333%
    }

    html:not([dir=rtl]) .offset-lg-9 {
        margin-left: 37.5%
    }

    html[dir=rtl] .offset-lg-9 {
        margin-right: 37.5%
    }

    html:not([dir=rtl]) .offset-lg-10 {
        margin-left: 41.66667%
    }

    html[dir=rtl] .offset-lg-10 {
        margin-right: 41.66667%
    }

    html:not([dir=rtl]) .offset-lg-11 {
        margin-left: 45.83333%
    }

    html[dir=rtl] .offset-lg-11 {
        margin-right: 45.83333%
    }

    html:not([dir=rtl]) .offset-lg-12 {
        margin-left: 50%
    }

    html[dir=rtl] .offset-lg-12 {
        margin-right: 50%
    }

    html:not([dir=rtl]) .offset-lg-13 {
        margin-left: 54.16667%
    }

    html[dir=rtl] .offset-lg-13 {
        margin-right: 54.16667%
    }

    html:not([dir=rtl]) .offset-lg-14 {
        margin-left: 58.33333%
    }

    html[dir=rtl] .offset-lg-14 {
        margin-right: 58.33333%
    }

    html:not([dir=rtl]) .offset-lg-15 {
        margin-left: 62.5%
    }

    html[dir=rtl] .offset-lg-15 {
        margin-right: 62.5%
    }

    html:not([dir=rtl]) .offset-lg-16 {
        margin-left: 66.66667%
    }

    html[dir=rtl] .offset-lg-16 {
        margin-right: 66.66667%
    }

    html:not([dir=rtl]) .offset-lg-17 {
        margin-left: 70.83333%
    }

    html[dir=rtl] .offset-lg-17 {
        margin-right: 70.83333%
    }

    html:not([dir=rtl]) .offset-lg-18 {
        margin-left: 75%
    }

    html[dir=rtl] .offset-lg-18 {
        margin-right: 75%
    }

    html:not([dir=rtl]) .offset-lg-19 {
        margin-left: 79.16667%
    }

    html[dir=rtl] .offset-lg-19 {
        margin-right: 79.16667%
    }

    html:not([dir=rtl]) .offset-lg-20 {
        margin-left: 83.33333%
    }

    html[dir=rtl] .offset-lg-20 {
        margin-right: 83.33333%
    }

    html:not([dir=rtl]) .offset-lg-21 {
        margin-left: 87.5%
    }

    html[dir=rtl] .offset-lg-21 {
        margin-right: 87.5%
    }

    html:not([dir=rtl]) .offset-lg-22 {
        margin-left: 91.66667%
    }

    html[dir=rtl] .offset-lg-22 {
        margin-right: 91.66667%
    }

    html:not([dir=rtl]) .offset-lg-23 {
        margin-left: 95.83333%
    }

    html[dir=rtl] .offset-lg-23 {
        margin-right: 95.83333%
    }
}

html {
    scroll-behavior: smooth
}

@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }
}

.uhf,
.universalheader {
    line-height: normal !important;
    letter-spacing: normal !important
}

body {
    font-weight: var(--root-body-font-weight, 400);
    font-size: var(--root-body-font-size, 1rem);
    line-height: var(--root-body-line-height, 1.5rem);
    letter-spacing: var(--root-body-letter-spacing, -.03em)
}
#price-section .fg--base-strong.label.list-item__content-title {
    color: var(--theme-foreground-base-strong) !important;
}

.block-heading--campaign .block-heading__title,
.block-heading--size-3xl .block-heading__title,
.marquee {
    font-weight: var(--root-marquee-font-weight, 400);
    font-size: var(--root-marquee-font-size, 4.75rem);
    line-height: var(--root-marquee-line-height, 5.125rem);
    letter-spacing: var(--root-marquee-letter-spacing, -.025em);
    margin-bottom: 0
}

.block-heading__title,
.display-1 {
    font-weight: var(--root-display-1-font-weight, 400);
    font-size: var(--root-display-1-font-size, 3.5rem);
    line-height: var(--root-display-1-line-height, 3.875rem);
    letter-spacing: var(--root-display-1-letter-spacing, -.025em);
    margin-bottom: 0
}

.block-heading--size-xl .block-heading__title,
.display-2,
.stat-large__title {
    font-weight: var(--root-display-2-font-weight, 500);
    font-size: var(--root-display-2-font-size, 3rem);
    line-height: var(--root-display-2-line-height, 3.5rem);
    letter-spacing: var(--root-display-2-letter-spacing, -.025em);
    margin-bottom: 0
}

.block-heading--size-l .block-heading__title,
.h1,
.sku__pricing-current,
h1 {
    font-weight: var(--root-h1-font-weight, 500);
    font-size: var(--root-h1-font-size, 2.5rem);
    line-height: var(--root-h1-line-height, 3rem);
    letter-spacing: var(--root-h1-letter-spacing, -.025em);
    margin-bottom: 0
}

.block-feature--m .block-feature__title,
.block-heading--size-m .block-heading__title,
.h2,
.stat-large__description,
h2 {
    font-weight: var(--root-h2-font-weight, 500);
    font-size: var(--root-h2-font-size, 2rem);
    line-height: var(--root-h2-line-height, 2.5rem);
    letter-spacing: var(--root-h2-letter-spacing, -.025em);
    margin-bottom: 0
}

.block-feature--s .block-feature__title,
.block-heading--size-s .block-heading__title,
.h3,
.sku__pricing-discount,
.sku__title>:first-child,
h3 {
    font-weight: var(--root-h3-font-weight, 500);
    font-size: var(--root-h3-font-size, 1.5rem);
    line-height: var(--root-h3-line-height, 2rem);
    letter-spacing: var(--root-h3-letter-spacing, -.015em);
    margin-bottom: 0
}

.block-feature--xs .block-feature__title,
.block-heading--eyebrow-large .block-heading__eyebrow,
.block-heading--size-xs .block-heading__title,
.card-plan-detail--product-featured .sku__title>:first-child,
.h4,
h4 {
    font-weight: var(--root-h4-font-weight, 500);
    font-size: var(--root-h4-font-size, 1.25rem);
    line-height: var(--root-h4-line-height, 1.75rem);
    letter-spacing: var(--root-h4-letter-spacing, -.01em);
    margin-bottom: 0
}

.block-feature--2xs .block-feature__title,
.carousel--type-vertical .carousel__indicators-item__label,
.h5,
h5 {
    font-weight: var(--root-h5-font-weight, 600);
    font-size: var(--root-h5-font-size, 1.125rem);
    line-height: var(--root-h5-line-height, 1.5rem);
    letter-spacing: var(--root-h5-letter-spacing, normal);
    margin-bottom: 0
}

.block-feature--3xs .block-feature__title,
.block-feature__title,
.h6,
.sku--style-sticky-header-row .sku__title>:first-child,
.sku--style-table-header .sku__title>:first-child,
h6 {
    font-weight: var(--root-h6-font-weight, 600);
    font-size: var(--root-h6-font-size, 1rem);
    line-height: var(--root-h6-line-height, 1.5rem);
    letter-spacing: var(--root-h6-letter-spacing, normal);
    margin-bottom: 0
}

.block-feature--m .block-feature__paragraph,
.block-heading__paragraph,
.lead {
    font-weight: var(--root-lead-font-weight, 400);
    font-size: var(--root-lead-font-size, 1.125rem);
    line-height: var(--root-lead-line-height, 1.75rem);
    letter-spacing: var(--root-lead-letter-spacing, -.03em);
    margin-bottom: 0
}

.base,
.block-feature--2xs .block-feature__paragraph,
.block-feature--s .block-feature__paragraph,
.block-feature--xs .block-feature__paragraph,
.block-heading--size-l .block-heading__paragraph,
.block-heading--size-m .block-heading__paragraph,
.block-heading--size-s .block-heading__paragraph,
.block-heading--size-xl .block-heading__paragraph,
.block-heading--size-xs .block-heading__paragraph,
.card-plan-detail--blocklist-base-title .block-items-list .list-item__content .label,
.card-plan-detail--product-featured .card-plan-detail__badge-text,
.card-plan-detail--product-featured .card-plan-detail__footer a,
.card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__banner-top p,
.card-plan-detail__banner-promo .card-plan-detail__banner-promo-body .link,
.dropdown .list-item__inner__content div:last-child,
.features-grid .block-feature__body .block-feature__paragraph,
.input-master--gpt .label {
    font-weight: var(--root-base-font-weight, 400);
    font-size: var(--root-base-font-size, 1rem);
    line-height: var(--root-base-line-height, 1.5rem);
    letter-spacing: var(--root-base-letter-spacing, -.03em);
    margin-bottom: 0
}

.block-feature--stat .block-feature__paragraph,
.ocr-table-row.ocr-table-row--subheading td>.ocr-table-cell__content,
.sku--style-table-header .sku__detail-commitment,
.small,
small {
    font-weight: var(--root-small-font-weight, 400);
    font-size: var(--root-small-font-size, .875rem);
    line-height: var(--root-small-line-height, 1.25rem);
    letter-spacing: var(--root-small-letter-spacing, -.03em);
    margin-bottom: 0
}
.block-feature--3xs .block-feature__paragraph,
.block-feature__paragraph,
.block-heading__footnote,
.main__section--blade-full-screen-banner .block-slim>p,
.x-small {
    font-weight: var(--root-x-small-font-weight, 400);
    font-size: var(--root-x-small-font-size, .75rem);
    line-height: var(--root-x-small-line-height, 1rem);
    letter-spacing: var(--root-x-small-letter-spacing, -.03em);
    margin-bottom: 0
}

.ai-chat-drawer__header .block-feature__title,
.label-lead {
    font-weight: var(--root-label-lead-font-weight, 600);
    font-size: var(--root-label-lead-font-size, 1rem);
    line-height: var(--root-label-lead-line-height, 1.5rem);
    letter-spacing: var(--root-label-lead-letter-spacing, normal);
    margin-bottom: 0
}

.label,
.tag .label {
    font-weight: var(--root-label-font-weight, 600);
    font-size: var(--root-label-font-size, .875rem);
    line-height: var(--root-label-line-height, 1.25rem);
    letter-spacing: var(--root-label-letter-spacing, normal);
    margin-bottom: 0
}

.block-feature__date,
.block-feature__label,
.block-heading--eyebrow-editorial .block-heading__eyebrow,
.label-small {
    font-weight: var(--root-label-small-font-weight, 600);
    font-size: var(--root-label-small-font-size, .75rem);
    line-height: var(--root-label-small-line-height, 1rem);
    letter-spacing: var(--root-label-small-letter-spacing, normal);
    margin-bottom: 0
}

.block-heading__eyebrow,
.label-eyebrow,
.tag--size-s .label {
    font-weight: var(--root-label-eyebrow-font-weight, 600);
    font-size: var(--root-label-eyebrow-font-size, .75rem);
    line-height: var(--root-label-eyebrow-line-height, 1rem);
    letter-spacing: var(--root-label-eyebrow-letter-spacing, .08em);
    margin-bottom: 0
}

.display-1,
.display-2,
.h1,
.h2,
.h3,
.h4,
.h5,
.marquee,
h1,
h2,
h3,
h4,
h5 {
    font-family: var(--root-font-family-headings, var(--root-font-family-segoe-variable-display))
}

.base,
.h6,
.label,
.label-eyebrow,
.label-lead,
.label-small,
.lead,
body,
h6 {
    font-family: var(--root-font-family-base, var(--root-font-family-segoe-variable-text))
}

.small,
.x-small,
small {
    font-family: var(--root-font-family-small, var(--root-font-family-segoe-variable-small))
}

.action-trigger {
    letter-spacing: -.02em
}

.btn {
    --button-justify-content: center;
    border: 2px solid var(--button-border-color);
    padding: var(--button-padding-y) var(--button-padding-x);
    justify-content: var(--button-justify-content);
    font-weight: 600;
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: -.02em;
    --button-padding-x: var(--root-spacing-m);
    --button-padding-y: var(--root-spacing-s);
    --button-padding-glyph: calc(var(--root-spacing-m) - 2px);
    border-radius: var(--root-radii-s);
    --button-spacing-glyph: var(--root-spacing-s);
    --button-bg-color: var(--theme-background-accent-strong-normal);
    --button-color: var(--theme-foreground-accent-strong-normal);
    --button-border-color: transparent;
    background-color: var(--button-bg-color);
    color: var(--button-color);
    --button-hover-bg-color: var(--theme-background-accent-strong-hover);
    --button-hover-color: var(--theme-foreground-accent-strong-hover);
    --button-hover-border-color: transparent;
    --button-pressed-bg-color: var(--theme-background-accent-strong-pressed);
    --button-pressed-color: var(--theme-foreground-accent-strong-pressed);
    --button-pressed-border-color: transparent;
    border-radius: var(--root-radii-s);
    --button-opacity: 0.2
}

.btn:hover {
    --button-bg-color: var(--button-hover-bg-color);
    --button-color: var(--button-hover-color);
    --button-border-color: var(--button-hover-border-color);
    background-color: var(--button-bg-color);
    color: var(--button-color);
    border-color: var(--button-border-color);
    background-image: none;
    box-shadow: none
}

.btn:active {
    --button-bg-color: var(--button-pressed-bg-color);
    --button-color: var(--button-pressed-color);
    --button-border-color: var(--button-pressed-border-color);
    background-color: var(--button-bg-color);
    color: var(--button-color);
    border-color: var(--button-border-color)
}

.btn.disabled,
.btn.inactive,
.btn:disabled {
    cursor: default;
    opacity: var(--button-opacity)
}

.btn--secondary {
    box-sizing: border-box;
    --button-bg-color: transparent;
    --button-color: var(--theme-foreground-accent-subtle-normal) !important;
    --button-border-color: var(--theme-border-accent-subtle-normal);
    background-color: var(--button-bg-color);
    color: var(--button-color);
    border-color: var(--button-border-color);
    --button-hover-bg-color: transparent;
    --button-hover-color: var(--theme-foreground-accent-subtle-hover) !important;
    --button-hover-border-color: var(--theme-border-accent-subtle-hover);
    --button-pressed-bg-color: transparent;
    --button-pressed-color: var(--theme-foreground-accent-subtle-pressed) !important;
    --button-pressed-border-color: var(--theme-border-accent-subtle-pressed);
    --border-radius:var(--border-radius-0)
}
.footer{
    --text-color:var(--text-color--grey);
    --font--size:var(--font-size-19px);
}
:root{

    --border-radius-0:none;
    --root-card-padding-custom:50px 30px 50px 30px;
    --text-color--grey:#726e6b;
    --font-size-19px:19px;
    --grey-bacgro
}

.card {

    --card-padding: var(--root-card-padding-custom);

}
.btn--secondary:hover {
    --button-bg-color: var(--button-hover-bg-color);
    --button-color: var(--button-hover-color);
    --button-border-color: var(--button-hover-border-color);
    background-color: var(--button-bg-color);
    color: var(--button-color);
    border-color: var(--button-border-color);
    background-image: none;
    box-shadow: none
}

.btn--secondary:active {
    --button-bg-color: var(--button-pressed-bg-color);
    --button-color: var(--button-pressed-color);
    --button-border-color: var(--button-pressed-border-color);
    background-color: var(--button-bg-color);
    color: var(--button-color);
    border-color: var(--button-border-color)
}

.btn--md {
    --button-padding-x: var(--root-spacing-m);
    --button-padding-y: var(--root-spacing-xs);
    --button-padding-glyph: calc(var(--root-spacing-s) - 2px);
    --button-spacing-glyph: var(--root-spacing-xs)
}

.btn--sm {
    --button-padding-x: var(--root-spacing-s);
    --button-padding-y: var(--root-spacing-2xs);
    --button-padding-glyph: calc(var(--root-spacing-xs) - 2px);
    --button-spacing-glyph: var(--root-spacing-2xs)
}

.btn--icon-only {
    display: flex;
    align-items: center;
    gap: var(--button-spacing-glyph);
    --button-padding-y: 0.875rem;
    --button-padding-x: 0.875rem
}

.btn--icon-only .glyph-append,
.btn--icon-only .glyph-prepend {
    display: flex;
    align-items: center
}

.btn--icon-only .btn__text {
    flex-shrink: 0
}

a.btn--icon-only {
    width: -moz-fit-content;
    width: fit-content
}

.btn--icon-only.btn--md {
    --button-padding-y: var(--root-spacing-s);
    --button-padding-x: var(--root-spacing-s)
}

.btn--icon-only.btn--sm {
    --button-padding-y: var(--root-spacing-xs);
    --button-padding-x: var(--root-spacing-xs)
}

.btn--icon {
    display: flex;
    align-items: center;
    gap: var(--button-spacing-glyph)
}

.btn--icon .glyph-append,
.btn--icon .glyph-prepend {
    display: flex;
    align-items: center
}

.btn--icon .btn__text {
    flex-shrink: 0
}

a.btn--icon {
    width: -moz-fit-content;
    width: fit-content
}

.btn--icon .ocr-icon {
    --icon-glyph-color: inherit
}

.btn--circle {
    border-radius: var(--root-radii-circle)
}

.btn__text {
    padding-bottom: var(--root-spacing-3xs);
    display: block;
    text-align: center
}



.btn--media-stroke {
    border: var(--root-border-xs) solid var(--theme-foreground-accent-strong-normal)
}


@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multi-slide-up-1 {
    0% {
        opacity: 0;
        transform: translateY(75px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multi-slide-up-2 {
    0% {
        opacity: 0;
        transform: translateY(225px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multi-slide-up-3 {
    0% {
        opacity: 0;
        transform: translateY(375px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multi-slide-up-4 {
    0% {
        opacity: 0;
        transform: translateY(525px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multi-slide-up-5 {
    0% {
        opacity: 0;
        transform: translateY(675px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multi-slide-up-6 {
    0% {
        opacity: 0;
        transform: translateY(825px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes scale-down-center {
    0% {
        transform: scale(2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes multi-slide-right-1 {
    0% {
        opacity: 0;
        transform: translateX(75px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes multi-slide-right-2 {
    0% {
        opacity: 0;
        transform: translateX(225px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes multi-slide-right-3 {
    0% {
        opacity: 0;
        transform: translateX(375px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes multi-slide-right-4 {
    0% {
        opacity: 0;
        transform: translateX(525px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes multi-slide-right-5 {
    0% {
        opacity: 0;
        transform: translateX(675px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes multi-slide-right-6 {
    0% {
        opacity: 0;
        transform: translateX(825px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes scale-down-right {
    0% {
        opacity: 0;
        transform: scale(1.25);
        transform-origin: 0 50%
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes overflow-container {
    0% {
        overflow: hidden
    }

    100% {
        overflow: initial
    }
}

@keyframes typing {
    from {
        width: 0
    }
}

@keyframes blink-caret {
    50% {
        border-color: transparent
    }
}

@keyframes hide-blink-caret {
    100% {
        border-color: transparent
    }
}

.animation .animation {
    animation-delay: 250ms
}

.animation--duration-1600 {
    --animation-duration: 1600ms !important
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-1,
    .animation--effect-1-scroll.effect-on {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), fade-in var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-2,
    .animation--effect-2-scroll.effect-on {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3,
    .animation--effect-3-scroll.effect-on {
        --animation-duration: 2400ms;
        animation: overflow-container var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3-scroll.effect-on>:nth-child(1),
    .animation--effect-3>:nth-child(1) {
        --animation-duration: 1200ms;
        animation: multi-slide-up-1 var(--animation-duration) ease-in-out 25ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3-scroll.effect-on>:nth-child(2),
    .animation--effect-3>:nth-child(2) {
        --animation-duration: 1200ms;
        animation: multi-slide-up-2 var(--animation-duration) ease-in-out 50ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3-scroll.effect-on>:nth-child(3),
    .animation--effect-3>:nth-child(3) {
        --animation-duration: 1200ms;
        animation: multi-slide-up-3 var(--animation-duration) ease-in-out 75ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3-scroll.effect-on>:nth-child(4),
    .animation--effect-3>:nth-child(4) {
        --animation-duration: 1200ms;
        animation: multi-slide-up-4 var(--animation-duration) ease-in-out .1s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3-scroll.effect-on>:nth-child(5),
    .animation--effect-3>:nth-child(5) {
        --animation-duration: 1200ms;
        animation: multi-slide-up-5 var(--animation-duration) ease-in-out 125ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-3-scroll.effect-on>:nth-child(6),
    .animation--effect-3>:nth-child(6) {
        --animation-duration: 1200ms;
        animation: multi-slide-up-6 var(--animation-duration) ease-in-out 150ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-4,
    .animation--effect-4-scroll.effect-on {
        --animation-duration: 2400ms;
        animation: fade-in var(--animation-duration), overflow-container var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-4 .media,
    .animation--effect-4-scroll.effect-on .media,
    .animation--effect-4-scroll.effect-on.media,
    .animation--effect-4.media {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), scale-down-center var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5,
    .animation--effect-5-scroll.effect-on {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-right var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5 .carousel__window .carousel__container>:nth-child(1),
    .animation--effect-5-scroll.effect-on .carousel__window .carousel__container>:nth-child(1) {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), multi-slide-right-1 var(--animation-duration) ease-in-out 25ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5 .carousel__window .carousel__container>:nth-child(2),
    .animation--effect-5-scroll.effect-on .carousel__window .carousel__container>:nth-child(2) {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), multi-slide-right-2 var(--animation-duration) ease-in-out 50ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5 .carousel__window .carousel__container>:nth-child(3),
    .animation--effect-5-scroll.effect-on .carousel__window .carousel__container>:nth-child(3) {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), multi-slide-right-3 var(--animation-duration) ease-in-out 75ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5 .carousel__window .carousel__container>:nth-child(4),
    .animation--effect-5-scroll.effect-on .carousel__window .carousel__container>:nth-child(4) {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), multi-slide-right-4 var(--animation-duration) ease-in-out .1s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5 .carousel__window .carousel__container>:nth-child(5),
    .animation--effect-5-scroll.effect-on .carousel__window .carousel__container>:nth-child(5) {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), multi-slide-right-5 var(--animation-duration) ease-in-out 125ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-5 .carousel__window .carousel__container>:nth-child(6),
    .animation--effect-5-scroll.effect-on .carousel__window .carousel__container>:nth-child(6) {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), multi-slide-right-6 var(--animation-duration) ease-in-out 150ms 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-6,
    .animation--effect-6-scroll.effect-on {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-6 .media,
    .animation--effect-6-scroll.effect-on .media {
        --animation-duration: 2100ms;
        animation: overflow-container var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-6 .media img,
    .animation--effect-6 .media video,
    .animation--effect-6 .media:first-child img,
    .animation--effect-6 .media:first-child video,
    .animation--effect-6-scroll.effect-on .media img,
    .animation--effect-6-scroll.effect-on .media video,
    .animation--effect-6-scroll.effect-on .media:first-child img,
    .animation--effect-6-scroll.effect-on .media:first-child video {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), scale-down-center var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-7 .media:first-child img,
    .animation--effect-7 .media:first-child video,
    .animation--effect-7-scroll.effect-on .media:first-child img,
    .animation--effect-7-scroll.effect-on .media:first-child video,
    .animation--effect-7-scroll.effect-on.media img,
    .animation--effect-7-scroll.effect-on.media video,
    .animation--effect-7.media img,
    .animation--effect-7.media video {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), scale-down-right var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-8,
    .animation--effect-8-scroll.effect-on {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-left var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

.animation--effect-9 .animation__target,
.animation--effect-9-scroll.effect-on .animation__target {
    --animation-e9-target-border-width: 0.15em;
    --animation-e9-target-border-color: var(--theme-foreground-base-subtle);
    --animation-e9-target-white-space: nowrap;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-right: var(--animation-e9-target-border-width) solid var(--animation-e9-target-border-color);
    white-space: var(--animation-e9-target-white-space);
    margin: 0 auto;
    -webkit-padding-end: .07em;
    padding-inline-end: .07em;
    width: 100%
}

@media (prefers-reduced-motion:no-preference) {

    .animation--effect-9 .animation__target,
    .animation--effect-9-scroll.effect-on .animation__target {
        animation: typing 2.5s steps(50, end), blink-caret .5s step-end infinite alternate, hide-blink-caret 1s 5s forwards
    }
}

.animation--effect-2-scroll,
.animation--effect-3-scroll,
.animation--effect-5-scroll,
.animation--effect-6-scroll,
.animation--effect-8-scroll {
    opacity: 0;
    transition: opacity 1.2s ease-in-out 50ms
}

.animation--effect-2-scroll.effect-on,
.animation--effect-3-scroll.effect-on,
.animation--effect-5-scroll.effect-on,
.animation--effect-6-scroll.effect-on,
.animation--effect-8-scroll.effect-on {
    opacity: 1
}

[class*=slide-in-] {
    position: relative;
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-timing-function: ease-out
}

@media (prefers-reduced-motion:reduce) {
    [class*=slide-in-] {
        position: initial;
        animation-duration: initial;
        animation-fill-mode: initial;
        animation-timing-function: initial
    }
}

@keyframes slide-in-top {
    from {
        opacity: 0;
        top: 35px
    }

    to {
        opacity: 1;
        top: 0
    }
}

[class*=slide-in-top] {
    animation-name: slide-in-top
}

.slide-in-top-0 {
    animation-delay: 0
}

.slide-in-top-1 {
    animation-delay: .25s
}

.slide-in-top-2 {
    animation-delay: .5s
}

.slide-in-top-3 {
    animation-delay: .75s
}

.slide-in-top-4 {
    animation-delay: 1s
}

@keyframes slide-in-right {
    from {
        opacity: 0;
        right: 35px
    }

    to {
        opacity: 1;
        right: 0
    }
}

[class*=slide-in-right] {
    animation-name: slide-in-right
}

.slide-in-right-0 {
    animation-delay: 0
}

.slide-in-right-1 {
    animation-delay: .25s
}

.slide-in-right-2 {
    animation-delay: .5s
}

.slide-in-right-3 {
    animation-delay: .75s
}

.slide-in-right-4 {
    animation-delay: 1s
}

@keyframes slide-in-bottom {
    from {
        opacity: 0;
        bottom: 35px
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

[class*=slide-in-bottom] {
    animation-name: slide-in-bottom
}

.slide-in-bottom-0 {
    animation-delay: 0
}

.slide-in-bottom-1 {
    animation-delay: .25s
}

.slide-in-bottom-2 {
    animation-delay: .5s
}

.slide-in-bottom-3 {
    animation-delay: .75s
}

.slide-in-bottom-4 {
    animation-delay: 1s
}

@keyframes slide-in-left {
    from {
        opacity: 0;
        left: 35px
    }

    to {
        opacity: 1;
        left: 0
    }
}

[class*=slide-in-left] {
    animation-name: slide-in-left
}

.slide-in-left-0 {
    animation-delay: 0
}

.slide-in-left-1 {
    animation-delay: .25s
}

.slide-in-left-2 {
    animation-delay: .5s
}

.slide-in-left-3 {
    animation-delay: .75s
}

.slide-in-left-4 {
    animation-delay: 1s
}

.sticky-transition {
    z-index: 999;
    opacity: 100%;
    transform: translateY(0);
    transition: transform, z-index, opacity 180ms ease-in-out 10ms !important
}

.sticky-transition:not(.stuck) {
    transform: translateY(-100%);
    z-index: 0;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.float-in {
    transition: transform .5s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .float-in {
        transition: none
    }
}

html:not([dir=rtl]) .float-in.from-right {
    transform: translateX(100%)
}

html[dir=rtl] .float-in.from-right {
    transform: translateX(-100%)
}

html:not([dir=rtl]) .float-in.from-right.show,
html:not([dir=rtl]) .show>.float-in.from-right {
    transform: translateX(0)
}

html[dir=rtl] .float-in.from-right.show,
html[dir=rtl] .show>.float-in.from-right {
    transform: translateX(0)
}

html:not([dir=rtl]) .float-in.from-left {
    transform: translateX(-100%)
}

html[dir=rtl] .float-in.from-left {
    transform: translateX(100%)
}

html:not([dir=rtl]) .float-in.from-left.show,
html:not([dir=rtl]) .show>.float-in.from-left {
    transform: translateX(0)
}

html[dir=rtl] .float-in.from-left.show,
html[dir=rtl] .show>.float-in.from-left {
    transform: translateX(0)
}

html:not([dir=rtl]) .border {
    border-width: var(--root-border-xs) !important
}

html[dir=rtl] .border {
    border-width: var(--root-border-xs) !important
}

html:not([dir=rtl]) .border-width-2 {
    border-width: var(--root-border-s) !important
}

html:not([dir=rtl]) .border-width-3 {
    border-width: var(--root-border-m) !important
}

html:not([dir=rtl]) .border-width-4 {
    border-width: var(--root-border-l) !important
}

html[dir=rtl] .border-width-2 {
    border-width: var(--root-border-s) !important
}

html[dir=rtl] .border-width-3 {
    border-width: var(--root-border-m) !important
}

html[dir=rtl] .border-width-4 {
    border-width: var(--root-border-l) !important
}

.rounded-xs {
    border-radius: var(--root-radii-xs) !important
}

.rounded-xs.media,
.rounded-xs.ocr-img {
    --image-border-radius: var(--root-radii-xs) !important;
    --media-border-radius: var(--root-radii-xs) !important
}

.rounded-none {
    border-radius: 0 !important;
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-none.media,
.rounded-none.ocr-img {
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-s {
    border-radius: var(--root-radii-s) !important
}

.rounded-s.media,
.rounded-s.ocr-img {
    --image-border-radius: var(--root-radii-s) !important;
    --media-border-radius: var(--root-radii-s) !important
}

.rounded-none {
    border-radius: 0 !important;
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-none.media,
.rounded-none.ocr-img {
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-m {
    border-radius: var(--root-radii-m) !important
}

.rounded-m.media,
.rounded-m.ocr-img {
    --image-border-radius: var(--root-radii-m) !important;
    --media-border-radius: var(--root-radii-m) !important
}

.rounded-none {
    border-radius: 0 !important;
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-none.media,
.rounded-none.ocr-img {
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-l {
    border-radius: var(--root-radii-l) !important
}

.rounded-l.media,
.rounded-l.ocr-img {
    --image-border-radius: var(--root-radii-l) !important;
    --media-border-radius: var(--root-radii-l) !important
}

.rounded-none {
    border-radius: 0 !important;
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-none.media,
.rounded-none.ocr-img {
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-circle {
    border-radius: var(--root-radii-circle) !important
}

.rounded-circle.media,
.rounded-circle.ocr-img {
    --image-border-radius: var(--root-radii-circle) !important;
    --media-border-radius: var(--root-radii-circle) !important
}

.rounded-none {
    border-radius: 0 !important;
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.rounded-none.media,
.rounded-none.ocr-img {
    --image-border-radius: 0 !important;
    --media-border-radius: 0 !important
}

.bg,
[class*=bg--] {
    --bg-val: var(--root-color-brilliant-blue, #0078d4);
    background: var(--bg-val) !important
}

.bg-img {
    --bg-img-val: var(--root-gradient-mesh-brilliant-blue, linear-gradient(122deg, #b3daf0 -18.47%, #54a5e2 50.34%, #8ac1eb 118.47%));
    background-image: var(--bg-img-val) !important
}

.bg-color {
    --bg-color-val: var(--root-color-brilliant-blue-500, #0078d4);
    background-color: var(--bg-color-val) !important
}

.bg--accent-strong-normal {
    --bg-val: var(--theme-background-accent-strong-normal,
            #0078d4)
}

.bg--accent-strong-hover {
    --bg-val: var(--theme-background-accent-strong-hover,
            #0078d4)
}

.bg--accent-strong-pressed {
    --bg-val: var(--theme-background-accent-strong-pressed,
            #0078d4)
}

.bg--accent-strong-selected {
    --bg-val: var(--theme-background-accent-strong-selected,
            #0078d4)
}

.bg--accent-subtle-normal {
    --bg-val: var(--theme-background-accent-subtle-normal,
            #0078d4)
}

.bg--accent-subtle-hover {
    --bg-val: var(--theme-background-accent-subtle-hover,
            #0078d4)
}

.bg--accent-subtle-pressed {
    --bg-val: var(--theme-background-accent-subtle-pressed,
            #0078d4)
}

.bg--accent-subtle-selected {
    --bg-val: var(--theme-background-accent-subtle-selected,
            #0078d4)
}

.bg--neutral-fade {
    --bg-val: var(--theme-background-neutral-fade,
            #0078d4)
}

.bg--neutral-color {
    --bg-val: var(--theme-background-neutral-color,
            #0078d4)
}

.bg--base-fade {
    --bg-val: var(--theme-background-base-fade,
            #0078d4)
}

.bg--base-color {
    --bg-val: var(--theme-background-base-color,
            #0078d4)
}

.bg--base-neutral {
    --bg-val: var(--theme-background-base-neutral,
            #0078d4)
}

.bg--supportive-fade {
    --bg-val: var(--theme-background-supportive-fade,
            #0078d4)
}

.bg--supportive-color {
    --bg-val: var(--theme-background-supportive-color,
            #0078d4)
}

.bg--special-fade {
    --bg-val: var(--theme-background-special-fade,
            #0078d4)
}

.bg--special-color {
    --bg-val: var(--theme-background-special-color,
            #0078d4)
}

.bg--special-neutral {
    --bg-val: var(--theme-background-special-neutral,
            #0078d4)
}

.bg--special-subtle {
    --bg-val: var(--theme-background-special-subtle,
            #0078d4)
}

.bg--special-template-subtle {
    --bg-val: var(--theme-background-special-template-subtle,
            #0078d4)
}

.bg--card-normal {
    --bg-val: var(--theme-background-card-normal,
            #0078d4)
}

.bg--card-hover {
    --bg-val: var(--theme-background-card-hover,
            #0078d4)
}

.bg--card-pressed {
    --bg-val: var(--theme-background-card-pressed,
            #0078d4)
}

.bg--card-selected {
    --bg-val: var(--theme-background-card-selected,
            #0078d4)
}

.bg--glass-normal {
    --bg-val: var(--theme-background-glass-normal,
            #0078d4)
}

.bg--glass-hover {
    --bg-val: var(--theme-background-glass-hover,
            #0078d4)
}

.bg--glass-pressed {
    --bg-val: var(--theme-background-glass-pressed,
            #0078d4)
}

.bg--glass-selected {
    --bg-val: var(--theme-background-glass-selected,
            #0078d4)
}

.bg--highlight-normal {
    --bg-val: var(--theme-background-highlight-normal,
            #0078d4)
}

.bg--highlight-hover {
    --bg-val: var(--theme-background-highlight-hover,
            #0078d4)
}

.bg--highlight-pressed {
    --bg-val: var(--theme-background-highlight-pressed,
            #0078d4)
}

.bg--highlight-selected {
    --bg-val: var(--theme-background-highlight-selected,
            #0078d4)
}
.bg--overlay-full {
    --bg-val: var(--theme-background-overlay-full,
            #0078d4)
}

.bg--overlay-full .overlay__target {
    --bg-val: var(--theme-background-overlay-full,
            #0078d4)
}

.bg--overlay-gradient {
    --bg-val: var(--theme-background-overlay-gradient,
            #0078d4)
}

.bg--overlay-gradient .overlay__target {
    --bg-val: var(--theme-background-overlay-gradient,
            #0078d4)
}

.bg--background-overlay-fill {
    --bg-val: var(--theme-background-background-overlay-fill,
            #0078d4)
}

.bg--background-overlay-horizontal {
    --bg-val: var(--theme-background-background-overlay-horizontal,
            #0078d4)
}

.bg--background-overlay-horizontal-faded {
    --bg-val: var(--theme-background-background-overlay-horizontal-faded,
            #0078d4)
}

.bg--background-overlay-vertical {
    --bg-val: var(--theme-background-background-overlay-vertical,
            #0078d4)
}

.bg--background-overlay-vertical-color {
    --bg-val: var(--theme-background-background-overlay-vertical-color,
            #0078d4)
}

.bg--video-overlay-fill {
    --bg-val: var(--theme-background-video-overlay-fill,
            #0078d4)
}

.bg--video-overlay-vertical {
    --bg-val: var(--theme-background-video-overlay-vertical,
            #0078d4)
}

.bg--video-overlay-bottom-vertical {
    --bg-val: var(--theme-background-video-overlay-bottom-vertical,
            #0078d4)
}

.bg--video-overlay-bottom-vertical-light {
    --bg-val: var(--theme-background-video-overlay-bottom-vertical-light,
            #0078d4)
}

.bg--video-overlay-bottom-vertical-strong {
    --bg-val: var(--theme-background-video-overlay-bottom-vertical-strong,
            #0078d4)
}

.bg--video-overlay-bottom-vertical-strong-light {
    --bg-val: var(--theme-background-video-overlay-bottom-vertical-strong-light,
            #0078d4)
}

.overlay__target {
    position: relative
}

.overlay__target::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-val);
    border-radius: inherit
}

.fg,
[class*=fg--] {
    --fg-val: var(--root-color-brilliant-blue, #0078d4);
    color: var(--fg-val) !important
}

.d-contents {
    display: contents !important
}

@media (min-width:540px) {
    .d-sm-contents {
        display: contents !important
    }
}

@media (min-width:860px) {
    .d-md-contents {
        display: contents !important
    }
}

@media (min-width:1440px) {
    .d-lg-contents {
        display: contents !important
    }
}

@media print {
    .d-print-contents {
        display: contents !important
    }
}

.layout {
    --layout-column-gap: var(--root-density-horizontal-default, 1rem);
    --layout-column-count: 1;
    --layout-row-gap: 0.5rem;
    --layout-column-gap-offset: calc(var(--layout-column-gap) * (var(--layout-column-count) - 1));
    --layout-available-width: calc(100% - var(--layout-column-gap-offset));
    --layout-column-width: calc(var(--layout-available-width) / var(--layout-column-count));
    -moz-column-gap: var(--layout-column-gap);
    column-gap: var(--layout-column-gap);
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--layout-row-gap, .5rem)
}

.layout>.layout__col,
.main__section--blade-hero-impact .main__section__slot .col,
.main__section--blade-media-video-large .main__section__slot .col {
    flex: 0 0 var(--layout-column-width)
}

@media (min-width:1440px) {

    .layout--boxed,
    .main__section--blade-hero-impact .main__section__slot {
        justify-content: center;
        --layout-column-width: calc(20 / 24 * 100%)
    }
}

@media (min-width:860px) {

    .interactive-demo__header .block-heading,
    .interactive-demo__tab .tab-panel .block-feature,
    .layout--focus,
    .main__section--blade-media-video-large .layout,
    .main__section--blade-media-video-xl .layout {
        margin-inline: auto;
        width: calc(83.33333%)
    }
}

@media (min-width:1440px) {

    .interactive-demo__header .block-heading,
    .interactive-demo__tab .tab-panel .block-feature,
    .layout--focus,
    .main__section--blade-media-video-large .layout,
    .main__section--blade-media-video-xl .layout {
        width: calc(14 / 24 * 100%)
    }
}

@media (min-width:860px) {

    .layout--gapped,
    .main__section--layout-two-column-gapped .main__section__layout {
        --layout-column-gap: calc(2 / 12 * 100% + 1rem)
    }
}

@media (min-width:1440px) {

    .layout--gapped,
    .main__section--layout-two-column-gapped .main__section__layout {
        --layout-column-gap: calc(4 / 24 * 100% + 1rem)
    }

}
.main-home-banner .main__section--layout-two-column-gapped .main__section__layout {
    --layout-column-gap: calc(1 / 50 * 100% + 1rem);
}

.h1-heading.first-slide-home h1 {
    font-weight: bold;
    font-size: 4rem;
}

.layout--density-relaxed {
    --layout-column-gap: var(--root-density-horizontal-relaxed, 1rem)
}

@media (min-width:860px) {
    .layout--cols-2 {
        --layout-column-count: 2
    }
}

@media (min-width:860px) {
    .layout--cols-3 {
        --layout-column-count: 3
    }
}

@media (min-width:860px) {
    .layout--cols-4 {
        --layout-column-count: 2
    }
}

@media (min-width:860px) {
    .five-step .layout--cols-3,.six-four-col .layout--cols-3{
        --layout-column-count: 2
    }
     .two-col-large .layout--cols-4,.two-col-ipad.two-re .layout--cols-3{
        --layout-column-count: 2
    }
}

@media (min-width:1080px) {
    .five-step .layout--cols-3,.six-four-col .layout--cols-3,.three-col-ipad .layout--cols-4 {
        --layout-column-count: 3
    }
}

@media (min-width:810px) and (max-width:1281px) {
 .two-col-ipad .layout--cols-4,.two-col-ipad .layout--cols-3{
        --layout-column-count: 2
    }
    .layout-col-ipad-2 {
    --layout-column-count: 2;
}
    .footer-row-3 .layout--cols-5 {
    --layout-column-count: 3;
}

}
@media (min-width:767px) and (max-width:992px) {
    .footer-row-3 .layout--cols-5 {
    --layout-column-count: 3;
}

}

@media (min-width:1280px) {
    .footer-row-3 .layout--cols-5 {
    --layout-column-count: 5;
}
}

@media (min-width:1440px) {
    .layout--cols-4 {
        --layout-column-count: 4
    }
        div#Get-started .layout--cols-4 {
    --layout-column-count: 4;
}
}
@media screen and (min-width:1281px) {
    .stats_counter .layout--cols-4 {
    --layout-column-count: 4;
    --layout-column-gap: 10px;
}
}

@media screen and (max-width:1280px) {
    .stats_counter .layout--cols-4 {
        --layout-column-count: 2;
    }
}

@media (min-width:1025px) {
    .layout--cols-4 {
        --layout-column-count: 4
    }
}


@media (min-width:860px) {
    .layout--cols-4-even-1 {
        --layout-column-count: 4
    }
    div#Get-started .layout--cols-4 {
    --layout-column-count: 2;
}
}

 div#Get-started .layout--cols-4 {
    --layout-column-count: 2;
}
/* div#contact-info .layout--cols-4 {
    --layout-column-count: 3;
}*/

@media (min-width:540px) {
    .layout--cols-5 {
        --layout-column-count: 2
    }
   /* .footer-row-3 .layout--cols-5 {
        --layout-column-count: 3
    }*/
}

@media (min-width:860px) {
    .layout--cols-5 {
        --layout-column-count: 3
    }
}

@media (min-width:1440px) {
    .layout--cols-5 {
        --layout-column-count: 5
    }
}

@media (min-width:860px) {
    .layout--cols-6 {
        --layout-column-count: 3
    }
}

@media (min-width:1440px) {
    .layout--cols-6 {
        --layout-column-count: 6
    }
}

@media (min-width:1440px) {
    .layout--stage {
        justify-content: center;
        --layout-column-width: calc(16 / 24 * 100%)
    }
}

@media (min-width:860px) {

    .layout--offset-left>.layout__col:nth-child(even),
    .layout--offset-right>.layout__col:nth-child(odd) {
        --layout-column-width: calc(33% - 1rem / 2)
    }
}

@media (min-width:860px) {

    .layout--offset-left>.layout__col:nth-child(odd),
    .layout--offset-right>.layout__col:nth-child(even) {
        --layout-column-width: calc(66% - 1rem / 2)
    }
}

@media (min-width:860px) {
    .layout--editorial {
        --layout-column-width: 100%
    }
}

@media (min-width:1440px) {
    .layout--editorial {
        --layout-column-gap: calc(1 / 24 * 100% + 1rem)
    }
}

@media (min-width:1440px) {
    .layout--editorial>.layout__col:nth-child(odd) {
        --layout-column-width: calc(5 / 24 * 100% - 0.5rem)
    }
}

@media (min-width:1440px) {
    .layout--editorial>.layout__col:nth-child(even) {
        --layout-column-width: calc(12 / 24 * 100% - 0.5rem)
    }
}

@media (min-width:860px) {
    .layout--sidebar>.layout__col:nth-child(odd) {
        --layout-column-width: calc(4 / 12 * 100% - 0.5rem)
    }
}

@media (min-width:1440px) {
    .layout--sidebar>.layout__col:nth-child(odd) {
        --layout-column-width: calc(6 / 24 * 100% - 0.5rem)
    }
}

@media (min-width:860px) {
    .layout--sidebar>.layout__col:nth-child(even) {
        --layout-column-width: calc(8 / 12 * 100% - 0.5rem)
    }
}

@media (min-width:1440px) {
    .layout--sidebar>.layout__col:nth-child(even) {
        --layout-column-width: calc(18 / 24 * 100% - 0.5rem)
    }
}

.layout--overflow {
    flex-wrap: nowrap
}

@media (max-width:539.98px) {
    .layout--overflow {
        width: 83.33333%
    }
}

.layout--overflow-boxed {
    flex-wrap: nowrap
}

@media (min-width:1440px) {
    .layout--overflow-boxed {
        width: calc(22 / 24 * 100%);
        -webkit-padding-start: calc(2 / 24 * 100%);
        padding-inline-start: calc(2 / 24 * 100%)
    }
}

@media (min-width:860px) {
    html[dir=rtl] .layout--rtl-fixed {
        justify-content: end
    }
}

@media (min-width:860px) {

    .layout--3-col-offset-stack>.layout__col:nth-child(1),
    .layout--3-col-offset-stack>.layout__col:nth-child(6) {
        --layout-column-width: calc(66.66% - 1rem)
    }
}

@media (min-width:1440px) {

    .layout--3-col-offset-stack>.layout__col:nth-child(1),
    .layout--3-col-offset-stack>.layout__col:nth-child(6) {
        --layout-column-width: calc(50% - 1rem)
    }
}

@media (min-width:860px) {

    .layout--3-col-offset-stack>.layout__col:nth-child(2),
    .layout--3-col-offset-stack>.layout__col:nth-child(5) {
        --layout-column-width: calc(33.33% - 1rem)
    }
}

@media (min-width:860px) {

    .layout--3-col-offset-stack>.layout__col:nth-child(3),
    .layout--3-col-offset-stack>.layout__col:nth-child(4) {
        --layout-column-width: calc(50% - 1rem)
    }
}

@media (min-width:1440px) {

    .layout--3-col-offset-stack>.layout__col:nth-child(2),
    .layout--3-col-offset-stack>.layout__col:nth-child(3),
    .layout--3-col-offset-stack>.layout__col:nth-child(4),
    .layout--3-col-offset-stack>.layout__col:nth-child(5) {
        --layout-column-width: calc(25% - 1rem)
    }
}

.img-object-pos-0-50 {
    -o-object-position: 0 50%;
    object-position: 0 50%
}

.overflow-unset {
    overflow: unset !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-y-unset {
    overflow-y: unset !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.right-center {
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.right-center-n90deg {
    right: 0;
    top: 50%;
    transform-origin: top right;
    transform: rotate(-90deg) translate(50%, -100%)
}

.bottom-center {
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    width: -moz-max-content;
    width: max-content
}

.absolute-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.z-index-n1 {
    z-index: -1
}

.z-index-0 {
    z-index: 0
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2 !important
}

@media (min-width:540px) {
    .sm-right-center {
        right: 0;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    .sm-right-center-n90deg {
        right: 0;
        top: 50%;
        bottom: auto;
        transform-origin: top right;
        transform: rotate(-90deg) translate(50%, -100%)
    }
}

.bottom-auto {
    bottom: auto !important
}

.bottom-var {
    bottom: var(--bottom-val) !important
}

html:not([dir=rtl]) .left-auto {
    left: auto !important
}

html[dir=rtl] .left-auto {
    right: auto !important
}

html:not([dir=rtl]) .left-var {
    left: var(--left-val) !important
}

html[dir=rtl] .left-var {
    right: var(--left-val) !important
}

html:not([dir=rtl]) .right-auto {
    right: auto !important
}

html[dir=rtl] .right-auto {
    left: auto !important
}

html:not([dir=rtl]) .right-var {
    right: var(--right-val) !important
}

html[dir=rtl] .right-var {
    left: var(--right-val) !important
}

.top-auto {
    top: auto !important
}

.top-var {
    top: var(--top-val) !important
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.rounded-scrollbar {
    --scrollbar-track-bg-color: transparent;
    --scrollbar-border-radius: 13px;
    scrollbar-width: thin;
    scrollbar-color: #757575 #d2d2d2
}

.rounded-scrollbar::-webkit-scrollbar {
    width: 26px;
    background-color: var(--scrollbar-track-bg-color)
}

html:not([dir=rtl]) .rounded-scrollbar::-webkit-scrollbar {
    border-radius: 0 var(--scrollbar-border-radius) var(--scrollbar-border-radius) 0
}

html[dir=rtl] .rounded-scrollbar::-webkit-scrollbar {
    border-radius: var(--scrollbar-border-radius) 0 0 var(--scrollbar-border-radius)
}

.rounded-scrollbar::-webkit-scrollbar-thumb,
.rounded-scrollbar::-webkit-scrollbar-track {
    border: 10px solid var(--scrollbar-track-bg-color, transparent);
    background-clip: padding-box;
    border-radius: var(--scrollbar-border-radius)
}

.rounded-scrollbar::-webkit-scrollbar-thumb {
    background-color: #757575;
    border-color: transparent
}

.rounded-scrollbar::-webkit-scrollbar-track {
    background-color: #d2d2d2
}

.rounded-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #404040
}

.w-col-1 {
    width: 16.66667% !important
}

.w-col-2 {
    width: 33.33333% !important
}

.w-col-3 {
    width: 50% !important
}

.w-col-4 {
    width: 66.66667% !important
}

.w-col-5 {
    width: 83.33333% !important
}

.w-col-6 {
    width: 100% !important
}

@media (min-width:540px) {
    .w-sm-col-1 {
        width: 16.66667% !important
    }

    .w-sm-col-2 {
        width: 33.33333% !important
    }

    .w-sm-col-3 {
        width: 50% !important
    }

    .w-sm-col-4 {
        width: 66.66667% !important
    }

    .w-sm-col-5 {
        width: 83.33333% !important
    }

    .w-sm-col-6 {
        width: 100% !important
    }
}

@media (min-width:860px) {
    .w-md-col-1 {
        width: 8.33333% !important
    }

    .w-md-col-2 {
        width: 16.66667% !important
    }

    .w-md-col-3 {
        width: 25% !important
    }

    .w-md-col-4 {
        width: 33.33333% !important
    }

    .w-md-col-5 {
        width: 41.66667% !important
    }

    .w-md-col-6 {
        width: 50% !important
    }

    .w-md-col-7 {
        width: 58.33333% !important
    }

    .w-md-col-8 {
        width: 66.66667% !important
    }

    .w-md-col-9 {
        width: 75% !important
    }

    .w-md-col-10 {
        width: 83.33333% !important
    }

    .w-md-col-11 {
        width: 91.66667% !important
    }

    .w-md-col-12 {
        width: 100% !important
    }
}

@media (min-width:1440px) {
    .w-lg-col-1 {
        width: 4.16667% !important
    }

    .w-lg-col-2 {
        width: 8.33333% !important
    }

    .w-lg-col-3 {
        width: 12.5% !important
    }

    .w-lg-col-4 {
        width: 16.66667% !important
    }

    .w-lg-col-5 {
        width: 20.83333% !important
    }

    .w-lg-col-6 {
        width: 25% !important
    }

    .w-lg-col-7 {
        width: 29.16667% !important
    }

    .w-lg-col-8 {
        width: 33.33333% !important
    }

    .w-lg-col-9 {
        width: 37.5% !important
    }

    .w-lg-col-10 {
        width: 41.66667% !important
    }

    .w-lg-col-11 {
        width: 45.83333% !important
    }

    .w-lg-col-12 {
        width: 50% !important
    }

    .w-lg-col-13 {
        width: 54.16667% !important
    }

    .w-lg-col-14 {
        width: 58.33333% !important
    }

    .w-lg-col-15 {
        width: 62.5% !important
    }

    .w-lg-col-16 {
        width: 66.66667% !important
    }

    .w-lg-col-17 {
        width: 70.83333% !important
    }

    .w-lg-col-18 {
        width: 75% !important
    }

    .w-lg-col-19 {
        width: 79.16667% !important
    }

    .w-lg-col-20 {
        width: 83.33333% !important
    }

    .w-lg-col-21 {
        width: 87.5% !important
    }

    .w-lg-col-22 {
        width: 91.66667% !important
    }

    .w-lg-col-23 {
        width: 95.83333% !important
    }

    .w-lg-col-24 {
        width: 100% !important
    }
}

.mw-fit-content {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
}

.min-h-100 {
    min-height: 100% !important
}

.h-var {
    height: var(--h-val, 100%)
}

.mh-var {
    max-height: var(--mh-val, 100%)
}

.mh-vh-90 {
    max-height: 90vh !important
}

.mh-vh-100 {
    max-height: 100vh !important
}

.mh-val-1-var {
    max-height: var(--mh-val-1, 600px)
}

.mh-val-2-var {
    max-height: var(--mh-val-2, 600px)
}

.minh-var {
    min-height: var(--minh-val, 100%)
}

@use "sass:math";

.m-3xs {
    margin: var(--root-spacing-3xs)
}

.mt-3xs,
.my-3xs {
    margin-top: var(--root-spacing-3xs)
}

html:not([dir=rtl]) .mr-3xs,
html:not([dir=rtl]) .mx-3xs {
    margin-right: var(--root-spacing-3xs)
}

html[dir=rtl] .mr-3xs,
html[dir=rtl] .mx-3xs {
    margin-left: var(--root-spacing-3xs)
}

.mb-3xs,
.my-3xs {
    margin-bottom: var(--root-spacing-3xs)
}

html:not([dir=rtl]) .ml-3xs,
html:not([dir=rtl]) .mx-3xs {
    margin-left: var(--root-spacing-3xs)
}

html[dir=rtl] .ml-3xs,
html[dir=rtl] .mx-3xs {
    margin-right: var(--root-spacing-3xs)
}

.m-n3xs {
    margin: calc(var(--root-spacing-3xs) * -1)
}

.mt-n3xs,
.my-n3xs {
    margin-top: calc(var(--root-spacing-3xs) * -1)
}

html:not([dir=rtl]) .mr-n3xs,
html:not([dir=rtl]) .mx-n3xs {
    margin-right: calc(var(--root-spacing-3xs) * -1)
}

html[dir=rtl] .mr-n3xs,
html[dir=rtl] .mx-n3xs {
    margin-left: calc(var(--root-spacing-3xs) * -1)
}

.mb-n3xs,
.my-n3xs {
    margin-bottom: calc(var(--root-spacing-3xs) * -1)
}

html:not([dir=rtl]) .ml-n3xs,
html:not([dir=rtl]) .mx-n3xs {
    margin-left: calc(var(--root-spacing-3xs) * -1)
}

html[dir=rtl] .ml-n3xs,
html[dir=rtl] .mx-n3xs {
    margin-right: calc(var(--root-spacing-3xs) * -1)
}

.m-2xs {
    margin: var(--root-spacing-2xs)
}

.mt-2xs,
.my-2xs {
    margin-top: var(--root-spacing-2xs)
}

html:not([dir=rtl]) .mr-2xs,
html:not([dir=rtl]) .mx-2xs {
    margin-right: var(--root-spacing-2xs)
}

html[dir=rtl] .mr-2xs,
html[dir=rtl] .mx-2xs {
    margin-left: var(--root-spacing-2xs)
}

.mb-2xs,
.my-2xs {
    margin-bottom: var(--root-spacing-2xs)
}

html:not([dir=rtl]) .ml-2xs,
html:not([dir=rtl]) .mx-2xs {
    margin-left: var(--root-spacing-2xs)
}

html[dir=rtl] .ml-2xs,
html[dir=rtl] .mx-2xs {
    margin-right: var(--root-spacing-2xs)
}

.m-n2xs {
    margin: calc(var(--root-spacing-2xs) * -1)
}

.mt-n2xs,
.my-n2xs {
    margin-top: calc(var(--root-spacing-2xs) * -1)
}

html:not([dir=rtl]) .mr-n2xs,
html:not([dir=rtl]) .mx-n2xs {
    margin-right: calc(var(--root-spacing-2xs) * -1)
}

html[dir=rtl] .mr-n2xs,
html[dir=rtl] .mx-n2xs {
    margin-left: calc(var(--root-spacing-2xs) * -1)
}

.mb-n2xs,
.my-n2xs {
    margin-bottom: calc(var(--root-spacing-2xs) * -1)
}

html:not([dir=rtl]) .ml-n2xs,
html:not([dir=rtl]) .mx-n2xs {
    margin-left: calc(var(--root-spacing-2xs) * -1)
}

html[dir=rtl] .ml-n2xs,
html[dir=rtl] .mx-n2xs {
    margin-right: calc(var(--root-spacing-2xs) * -1)
}

.m-xs {
    margin: var(--root-spacing-xs)
}

.mt-xs,
.my-xs {
    margin-top: var(--root-spacing-xs)
}

html:not([dir=rtl]) .mr-xs,
html:not([dir=rtl]) .mx-xs {
    margin-right: var(--root-spacing-xs)
}

html[dir=rtl] .mr-xs,
html[dir=rtl] .mx-xs {
    margin-left: var(--root-spacing-xs)
}

.mb-xs,
.my-xs {
    margin-bottom: var(--root-spacing-xs)
}

html:not([dir=rtl]) .ml-xs,
html:not([dir=rtl]) .mx-xs {
    margin-left: var(--root-spacing-xs)
}

html[dir=rtl] .ml-xs,
html[dir=rtl] .mx-xs {
    margin-right: var(--root-spacing-xs)
}

.m-nxs {
    margin: calc(var(--root-spacing-xs) * -1)
}

.mt-nxs,
.my-nxs {
    margin-top: calc(var(--root-spacing-xs) * -1)
}

html:not([dir=rtl]) .mr-nxs,
html:not([dir=rtl]) .mx-nxs {
    margin-right: calc(var(--root-spacing-xs) * -1)
}

html[dir=rtl] .mr-nxs,
html[dir=rtl] .mx-nxs {
    margin-left: calc(var(--root-spacing-xs) * -1)
}

.mb-nxs,
.my-nxs {
    margin-bottom: calc(var(--root-spacing-xs) * -1)
}

html:not([dir=rtl]) .ml-nxs,
html:not([dir=rtl]) .mx-nxs {
    margin-left: calc(var(--root-spacing-xs) * -1)
}

html[dir=rtl] .ml-nxs,
html[dir=rtl] .mx-nxs {
    margin-right: calc(var(--root-spacing-xs) * -1)
}

.m-s {
    margin: var(--root-spacing-s)
}

.mt-s,
.my-s {
    margin-top: var(--root-spacing-s)
}

html:not([dir=rtl]) .mr-s,
html:not([dir=rtl]) .mx-s {
    margin-right: var(--root-spacing-s)
}

html[dir=rtl] .mr-s,
html[dir=rtl] .mx-s {
    margin-left: var(--root-spacing-s)
}

.mb-s,
.my-s {
    margin-bottom: var(--root-spacing-s)
}

html:not([dir=rtl]) .ml-s,
html:not([dir=rtl]) .mx-s {
    margin-left: var(--root-spacing-s)
}

html[dir=rtl] .ml-s,
html[dir=rtl] .mx-s {
    margin-right: var(--root-spacing-s)
}

.m-ns {
    margin: calc(var(--root-spacing-s) * -1)
}

.mt-ns,
.my-ns {
    margin-top: calc(var(--root-spacing-s) * -1)
}

html:not([dir=rtl]) .mr-ns,
html:not([dir=rtl]) .mx-ns {
    margin-right: calc(var(--root-spacing-s) * -1)
}

html[dir=rtl] .mr-ns,
html[dir=rtl] .mx-ns {
    margin-left: calc(var(--root-spacing-s) * -1)
}

.mb-ns,
.my-ns {
    margin-bottom: calc(var(--root-spacing-s) * -1)
}

html:not([dir=rtl]) .ml-ns,
html:not([dir=rtl]) .mx-ns {
    margin-left: calc(var(--root-spacing-s) * -1)
}

html[dir=rtl] .ml-ns,
html[dir=rtl] .mx-ns {
    margin-right: calc(var(--root-spacing-s) * -1)
}

.m-m {
    margin: var(--root-spacing-m)
}

.mt-m,
.my-m {
    margin-top: var(--root-spacing-m)
}

html:not([dir=rtl]) .mr-m,
html:not([dir=rtl]) .mx-m {
    margin-right: var(--root-spacing-m)
}

html[dir=rtl] .mr-m,
html[dir=rtl] .mx-m {
    margin-left: var(--root-spacing-m)
}

.mb-m,
.my-m {
    margin-bottom: var(--root-spacing-m)
}

html:not([dir=rtl]) .ml-m,
html:not([dir=rtl]) .mx-m {
    margin-left: var(--root-spacing-m)
}

html[dir=rtl] .ml-m,
html[dir=rtl] .mx-m {
    margin-right: var(--root-spacing-m)
}

.m-nm {
    margin: calc(var(--root-spacing-m) * -1)
}

.mt-nm,
.my-nm {
    margin-top: calc(var(--root-spacing-m) * -1)
}

html:not([dir=rtl]) .mr-nm,
html:not([dir=rtl]) .mx-nm {
    margin-right: calc(var(--root-spacing-m) * -1)
}

html[dir=rtl] .mr-nm,
html[dir=rtl] .mx-nm {
    margin-left: calc(var(--root-spacing-m) * -1)
}

.mb-nm,
.my-nm {
    margin-bottom: calc(var(--root-spacing-m) * -1)
}

html:not([dir=rtl]) .ml-nm,
html:not([dir=rtl]) .mx-nm {
    margin-left: calc(var(--root-spacing-m) * -1)
}

html[dir=rtl] .ml-nm,
html[dir=rtl] .mx-nm {
    margin-right: calc(var(--root-spacing-m) * -1)
}

.m-l {
    margin: var(--root-spacing-l)
}

.mt-l,
.my-l {
    margin-top: var(--root-spacing-l)
}

html:not([dir=rtl]) .mr-l,
html:not([dir=rtl]) .mx-l {
    margin-right: var(--root-spacing-l)
}

html[dir=rtl] .mr-l,
html[dir=rtl] .mx-l {
    margin-left: var(--root-spacing-l)
}

.mb-l,
.my-l {
    margin-bottom: var(--root-spacing-l)
}

html:not([dir=rtl]) .ml-l,
html:not([dir=rtl]) .mx-l {
    margin-left: var(--root-spacing-l)
}

html[dir=rtl] .ml-l,
html[dir=rtl] .mx-l {
    margin-right: var(--root-spacing-l)
}

.m-nl {
    margin: calc(var(--root-spacing-l) * -1)
}

.mt-nl,
.my-nl {
    margin-top: calc(var(--root-spacing-l) * -1)
}

html:not([dir=rtl]) .mr-nl,
html:not([dir=rtl]) .mx-nl {
    margin-right: calc(var(--root-spacing-l) * -1)
}

html[dir=rtl] .mr-nl,
html[dir=rtl] .mx-nl {
    margin-left: calc(var(--root-spacing-l) * -1)
}

.mb-nl,
.my-nl {
    margin-bottom: calc(var(--root-spacing-l) * -1)
}

html:not([dir=rtl]) .ml-nl,
html:not([dir=rtl]) .mx-nl {
    margin-left: calc(var(--root-spacing-l) * -1)
}

html[dir=rtl] .ml-nl,
html[dir=rtl] .mx-nl {
    margin-right: calc(var(--root-spacing-l) * -1)
}

.m-xl {
    margin: var(--root-spacing-xl)
}

.mt-xl,
.my-xl {
    margin-top: var(--root-spacing-xl)
}

html:not([dir=rtl]) .mr-xl,
html:not([dir=rtl]) .mx-xl {
    margin-right: var(--root-spacing-xl)
}

html[dir=rtl] .mr-xl,
html[dir=rtl] .mx-xl {
    margin-left: var(--root-spacing-xl)
}

.mb-xl,
.my-xl {
    margin-bottom: var(--root-spacing-xl)
}

html:not([dir=rtl]) .ml-xl,
html:not([dir=rtl]) .mx-xl {
    margin-left: var(--root-spacing-xl)
}

html[dir=rtl] .ml-xl,
html[dir=rtl] .mx-xl {
    margin-right: var(--root-spacing-xl)
}

.m-nxl {
    margin: calc(var(--root-spacing-xl) * -1)
}

.mt-nxl,
.my-nxl {
    margin-top: calc(var(--root-spacing-xl) * -1)
}

html:not([dir=rtl]) .mr-nxl,
html:not([dir=rtl]) .mx-nxl {
    margin-right: calc(var(--root-spacing-xl) * -1)
}

html[dir=rtl] .mr-nxl,
html[dir=rtl] .mx-nxl {
    margin-left: calc(var(--root-spacing-xl) * -1)
}

.mb-nxl,
.my-nxl {
    margin-bottom: calc(var(--root-spacing-xl) * -1)
}

html:not([dir=rtl]) .ml-nxl,
html:not([dir=rtl]) .mx-nxl {
    margin-left: calc(var(--root-spacing-xl) * -1)
}

html[dir=rtl] .ml-nxl,
html[dir=rtl] .mx-nxl {
    margin-right: calc(var(--root-spacing-xl) * -1)
}

.m-2xl {
    margin: var(--root-spacing-2xl)
}

.mt-2xl,
.my-2xl {
    margin-top: var(--root-spacing-2xl)
}

html:not([dir=rtl]) .mr-2xl,
html:not([dir=rtl]) .mx-2xl {
    margin-right: var(--root-spacing-2xl)
}

html[dir=rtl] .mr-2xl,
html[dir=rtl] .mx-2xl {
    margin-left: var(--root-spacing-2xl)
}

.mb-2xl,
.my-2xl {
    margin-bottom: var(--root-spacing-2xl)
}

html:not([dir=rtl]) .ml-2xl,
html:not([dir=rtl]) .mx-2xl {
    margin-left: var(--root-spacing-2xl)
}

html[dir=rtl] .ml-2xl,
html[dir=rtl] .mx-2xl {
    margin-right: var(--root-spacing-2xl)
}

.m-n2xl {
    margin: calc(var(--root-spacing-2xl) * -1)
}

.mt-n2xl,
.my-n2xl {
    margin-top: calc(var(--root-spacing-2xl) * -1)
}

html:not([dir=rtl]) .mr-n2xl,
html:not([dir=rtl]) .mx-n2xl {
    margin-right: calc(var(--root-spacing-2xl) * -1)
}

html[dir=rtl] .mr-n2xl,
html[dir=rtl] .mx-n2xl {
    margin-left: calc(var(--root-spacing-2xl) * -1)
}

.mb-n2xl,
.my-n2xl {
    margin-bottom: calc(var(--root-spacing-2xl) * -1)
}

html:not([dir=rtl]) .ml-n2xl,
html:not([dir=rtl]) .mx-n2xl {
    margin-left: calc(var(--root-spacing-2xl) * -1)
}

html[dir=rtl] .ml-n2xl,
html[dir=rtl] .mx-n2xl {
    margin-right: calc(var(--root-spacing-2xl) * -1)
}

.m-3xl {
    margin: var(--root-spacing-3xl)
}

.mt-3xl,
.my-3xl {
    margin-top: var(--root-spacing-3xl)
}

html:not([dir=rtl]) .mr-3xl,
html:not([dir=rtl]) .mx-3xl {
    margin-right: var(--root-spacing-3xl)
}

html[dir=rtl] .mr-3xl,
html[dir=rtl] .mx-3xl {
    margin-left: var(--root-spacing-3xl)
}

.mb-3xl,
.my-3xl {
    margin-bottom: var(--root-spacing-3xl)
}

html:not([dir=rtl]) .ml-3xl,
html:not([dir=rtl]) .mx-3xl {
    margin-left: var(--root-spacing-3xl)
}

html[dir=rtl] .ml-3xl,
html[dir=rtl] .mx-3xl {
    margin-right: var(--root-spacing-3xl)
}

.m-n3xl {
    margin: calc(var(--root-spacing-3xl) * -1)
}

.mt-n3xl,
.my-n3xl {
    margin-top: calc(var(--root-spacing-3xl) * -1)
}

html:not([dir=rtl]) .mr-n3xl,
html:not([dir=rtl]) .mx-n3xl {
    margin-right: calc(var(--root-spacing-3xl) * -1)
}

html[dir=rtl] .mr-n3xl,
html[dir=rtl] .mx-n3xl {
    margin-left: calc(var(--root-spacing-3xl) * -1)
}

.mb-n3xl,
.my-n3xl {
    margin-bottom: calc(var(--root-spacing-3xl) * -1)
}

html:not([dir=rtl]) .ml-n3xl,
html:not([dir=rtl]) .mx-n3xl {
    margin-left: calc(var(--root-spacing-3xl) * -1)
}

html[dir=rtl] .ml-n3xl,
html[dir=rtl] .mx-n3xl {
    margin-right: calc(var(--root-spacing-3xl) * -1)
}

.m-4xl {
    margin: var(--root-spacing-4xl)
}

.mt-4xl,
.my-4xl {
    margin-top: var(--root-spacing-4xl)
}

html:not([dir=rtl]) .mr-4xl,
html:not([dir=rtl]) .mx-4xl {
    margin-right: var(--root-spacing-4xl)
}

html[dir=rtl] .mr-4xl,
html[dir=rtl] .mx-4xl {
    margin-left: var(--root-spacing-4xl)
}

.mb-4xl,
.my-4xl {
    margin-bottom: var(--root-spacing-4xl)
}

html:not([dir=rtl]) .ml-4xl,
html:not([dir=rtl]) .mx-4xl {
    margin-left: var(--root-spacing-4xl)
}

html[dir=rtl] .ml-4xl,
html[dir=rtl] .mx-4xl {
    margin-right: var(--root-spacing-4xl)
}

.m-n4xl {
    margin: calc(var(--root-spacing-4xl) * -1)
}

.mt-n4xl,
.my-n4xl {
    margin-top: calc(var(--root-spacing-4xl) * -1)
}

html:not([dir=rtl]) .mr-n4xl,
html:not([dir=rtl]) .mx-n4xl {
    margin-right: calc(var(--root-spacing-4xl) * -1)
}

html[dir=rtl] .mr-n4xl,
html[dir=rtl] .mx-n4xl {
    margin-left: calc(var(--root-spacing-4xl) * -1)
}

.mb-n4xl,
.my-n4xl {
    margin-bottom: calc(var(--root-spacing-4xl) * -1)
}

html:not([dir=rtl]) .ml-n4xl,
html:not([dir=rtl]) .mx-n4xl {
    margin-left: calc(var(--root-spacing-4xl) * -1)
}

html[dir=rtl] .ml-n4xl,
html[dir=rtl] .mx-n4xl {
    margin-right: calc(var(--root-spacing-4xl) * -1)
}

.p-3xs {
    padding: var(--root-spacing-3xs)
}

.pt-3xs,
.py-3xs {
    padding-top: var(--root-spacing-3xs)
}

html:not([dir=rtl]) .pr-3xs,
html:not([dir=rtl]) .px-3xs {
    padding-right: var(--root-spacing-3xs)
}

html[dir=rtl] .pr-3xs,
html[dir=rtl] .px-3xs {
    padding-left: var(--root-spacing-3xs)
}

.pb-3xs,
.py-3xs {
    padding-bottom: var(--root-spacing-3xs)
}

html:not([dir=rtl]) .pl-3xs,
html:not([dir=rtl]) .px-3xs {
    padding-left: var(--root-spacing-3xs)
}

html[dir=rtl] .pl-3xs,
html[dir=rtl] .px-3xs {
    padding-right: var(--root-spacing-3xs)
}

.p-2xs {
    padding: var(--root-spacing-2xs)
}

.pt-2xs,
.py-2xs {
    padding-top: var(--root-spacing-2xs)
}

html:not([dir=rtl]) .pr-2xs,
html:not([dir=rtl]) .px-2xs {
    padding-right: var(--root-spacing-2xs)
}

html[dir=rtl] .pr-2xs,
html[dir=rtl] .px-2xs {
    padding-left: var(--root-spacing-2xs)
}

.pb-2xs,
.py-2xs {
    padding-bottom: var(--root-spacing-2xs)
}

html:not([dir=rtl]) .pl-2xs,
html:not([dir=rtl]) .px-2xs {
    padding-left: var(--root-spacing-2xs)
}

html[dir=rtl] .pl-2xs,
html[dir=rtl] .px-2xs {
    padding-right: var(--root-spacing-2xs)
}

.p-xs {
    padding: var(--root-spacing-xs)
}

.pt-xs,
.py-xs {
    padding-top: var(--root-spacing-xs)
}

html:not([dir=rtl]) .pr-xs,
html:not([dir=rtl]) .px-xs {
    padding-right: var(--root-spacing-xs)
}

html[dir=rtl] .pr-xs,
html[dir=rtl] .px-xs {
    padding-left: var(--root-spacing-xs)
}

.pb-xs,
.py-xs {
    padding-bottom: var(--root-spacing-xs)
}

html:not([dir=rtl]) .pl-xs,
html:not([dir=rtl]) .px-xs {
    padding-left: var(--root-spacing-xs)
}

html[dir=rtl] .pl-xs,
html[dir=rtl] .px-xs {
    padding-right: var(--root-spacing-xs)
}

.p-s {
    padding: var(--root-spacing-s)
}

.pt-s,
.py-s {
    padding-top: var(--root-spacing-s)
}

html:not([dir=rtl]) .pr-s,
html:not([dir=rtl]) .px-s {
    padding-right: var(--root-spacing-s)
}

html[dir=rtl] .pr-s,
html[dir=rtl] .px-s {
    padding-left: var(--root-spacing-s)
}

.pb-s,
.py-s {
    padding-bottom: var(--root-spacing-s)
}

html:not([dir=rtl]) .pl-s,
html:not([dir=rtl]) .px-s {
    padding-left: var(--root-spacing-s)
}

html[dir=rtl] .pl-s,
html[dir=rtl] .px-s {
    padding-right: var(--root-spacing-s)
}

.p-m {
    padding: var(--root-spacing-m)
}

.pt-m,
.py-m {
    padding-top: var(--root-spacing-m)
}

html:not([dir=rtl]) .pr-m,
html:not([dir=rtl]) .px-m {
    padding-right: var(--root-spacing-m)
}

html[dir=rtl] .pr-m,
html[dir=rtl] .px-m {
    padding-left: var(--root-spacing-m)
}

.pb-m,
.py-m {
    padding-bottom: var(--root-spacing-m)
}

html:not([dir=rtl]) .pl-m,
html:not([dir=rtl]) .px-m {
    padding-left: var(--root-spacing-m)
}

html[dir=rtl] .pl-m,
html[dir=rtl] .px-m {
    padding-right: var(--root-spacing-m)
}

.p-l {
    padding: var(--root-spacing-l)
}

.pt-l,
.py-l {
    padding-top: var(--root-spacing-l)
}

html:not([dir=rtl]) .pr-l,
html:not([dir=rtl]) .px-l {
    padding-right: var(--root-spacing-l)
}

html[dir=rtl] .pr-l,
html[dir=rtl] .px-l {
    padding-left: var(--root-spacing-l)
}

.pb-l,
.py-l {
    padding-bottom: var(--root-spacing-l)
}

html:not([dir=rtl]) .pl-l,
html:not([dir=rtl]) .px-l {
    padding-left: var(--root-spacing-l)
}

html[dir=rtl] .pl-l,
html[dir=rtl] .px-l {
    padding-right: var(--root-spacing-l)
}

.p-xl {
    padding: var(--root-spacing-xl)
}

.pt-xl,
.py-xl {
    padding-top: var(--root-spacing-xl)
}

html:not([dir=rtl]) .pr-xl,
html:not([dir=rtl]) .px-xl {
    padding-right: var(--root-spacing-xl)
}

html[dir=rtl] .pr-xl,
html[dir=rtl] .px-xl {
    padding-left: var(--root-spacing-xl)
}

.pb-xl,
.py-xl {
    padding-bottom: var(--root-spacing-xl)
}

html:not([dir=rtl]) .pl-xl,
html:not([dir=rtl]) .px-xl {
    padding-left: var(--root-spacing-xl)
}

html[dir=rtl] .pl-xl,
html[dir=rtl] .px-xl {
    padding-right: var(--root-spacing-xl)
}

.p-2xl {
    padding: var(--root-spacing-2xl)
}

.pt-2xl,
.py-2xl {
    padding-top: var(--root-spacing-2xl)
}

html:not([dir=rtl]) .pr-2xl,
html:not([dir=rtl]) .px-2xl {
    padding-right: var(--root-spacing-2xl)
}

html[dir=rtl] .pr-2xl,
html[dir=rtl] .px-2xl {
    padding-left: var(--root-spacing-2xl)
}

.pb-2xl,
.py-2xl {
    padding-bottom: var(--root-spacing-2xl)
}

html:not([dir=rtl]) .pl-2xl,
html:not([dir=rtl]) .px-2xl {
    padding-left: var(--root-spacing-2xl)
}

html[dir=rtl] .pl-2xl,
html[dir=rtl] .px-2xl {
    padding-right: var(--root-spacing-2xl)
}

.p-3xl {
    padding: var(--root-spacing-3xl)
}

.pt-3xl,
.py-3xl {
    padding-top: var(--root-spacing-3xl)
}

html:not([dir=rtl]) .pr-3xl,
html:not([dir=rtl]) .px-3xl {
    padding-right: var(--root-spacing-3xl)
}

html[dir=rtl] .pr-3xl,
html[dir=rtl] .px-3xl {
    padding-left: var(--root-spacing-3xl)
}

.pb-3xl,
.py-3xl {
    padding-bottom: var(--root-spacing-3xl)
}

html:not([dir=rtl]) .pl-3xl,
html:not([dir=rtl]) .px-3xl {
    padding-left: var(--root-spacing-3xl)
}

html[dir=rtl] .pl-3xl,
html[dir=rtl] .px-3xl {
    padding-right: var(--root-spacing-3xl)
}

.p-4xl {
    padding: var(--root-spacing-4xl)
}

.pt-4xl,
.py-4xl {
    padding-top: var(--root-spacing-4xl)
}

html:not([dir=rtl]) .pr-4xl,
html:not([dir=rtl]) .px-4xl {
    padding-right: var(--root-spacing-4xl)
}

html[dir=rtl] .pr-4xl,
html[dir=rtl] .px-4xl {
    padding-left: var(--root-spacing-4xl)
}

.pb-4xl,
.py-4xl {
    padding-bottom: var(--root-spacing-4xl)
}

html:not([dir=rtl]) .pl-4xl,
html:not([dir=rtl]) .px-4xl {
    padding-left: var(--root-spacing-4xl)
}

html[dir=rtl] .pl-4xl,
html[dir=rtl] .px-4xl {
    padding-right: var(--root-spacing-4xl)
}

.rotate-n90deg {
    transform: rotate(-90deg) translate(0, -100%)
}

.origin-right {
    transform-origin: right top
}

.bg-transition-ease-in-out {
    transition-duration: 180ms;
    transition-property: background-color, color;
    transition-timing-function: ease-in-out
}

.text-line-clamp-1 {
    line-clamp: 1;
    -webkit-line-clamp: 1
}

.text-line-clamp-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2
}

.text-line-clamp-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3
}

[class*=text-line-clamp] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.text-decoration-hover,
.text-decoration-hover a {
    text-decoration: none
}

.text-decoration-hover a:focus,
.text-decoration-hover a:hover,
.text-decoration-hover:focus,
.text-decoration-hover:hover {
    text-decoration: underline
}

.text-gradient,
.text-gradient sub,
.text-gradient sup {
    --text-gradient-bg-color: var(--root-color-neutral-white);
    --text-gradient-bg-image: linear-gradient(91deg, #1692d4 20.99%, #9574f1 84.33%);
    background-color: var(--text-gradient-bg-color);
    background-image: var(--text-gradient-bg-image);
    -webkit-background-clip: text;
    background-clip: text;
    box-decoration-break: clone;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone
}

.depth-2 {
    box-shadow: var(--root-depth-2) !important
}

.depth-4 {
    box-shadow: var(--root-depth-4) !important
}

.depth-8 {
    box-shadow: var(--root-depth-8) !important
}

.depth-16 {
    box-shadow: var(--root-depth-16) !important
}

.depth-28 {
    box-shadow: var(--root-depth-28) !important
}

.depth-64 {
    box-shadow: var(--root-depth-64) !important
}

.depth-2-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--root-depth-2) !important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-2-hover::before {
        transition: none
    }
}

.depth-2-hover:focus::before,
.depth-2-hover:hover::before {
    opacity: 1
}

.depth-4-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--root-depth-4) !important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-4-hover::before {
        transition: none
    }
}

.depth-4-hover:focus::before,
.depth-4-hover:hover::before {
    opacity: 1
}

.depth-8-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--root-depth-8) !important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-8-hover::before {
        transition: none
    }
}

.depth-8-hover:focus::before,
.depth-8-hover:hover::before {
    opacity: 1
}

.depth-16-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--root-depth-16) !important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-16-hover::before {
        transition: none
    }
}

.depth-16-hover:focus::before,
.depth-16-hover:hover::before {
    opacity: 1
}

.depth-28-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--root-depth-28) !important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-28-hover::before {
        transition: none
    }
}

.depth-28-hover:focus::before,
.depth-28-hover:hover::before {
    opacity: 1
}

.depth-64-hover::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--root-depth-64) !important;
    opacity: 0;
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .depth-64-hover::before {
        transition: none
    }
}

.depth-64-hover:focus::before,
.depth-64-hover:hover::before {
    opacity: 1
}

.cursor-pointer {
    cursor: pointer !important
}

.filter-brightness-var {
    filter: brightness(var(--filter-brightness-val, .7)) !important
}

.filter-blur {
    filter: blur(var(--root-filter-blur, 12.5rem)) !important
}

.filter-blur--s {
    filter: var(--root-filter-blur-s-filter) !important
}

.filter-blur--m {
    filter: var(--root-filter-blur-m-filter) !important
}

.filter-blur--l {
    filter: var(--root-filter-blur-l-filter) !important
}

.filter-blur--glass {
    background: var(--root-filter-blur-glass-background) !important;
    -webkit-backdrop-filter: var(--root-filter-blur-glass-backdrop-filter) !important;
    backdrop-filter: var(--root-filter-blur-glass-backdrop-filter) !important
}

html[dir=rtl] .glyph-rtl-left.glyph-prepend-chevron-right::before {
    display: inline-block;
    transform: rotate(180deg)
}

html[dir=rtl] .glyph-rtl-left.glyph-append-chevron-right::after {
    display: inline-block;
    transform: rotate(180deg)
}

html[dir=rtl] .glyph-rtl-right.glyph-prepend-chevron-left::before {
    display: inline-block;
    transform: rotate(180deg)
}

html[dir=rtl] .glyph-rtl-right.glyph-append-chevron-left::after {
    display: inline-block;
    transform: rotate(180deg)
}

.indicator {
    --indicator-color: var(--theme-foreground-base-highlight);
    --indicator-size-small: 0.25rem;
    --indicator-size-large: 0.5rem;
    --indicator-pill-radius: 0.25rem;
    background-color: var(--indicator-color);
    --indicator-size: var(--indicator-size-small);
    --indicator-length: auto
}

@media (forced-colors:active) {
    .indicator {
        --indicator-color: activetext
    }
}

.indicator {
    width: var(--indicator-size);
    height: var(--indicator-length)
}

.indicator--horizontal {
    --indicator-length: 100%;
    height: var(--indicator-size);
    width: var(--indicator-length)
}

.indicator--size-lg {
    --indicator-size: var(--indicator-size-large)
}

.indicator--shape-pill {
    border-radius: var(--indicator-pill-radius)
}

.card-horizontal--case-study-media .card-horizontal__content,
.card-plan-detail .card-plan-detail__highlight,
.checklist--special .checklist-item,
.jumplinks-item__link,
.media--highlight,
.media--highlight-glass,
.media--highlight-solid,
.ocr-slider--type-product-selector,
.popover__content--compound .popover__compound,
.surface--glass,
.surface--glass-selected,
.surface--solid,
.surface--solid-border,
.surface--special,
.surface--transparent,
.tabs--type-link [data-mount=ocr-slider] .slider__overflow,
.tabs--type-product-selector [data-mount=ocr-slider] .slider__overflow {
    --surface-bg: var(--theme-background-card-normal, #fefefe);
    --surface-border-width: 0;
    --surface-border-style: none;
    --surface-border-color: var(--theme-border-card-fade, #e0e0e0);
    --surface-border-radius: 0;
    background: var(--surface-bg);
    border: var(--surface-border-width) var(--surface-border-style) var(--surface-border-color);
    border-radius: var(--surface-border-radius, 0)
}

.card-horizontal--case-study-media .card-horizontal__content,
.media--highlight-glass,
.surface--glass,
.surface--glass-selected {
    --surface-bg: var(--theme-background-glass-normal);
    --surface-border-width: var(--root-border-xs);
    --surface-border-style: solid;
    --surface-border-color: var(--theme-border-glass-fade);
    --surface-backdrop-filter: blur(80px);
    -webkit-backdrop-filter: var(--surface-backdrop-filter);
    backdrop-filter: var(--surface-backdrop-filter)
}

.ocr-columns {
    --ocr-columns-count: 1;
    -moz-column-count: var(--ocr-columns-count, 1);
    column-count: var(--ocr-columns-count, 1)
}

@media (min-width:860px) {
    .ocr-columns--count-2 {
        --ocr-columns-count: 2
    }

    .ocr-columns--count-3 {
        --ocr-columns-count: 3
    }

    .ocr-columns--count-4 {
        --ocr-columns-count: 4
    }

    .ocr-columns--count-5 {
        --ocr-columns-count: 5
    }

    .ocr-columns--count-6 {
        --ocr-columns-count: 6
    }
}

.pill-bar {
    --tab-group-x-align: start;
    --arrow-background-color: var(--bg-val);
    --arrow-background-gradient-start-position: 25%;
    --pill-bar-dropdown-display: none;
    --pill-bar-dropdown-position: relative;
    --pill-bar-dropdown-menu-list-display: flex;
    --pill-bar-dropdown-menu-z-index: 499
}

.pill-bar ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.theme-night .bg--special-fade .pill-bar .arrow-next {
    --arrow-background-gradient-start-position: 0%;
    --arrow-background-color: #003259
}

.theme-night .bg--special-fade .pill-bar .arrow-prev {
    --arrow-background-gradient-start-position: 0%;
    --arrow-background-color: var(--root-color-blue-main-500)
}

.bg--special-fade .pill-bar .arrow-next {
    --arrow-background-color: var(--root-color-sky-blue-100)
}

.bg--special-fade .pill-bar .arrow-prev {
    --arrow-background-color: var(--root-color-lavender-100)
}

.theme-night .bg--special-color .pill-bar .arrow-next {
    --arrow-background-color: #003259
}

.theme-night .bg--special-color .pill-bar .arrow-prev {
    --arrow-background-color: #05273f
}

.bg--special-color .pill-bar .arrow-next {
    --arrow-background-color: #a7bfe6
}

.bg--special-color .pill-bar .arrow-prev {
    --arrow-background-color: #a4d3ec
}

.pill-bar--size-l .pill-bar__item {
    padding: var(--root-spacing-s) var(--root-spacing-l)
}

.pill-bar--size-l .tab-arrows button.arrow-next,
.pill-bar--size-l .tab-arrows button.arrow-prev {
    width: calc((var(--root-spacing-s) * 2) + var(--root-base-line-height))
}

.pill-bar--centered .tab-group {
    --tab-group-x-align: center
}

.pill-bar--centered .tab-window {
    display: flex;
    justify-content: center
}

.pill-bar--centered .slider__window {
    justify-content: center
}

.pill-bar__item {
    padding: var(--root-spacing-xs) var(--root-spacing-l);
    white-space: nowrap;
    border-radius: 12.5rem;
    background-color: var(--theme-background-accent-subtle-normal);
    color: var(--theme-foreground-accent-subtle-normal) !important;
    border: none !important
}

html:not([dir=rtl]) .pill-bar__item {
    margin-right: var(--root-spacing-xs)
}

html[dir=rtl] .pill-bar__item {
    margin-left: var(--root-spacing-xs)
}

@media (forced-colors:active) {
    .pill-bar__item {
        border: 1px solid activetext !important
    }
}

.pill-bar__item__label {
    padding-bottom: var(--root-spacing-3xs);
    pointer-events: none;
    font-weight: 600;
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: -.02em
}

.pill-bar__item:hover {
    background-color: var(--theme-background-accent-subtle-hover);
    color: var(--theme-foreground-accent-subtle-hover) !important
}

.pill-bar__item:active {
    background-color: var(--theme-background-accent-subtle-pressed);
    color: var(--theme-foreground-accent-subtle-pressed) !important
}

@media (forced-colors:active) {
    .pill-bar__item:active {
        border: 1px solid transparent !important;
        outline-style: dashed !important;
        outline-color: transparent !important;
        outline-offset: -.375rem !important
    }
}

.pill-bar__item.active {
    background-color: var(--theme-background-accent-subtle-selected);
    color: var(--theme-foreground-accent-subtle-selected) !important
}

@media (forced-colors:active) {
    .pill-bar__item.active {
        border: 1px solid transparent !important;
        outline-style: dashed !important;
        outline-color: transparent !important;
        outline-offset: -.375rem !important
    }
}

.pill-bar__item.selected {
    background-color: var(--theme-background-accent-subtle-selected);
    color: var(--theme-foreground-accent-subtle-selected) !important
}

.pill-bar .tab-group {
    justify-content: var(--tab-group-x-align, "start")
}

.pill-bar .tab-group .active:not(.tab-image):not(.ocr-input) {
    background-color: var(--theme-background-accent-subtle-selected);
    color: var(--theme-foreground-accent-subtle-selected) !important
}

.pill-bar .tab-arrows {
    color: var(--theme-foreground-accent-subtle-normal)
}

.pill-bar .tab-arrows .arrow-next.pill-bar__arrow-next-bg,
.pill-bar .tab-arrows .arrow-prev.pill-bar__arrow-prev-bg {
    border-radius: 0;
    z-index: 1;
    width: 20vw;
    border: none;
    pointer-events: none
}

.pill-bar .tab-arrows .arrow-next.pill-bar__arrow-next-bg::after,
.pill-bar .tab-arrows .arrow-prev.pill-bar__arrow-prev-bg::after {
    content: none !important
}

.pill-bar .tab-arrows .arrow-next,
.pill-bar .tab-arrows .arrow-prev {
    border: 2px solid var(--theme-foreground-accent-subtle-normal);
    border-radius: var(--root-radii-circle);
    padding: 0;
    width: calc((var(--root-spacing-xs) * 2) + var(--root-base-line-height))
}

.pill-bar .tab-arrows .arrow-next::after,
.pill-bar .tab-arrows .arrow-prev::after {
    font-size: var(--root-h5-font-size);
    font-weight: var(--root-small-font-weight);
    color: var(--theme-foreground-accent-subtle-normal)
}

.pill-bar .tab-arrows .arrow-next:focus,
.pill-bar .tab-arrows .arrow-next:hover,
.pill-bar .tab-arrows .arrow-prev:focus,
.pill-bar .tab-arrows .arrow-prev:hover {
    transform: unset
}

.pill-bar .tab-arrows .arrow-prev {
    left: -.25rem;
    background: linear-gradient(90deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%)
}

.pill-bar .tab-arrows .arrow-prev[style*="display: none"]~.pill-bar__arrow-prev-bg {
    display: none
}

.pill-bar .tab-arrows .arrow-next {
    right: -.25rem;
    background: linear-gradient(270deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%)
}

.pill-bar .tab-arrows .arrow-next[style*="display: none"]~.pill-bar__arrow-next-bg {
    display: none
}

.pill-bar__item--disabled {
    opacity: .2;
    pointer-events: none
}

.pill-bar__item--icon {
    display: inline-flex;
    align-items: center;
    gap: var(--root-spacing-xs);
    height: 100%;
    border: var(--root-border-xs) solid transparent !important
}

.pill-bar__item--icon.selected {
    background-color: var(--theme-background-accent-subtle-normal);
    color: var(--theme-foreground-accent-subtle-normal) !important;
    border: var(--root-border-xs) solid var(--theme-border-accent-subtle-normal) !important;
    padding-top: var(--root-spacing-xs);
    -webkit-padding-end: var(--root-spacing-xs);
    padding-inline-end: var(--root-spacing-xs);
    padding-bottom: var(--root-spacing-xs);
    -webkit-padding-start: var(--root-spacing-l);
    padding-inline-start: var(--root-spacing-l)
}

.pill-bar__item--icon.selected .ocr-icon {
    display: block !important
}

.pill-bar__item--icon .ocr-icon {
    display: none !important;
    pointer-events: none
}

.pill-bar__item--icon .ocr-icon>svg {
    fill: var(--theme-foreground-base-icon)
}

.pill-bar--filter [data-filter-values].hide {
    display: none
}

.pill-bar--filter :not(.pill-bar--secondary-filter) .cmp-tabs .tab-panel-group,
.pill-bar--filter :not(.pill-bar--secondary-filter) .tab-panel-group {
    --tabs-panel-margin-top: var(--sm-density, var(--root-spacing-2xl)) !important
}

.pill-bar--secondary {
    display: flex;
    padding-bottom: var(--root-spacing-2xl);
    gap: var(--root-spacing-xl);
    flex-direction: column;
    align-items: flex-end
}

.pill-bar--secondary .dropdown-bar {
    width: 100%
}

.pill-bar--secondary .dropdown-bar .layout {
    --layout-column-count: 1
}

@media (min-width:540px) {
    .pill-bar--secondary {
        flex-direction: row;
        align-items: center
    }

    .pill-bar--secondary .dropdown-bar {
        width: auto
    }

    .pill-bar--secondary .dropdown-bar .layout {
        --layout-column-count: unset
    }
}

.pill-bar--secondary-filter .cmp-tabs .tab-panel-group,
.pill-bar--secondary-filter .tab-panel-group {
    --tabs-panel-margin-top: 0
}

.pill-bar--secondary-filter .cmp-tabs .tab-panel-group .pill-bar--secondary,
.pill-bar--secondary-filter .tab-panel-group .pill-bar--secondary {
    margin-top: var(--sm-density, var(--root-spacing-2xl));
    padding-top: var(--root-spacing-xl);
    border-top: 1px solid var(--theme-border-neutral-fade)
}

.pill-bar--selector.surface--solid-border {
    border: none;
    background-color: transparent
}

.pill-bar--selector .tab-overflow,
.pill-bar--selector .tab-window,
.pill-bar--selector [data-mount=tab-slider] {
    display: contents
}

.pill-bar--selector .tab-arrows {
    display: none !important
}

.pill-bar--selector .tab-group {
    display: inline-flex;
    padding: var(--root-spacing-xs);
    background-color: var(--theme-background-base-neutral);
    border-radius: 12.5rem
}

.pill-bar--selector .tab-group :last-child {
    margin-inline: 0
}

.pill-bar--selector .pill-bar__item {
    background-color: transparent
}

.pill-bar--dynamically-added-filters ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: var(--root-spacing-xs);
    width: 100%;
    list-style: none;
    max-height: 14.5rem;
    overflow-y: auto
}

.pill-bar--radio-tabs .tab-group {
    flex-wrap: wrap;
    gap: var(--root-spacing-m)
}

.pill-bar--radio-tabs .ocr-input {
    cursor: pointer
}

.pill-bar--radio-tabs .ocr-input .ocr-input__label {
    color: var(--theme-foreground-base-subtle);
    -webkit-margin-start: var(--root-spacing-xs);
    margin-inline-start: var(--root-spacing-xs)
}

.pill-bar--radio-tabs .ocr-input:hover .ocr-input__input {
    --ocr-input-bg-color: var(--theme-background-accent-subtle-hover)
}

.pill-bar--radio-tabs .ocr-input.active .ocr-input__input {
    --ocr-input-bg-image: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="8" height="8" rx="4" fill="white"/></svg>');
    background-image: var(--ocr-input-bg-image);
    --ocr-input-bg-color: var(--theme-background-accent-strong-normal);
    background-position: center center;
    background-repeat: no-repeat
}

.pill-bar--radio-tabs .ocr-input .tag {
    height: -moz-fit-content;
    height: fit-content;
    align-self: center;
    -webkit-margin-start: var(--root-spacing-xs);
    margin-inline-start: var(--root-spacing-xs);
    text-transform: uppercase
}

.pill-bar--radio-tabs li a.ocr-input {
    border: none;
    font-weight: unset;
    transition: unset !important;
    padding: 5px
}

.pill-bar--radio-tabs li a.ocr-input .tag {
    color: var(--tag-label-color)
}

.pill-bar .dropdown [data-mount=m365-dropdown] {
    display: var(--pill-bar-dropdown-display)
}

.pill-bar .menu-list {
    overflow: hidden !important;
    position: var(--pill-bar-dropdown-position);
    display: var(--pill-bar-dropdown-menu-list-display) !important;
    z-index: var(--pill-bar-dropdown-menu-z-index)
}

.pill-bar .ocr-slider .tab-group {
    flex-direction: column
}

@media (max-width:859.98px) {
    .pill-bar {
        --pill-bar-dropdown-display: block;
        --pill-bar-dropdown-position: absolute;
        --pill-bar-item-indicator-opacity: 0
    }

    .pill-bar .menu-list {
        --pill-bar-dropdown-menu-list-display: none
    }

    .pill-bar .menu-list.show {
        --pill-bar-dropdown-menu-list-display: block
    }

    .pill-bar .menu-list .tab-group {
        width: 100%
    }

    .pill-bar .menu-list .pill-bar__item {
        display: flex;
        justify-content: flex-start;
        padding: var(--root-spacing-s) var(--root-spacing-xs);
        border-radius: var(--menu-list-item-border-radius);
        background-color: var(--theme-background-card-normal);
        color: var(--theme-foreground-base-strong) !important;
        margin: 0
    }

    .pill-bar .menu-list .pill-bar__item.active,
    .pill-bar .menu-list .pill-bar__item:focus,
    .pill-bar .menu-list .pill-bar__item:hover {
        --pill-bar-item-indicator-opacity: 1;
        background-color: var(--theme-background-accent-subtle-hover)
    }

    .pill-bar .menu-list .pill-bar__item:active {
        background-color: var(--theme-background-accent-subtle-pressed)
    }

    .pill-bar .menu-list .pill-bar__item__label {
        -webkit-padding-start: var(--root-spacing-xs);
        padding-inline-start: var(--root-spacing-xs);
        padding-bottom: 0;
        font-weight: 600;
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: normal
    }

    .pill-bar .menu-list .indicator {
        opacity: var(--pill-bar-item-indicator-opacity);
        transition: opacity .2s ease;
        height: 80%;
        align-self: center;
        color: var(--theme-foreground-base-highlight)
    }

    .pill-bar .ocr-slider .slider__arrows {
        display: none !important
    }

    .pill-bar .ocr-slider .slider__window {
        width: 100% !important;
        max-height: 308px;
        overflow-y: auto
    }
}

@media (min-width:860px) {

    .pill-bar .dropdown,
    .pill-bar .dropdown:hover,
    .pill-bar .menu-list {
        box-shadow: none;
        background-color: transparent
    }

    .pill-bar .menu-list {
        transform: unset !important;
        --dropdown-menu-list-margin-top: 0;
        padding: 0 !important
    }

    .pill-bar .ocr-slider .tab-group {
        flex-direction: row
    }
}

.pill-bar--mobile-dropdown-links .pill-bar__item {
    display: block
}

.pill-bar__panel__static {
    color: var(--theme-foreground-accent-subtle-normal)
}

[data-filter-values].hide {
    display: none
}

.pill-bar--event-finder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--root-spacing-2xl)
}

.pill-bar--event-finder .pill-bar:not(.active) {
    display: none
}

.pill-bar--event-finder .button-group {
    gap: var(--root-spacing-s)
}

@media (max-width:539.98px) {
    .pill-bar--event-finder__button-group {
        width: 100%
    }

    .pill-bar--event-finder .button-group>:first-child {
        justify-content: center;
        order: 2
    }

    .pill-bar--event-finder .button-group>:nth-child(2) {
        justify-content: center;
        order: 1
    }
}

.link {
    --link-text-color: var(--theme-foreground-accent-subtle-normal);
    --link-text-decoration: none;
    color: var(--link-text-color);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: normal;
    text-decoration-line: var(--link-text-decoration);
    display: inline-flex;
    align-items: center;
    gap: var(--root-spacing-xs)
}

.link:hover {
    --link-text-color: var(--theme-foreground-accent-subtle-hover)
}

.link:hover .btn:not(.disabled) {
    background-color: var(--theme-background-accent-strong-hover)
}

.link:active {
    --link-text-color: var(--theme-foreground-accent-subtle-pressed)
}

.link:active .btn:not(.disabled) {
    background-color: var(--theme-background-accent-strong-pressed)
}

html:not([dir=rtl]) .link :not(.ocr-icon)>.glyph-prepend::before {
    content: ""
}

html[dir=rtl] .link :not(.ocr-icon)>.glyph-prepend::before {
    content: ""
}

.link__text {
    padding-bottom: var(--root-spacing-3xs)
}

.link[disabled] {
    opacity: .2;
    pointer-events: none;
    cursor: not-allowed
}

.link[disabled] .btn.disabled {
    --button-opacity: 1
}

.link-inline {
    --link-text-decoration: underline;
    text-underline-offset: var(--root-spacing-3xs)
}

.block-feature {
    --block-feature--spacing: var(--root-spacing-m);
    --block-feature--direction: column;
    --block-feature-align-items: flex-start;
    --block-feature-text-align: left;
    --block-feature-eyebrow-gap: var(--root-spacing-2xs);
    --block-feature-headings-gap: var(--root-spacing-2xs);
    --block-feature-body-gap: var(--root-spacing-m);
    --block-feature-body-copy-padding: 0;
    flex-direction: var(--block-feature--direction);
    gap: var(--block-feature--spacing)
}

html[dir=rtl] .block-feature {
    --block-feature-text-align: right
}

.block-feature .align-items-start,
.block-feature.align-items-start {
    align-items: var(--block-feature-align-items, flex-start) !important;
    text-align: var(--block-feature-text-align, left)
}

.block-feature__top {
    gap: var(--root-spacing-m)
}

.block-feature__badge .ocr-icon {
    --icon-svg-fill: var(--theme-foreground-base-icon);
    --icon-glyph-color: var(--theme-foreground-base-icon)
}

.block-feature__headings {
    gap: var(--block-feature-headings-gap)
}

.block-feature__eyebrow {
    display: flex;
    gap: var(--block-feature-eyebrow-gap)
}

.block-feature__label {
    color: var(--theme-foreground-base-highlight)
}

.block-feature__date {
    opacity: .7;
    color: var(--theme-foreground-neutral-subtle)
}

.block-feature__title {
    --block-feature-title-color: var(--theme-foreground-base-strong);
    --block-feature-title-indicator-spacing: initial;
    --block-feature-title-indicator-content: none;
    --block-feature-title-indicator-color: var(--theme-background-accent-strong-normal);
    --block-feature-title-indicator-width: 0.25rem;
    --block-feature-title-indicator-height: 24px;
    --block-feature-title-indicator-radius: 0.25rem;
    --block-feature-title-indicator-top: 50%;
    --block-feature-title-indicator-transform: translate(50%, -50%);
    --block-feature-word-break: break-word;
    color: var(--block-feature-title-color);
    word-break: var(--block-feature-word-break);
    position: relative
}

html:not([dir=rtl]) .block-feature__title {
    padding-left: var(--block-feature-title-indicator-spacing)
}

html[dir=rtl] .block-feature__title {
    padding-right: var(--block-feature-title-indicator-spacing)
}

.block-feature__title::before {
    content: var(--block-feature-title-indicator-content);
    position: absolute;
    top: var(--block-feature-title-indicator-top);
    transform: var(--block-feature-title-indicator-transform);
    background-color: var(--block-feature-title-indicator-color);
    border-radius: var(--block-feature-title-indicator-radius);
    width: var(--block-feature-title-indicator-width);
    height: var(--block-feature-title-indicator-height)
}

html:not([dir=rtl]) .block-feature__title::before {
    left: 0
}

html[dir=rtl] .block-feature__title::before {
    right: 0
}

@media (forced-colors:active) {
    .block-feature__title::before {
        --block-feature-title-indicator-color: activetext
    }
}

.block-feature__body {
    gap: var(--block-feature-body-gap)
}

.block-feature__paragraph {
    color: var(--theme-foreground-base-subtle);
    -moz-text-align-last: start;
    text-align-last: start
}

.block-feature__footer {
    width: 100%
}

.block-feature .block-slim {
    --block-slim-flex-direction: column;
    --block-slim-gap: var(--block-feature--spacing);
    --block-slim-display: inline-flex;
    display: var(--block-slim-display)
}

.block-feature .block-feature__body {
    -webkit-padding-end: var(--block-feature-body-copy-padding);
    padding-inline-end: var(--block-feature-body-copy-padding)
}

.block-feature--align-list {
    --block-feature--direction: row
}

.block-feature--align-list.block-feature--stat .block-feature__body,
.block-feature--align-stacked.block-feature--stat .block-feature__body {
    --block-feature-body-gap: var(--root-spacing-xs)
}

.block-feature--text-center .align-items-start,
.block-feature--text-center.align-items-start {
    --block-feature-align-items: center;
    --block-feature-text-align: center
}

.block-feature--text-center .block-feature__paragraph {
    -moz-text-align-last: center;
    text-align-last: center
}

@media (max-width:859.98px) {
    .block-feature--text-center .block-feature__footer .btn--icon {
        width: 100%
    }

    .block-feature--text-center .block-feature__footer .btn--icon .ocr-icon {
        --icon-width: unset
    }
}

.block-feature--m,
.block-feature--s,
.block-feature--xs {
    --block-feature-headings-gap: var(--root-spacing-xs)
}

.block-feature--indicator .block-feature__title {
    --block-feature-title-indicator-content: "";
    --block-feature-title-indicator-spacing: var(--root-spacing-s);
    --block-feature-title-indicator-height: 100%;
    --block-feature-title-indicator-top: 0;
    --block-feature-title-indicator-transform: 0
}

.block-feature--stat {
    padding-right: var(--root-copy-padding-l)
}

.block-feature--stat .block-feature__title {
    --block-feature-title-indicator-content: "";
    --block-feature-title-indicator-spacing: var(--root-spacing-m)
}

.block-feature--stat .block-feature__paragraph {
    -webkit-padding-start: var(--root-spacing-m);
    padding-inline-start: var(--root-spacing-m)
}

.block-feature--stat .block-feature__footer {
    -webkit-padding-start: var(--root-spacing-m);
    padding-inline-start: var(--root-spacing-m)
}

.block-feature__badge .badge {
    --badge-width: 3rem;
    --badge-height: 3rem
}

.block-feature__badge .badge .ocr-icon {
    --icon-font-size: var(--root-icon-l-font-size);
    --icon-max-width: var(--root-icon-l-max-width);
    --icon-max-height: var(--root-icon-l-max-height)
}

.block-feature__badge .ocr-icon--size-3xl {
    --icon-font-size: var(--root-icon-2xl-font-size);
    --icon-max-width: var(--root-icon-2xl-max-width);
    --icon-max-height: var(--root-icon-2xl-max-height)
}

@media (min-width:860px) {
    .block-feature__badge .badge {
        --badge-width: 4rem;
        --badge-height: 4rem
    }

    .block-feature__badge .badge .ocr-icon {
        --icon-font-size: var(--root-icon-xl-font-size);
        --icon-max-width: var(--root-icon-xl-max-width);
        --icon-max-height: var(--root-icon-xl-max-height)
    }

    .block-feature__badge .ocr-icon--size-3xl {
        --icon-font-size: var(--root-icon-3xl-font-size);
        --icon-max-width: var(--root-icon-3xl-max-width);
        --icon-max-height: var(--root-icon-3xl-max-height)
    }
}

.block-heading {
    --block-heading-text-align: initial;
    --block-heading-eyebrow-color: var(--theme-foreground-base-highlight);
    --block-heading-title-color: var(--theme-foreground-base-strong);
    --block-heading-paragraph-color: var(--theme-foreground-base-subtle);
    --block-heading-footnote-color: var(--theme-foreground-base-subtle);
    --block-heading-eyebrow-margin: 0 0 var(--root-spacing-s);
    --block-heading-title-margin: 0;
    --block-heading-paragraph-margin: var(--root-spacing-l) 0 0;
    --block-heading-slot-margin: var(--root-spacing-xl) 0 0;
    --block-heading-button-group-margin: var(--root-spacing-xl) 0 0;
    --block-heading-footnote-margin: var(--root-spacing-l) 0 0;
    --block-heading-paragraph-inline-padding: var(--root-spacing-l);
    text-align: var(--block-heading-text-align)
}

@media (min-width:860px) {
    .block-heading {
        --block-heading-eyebrow-margin: 0 0 var(--root-spacing-m);
        --block-heading-paragraph-inline-padding: var(--root-spacing-2xl)
    }
}

.block-heading .block-heading__button-group>.button-group {
    justify-content: var(--block-heading-text-align)
}

.block-heading--normal-case .block-heading__eyebrow {
    text-transform: inherit !important
}

.block-heading__logo {
    margin: var(--block-heading-eyebrow-margin)
}

.block-heading__eyebrow {
    text-transform: uppercase;
    color: var(--block-heading-eyebrow-color);
    margin: var(--block-heading-eyebrow-margin)
}

.block-heading__title {
    color: var(--block-heading-title-color);
    margin: var(--block-heading-title-margin)
}

.block-heading__title sub,
.block-heading__title sup {
    -webkit-padding-end: .05em;
    padding-inline-end: .05em
}

.block-heading__paragraph {
    color: var(--block-heading-paragraph-color);
    margin: var(--block-heading-paragraph-margin);
    -webkit-padding-end: var(--block-heading-paragraph-inline-padding);
    padding-inline-end: var(--block-heading-paragraph-inline-padding)
}

.block-heading__slot {
    margin: var(--block-heading-slot-margin)
}

.block-heading__button-group {
    margin: var(--block-heading-button-group-margin)
}

.block-heading__footnote {
    color: var(--block-heading-footnote-color);
    margin: var(--block-heading-footnote-margin)
}

.block-heading--eyebrow-large .block-heading__eyebrow {
    letter-spacing: 0;
    margin: var(--block-heading-eyebrow-margin)
}

.block-heading--eyebrow-editorial .block-heading__eyebrow {
    letter-spacing: 0;
    margin: var(--block-heading-eyebrow-margin)
}

.block-heading--size-3xl {
    --block-heading-button-group-margin: var(--root-spacing-2xl) 0 0;
    --block-heading-footnote-margin: var(--root-spacing-2xl) 0 0
}

.block-heading--size-3xl .block-heading__paragraph {
    --block-heading-paragraph-margin: var(--root-spacing-xl) 0 0
}

.block-heading--size-xl {
    --block-heading-paragraph-margin: var(--root-spacing-m) 0 0;
    --block-heading-footnote-margin: var(--root-spacing-xl) 0 0
}

@media (min-width:860px) {
    .block-heading--size-l .block-heading__eyebrow {
        --block-heading-eyebrow-margin: 0 0 var(--root-spacing-xs)
    }
}

@media (min-width:860px) {
    .block-heading--size-m .block-heading__eyebrow {
        --block-heading-eyebrow-margin: 0 0 var(--root-spacing-xs)
    }
}

@media (min-width:860px) {
    .block-heading--size-s .block-heading__eyebrow {
        --block-heading-eyebrow-margin: 0 0 var(--root-spacing-xs)
    }
}

.block-heading--size-xs .block-heading__eyebrow {
    --block-heading-eyebrow-margin: 0 0 var(--root-spacing-xs)
}

.block-heading--alignment-centered {
    --block-heading-text-align: center
}

.block-heading--alignment-centered .block-heading__logo {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-inline: auto
}

.block-heading--alignment-centered .block-heading__paragraph {
    -webkit-padding-start: var(--block-heading-paragraph-inline-padding);
    padding-inline-start: var(--block-heading-paragraph-inline-padding)
}

.block-heading--alignment-centered .block-heading__slot {
    display: flex;
    flex-direction: column;
    align-items: center
}

.theme-night .block-heading--campaign .block-heading__title.text-gradient {
    --text-gradient-bg-image: linear-gradient(91deg, #1cf77d 24.46%, #507cff 76.42%)
}

.list-item {
    --list-item-leading-label-color: var(--theme-foreground-base-strong);
    --list-item-padding: var(--root-spacing-m)
}

.list-item__inner {
    -moz-column-gap: var(--root-spacing-xs);
    column-gap: var(--root-spacing-xs);
    padding: var(--list-item-padding) 0
}

.list-item--divider-top {
    border-top: 1px solid var(--theme-border-base-fade)
}

.list-item--divider-bottom {
    border-bottom: 1px solid var(--theme-border-base-fade)
}

.list-item__content {
    row-gap: var(--root-spacing-2xs)
}

.list-item__leading-label {
    color: var(--list-item-leading-label-color)
}

.block-items-list {
    --block-items-list-flex-basis: 100%;
    --block-items-list-justify: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--root-spacing-xs);
    flex-wrap: wrap;
    justify-content: var(--block-items-list-justify)
}

.block-items-list__item {
    flex-basis: var(--block-items-list-flex-basis);
    display: block
}

.block-items-list .list-item__inner {
    padding: 0
}

.block-items-list--align-inline {
    --block-items-list-flex-basis: auto
}

.block-items-list--align-inline .list-item__inner {
    padding: var(--root-spacing-m) 0
}

.block-items-list--align-inline .badge {
    --badge-width: 2rem;
    --badge-height: 2rem;
    --badge-border-radius: var(--root-radii-s)
}

.block-items-list--align-inline .badge .ocr-icon {
    --icon-font-size: var(--root-icon-m-font-size);
    --icon-max-width: var(--root-icon-m-max-width);
    --icon-max-height: var(--root-icon-m-max-height)
}

.block-items-list--type-checklist .list-item__leading {
    align-self: flex-start;
    display: flex
}

.block-items-list--type-checklist .ocr-icon>svg {
    top: 0
}

.block-items-list--inline-spacing-xl {
    -moz-column-gap: var(--root-spacing-xl);
    column-gap: var(--root-spacing-xl)
}

.block-slim {
    --block-slim-justify: flex-start;
    --block-slim-flex-direction: row;
    --block-slim-gap: initial;
    display: flex;
    justify-content: var(--block-slim-justify);
    flex-direction: var(--block-slim-flex-direction);
    gap: var(--block-slim-gap)
}

.block-slim__button--fill {
    flex-grow: 1
}

.block-slim__label {
    color: var(--theme-foreground-base-highlight)
}

.block-slim__label--eyebrow {
    text-transform: uppercase
}

.block-slim--related-products {
    --block-slim-gap: var(--root-spacing-xs);
    flex-wrap: wrap
}

.block-slim--related-products .list-item__inner {
    -moz-column-gap: var(--root-spacing-xs);
    column-gap: var(--root-spacing-xs)
}

.block-slim--related-products .badge {
    --badge-width: 2rem;
    --badge-height: 2rem;
    --badge-border-radius: var(--root-radii-s)
}

.block-slim--related-products .badge .ocr-icon {
    --icon-font-size: var(--root-icon-m-font-size);
    --icon-max-width: var(--root-icon-m-max-width);
    --icon-max-height: var(--root-icon-m-max-height)
}

.block-slim.block-slim--checklist {
    --block-slim-flex-direction: column;
    --block-slim-gap: var(--root-spacing-xs)
}

.block-slim.block-slim--checklist .list-item__inner {
    padding: 0
}

.block-slim.block-slim--checklist .list-item__inner .ocr-icon {
    --icon-svg-fill: var(--theme-foreground-base-icon)
}

.button-group {
    --button-group-direction: column;
    display: flex;
    flex-direction: var(--button-group-direction);
    gap: var(--root-spacing-xs)
}

@media (min-width:540px) {
    .button-group:not(.button-group--stacked) {
        --button-group-direction: row
    }
}

@media (max-width:539.98px) {
    .button-group:not(.button-group--stacked) .btn--icon {
        width: auto
    }

    .button-group:not(.button-group--stacked) .ocr-icon {
        --icon-width: auto
    }
}

.cta {
    letter-spacing: -.02em
}

.card {
    --card-background-color: var(--theme-background-card-normal);
    --card-content-gap: var(--root-spacing-2xl);
    --card-box-shadow: var(--root-depth-4);
    --card-border-radius: var(--root-radii-l);
    --card-padding: var(--root-card-padding-default);
    --card-media-horizontal-padding: var(--root-spacing-xs);
    box-shadow: var(--card-box-shadow);
    background: var(--card-background-color);
    border-radius: var(--card-border-radius);
    height: 100%
}
.footer-row-2{
    --card-box-shadow: var(--root-depth-4);
}

.card:active {
    --card-box-shadow: var(--root-depth-2);
    --card-background-color: var(--theme-background-card-pressed)
}

.card:hover {
    --card-box-shadow: var(--root-depth-8);
    --card-background-color: var(--theme-background-card-hover)
}

.card:focus {
    --card-box-shadow: var(--root-depth-4);
    --card-background-color: var(--theme-background-card-selected)
}

.card .card__media {
    padding-top: var(--root-spacing-xs);
    -webkit-padding-start: var(--card-media-horizontal-padding);
    padding-inline-start: var(--card-media-horizontal-padding);
    -webkit-padding-end: var(--card-media-horizontal-padding);
    padding-inline-end: var(--card-media-horizontal-padding)
}

.card .card__media:last-child {
    padding-bottom: var(--root-spacing-xs)
}

.card .card__content {
    padding: var(--card-padding);
    justify-content: space-between
}

.card .card__content .tag {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: .5rem
}

.card .card__content .block-feature {
    margin-bottom: auto
}

.card .card__content .tag+.block-feature {
    margin-top: 0
}

.card .card__content>:not(:first-child) {
    margin-top: var(--card-content-gap)
}

.card .card__content>.dropdown+.block-slim {
    margin-top: var(--root-spacing-xs)
}

@media (max-width:539.98px) {
    .card .card__content .block-slim .btn {
        flex-grow: 1
    }

    .card .card__content .block-slim .link>.btn {
        flex-grow: unset
    }

    .card .card__content .block-slim .button-group {
        flex-grow: 1
    }
}

.card .ocr-img {
    --image-border-radius: var(--root-radii-m)
}

.card--style-modal {
    flex-direction: column-reverse
}

.card--style-modal .card__media {
    padding-top: 0;
    padding-bottom: var(--root-spacing-xs)
}

.card--style-modal-badge-card .card__content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.card--style-modal-badge-card .card__media {
    padding: 1rem 0 0
}

.card--style-modal-badge-card .block-slim {
    --card-content-gap: 0.75rem
}

.card--style-star-rating .block-slim {
    justify-content: space-between
}

.card--style-customer-story .block-slim {
    --card-content-gap: 2rem;
    --block-slim-gap: var(--card-content-gap);
    --block-slim-flex-direction: column
}

.card--style-customer-story .block-slim .related-products {
    flex-wrap: wrap
}

.card--style-customer-story .block-slim .button-group {
    --button-group-direction: row
}

.card--style-customer-story .block-slim .button-group .btn {
    flex-grow: unset
}

.card--style-customer-story .list-item__inner {
    padding: 0
}

.card--style-quote .block-feature__badge .ocr-icon {
    justify-content: center
}

html[dir=rtl] .card--style-quote .block-feature__badge .ocr-icon .glyph-append-left-double-quote {
    transform: scaleX(-1)
}

.card--style-quote .block-feature__badge .ocr-icon .glyph-append-left-double-quote::after {
    vertical-align: middle
}

.card--border-radius-m {
    --card-border-radius: var(--root-radii-m)
}

.card--border-radius-m .ocr-img {
    --image-border-radius: var(--root-radii-s)
}

.card--remove-depth {
    --card-box-shadow: none
}

.card--remove-depth:active,
.card--remove-depth:focus,
.card--remove-depth:hover {
    --card-box-shadow: none
}

.card--padding-comfortable {
    --card-padding: var(--root-card-padding-comfortable)
}

.card--padding-relaxed {
    --card-padding: var(--root-card-padding-relaxed)
}

@media (forced-colors:active) {
    .card {
        border: 1px solid activetext
    }
}

.card--stat {
    --card-content-gap: var(--root-spacing-l)
}

.card--stat .card__media {
    padding-top: 0
}

.card--stat .card__content .block-slim .btn {
    flex-grow: unset
}

.card--full-bleed {
    overflow: hidden
}

.card--full-bleed .card__media {
    --card-media-horizontal-padding: 0;
    padding-top: 0
}

.card--full-bleed .card__media:last-child {
    padding-bottom: 0
}

.card--full-bleed .ocr-img {
    --image-border-radius: 0
}

.card--with-tag-centered .card__content .tag {
    align-self: center
}

.card.surface--glass,
.card.surface--glass-selected,
.card.surface--special {
    --card-background-color: var(--surface-bg);
    border: var(--surface-border-width) var(--surface-border-style) var(--surface-border-color)
}

.card [data-mount=card-interactive],
.card[data-mount=card-interactive] {
    transition: height .5s ease-in-out;
    height: 100%
}

.card-horizontal,
.card__content,
.testimonial-card,
.testimonial-card__body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
    background-clip: border-box;
    height: 100%
}

.card__content,
.testimonial-card__content {
    flex-direction: column
}

.card-horizontal {
    --card-media-order: 1;
    --card-horizontal-content-gap: var(--root-spacing-4xl);
    --card-horizontal-box-shadow: var(--root-depth-4);
    --card-horizontal-background-color: var(--theme-background-card-normal);
    --card-horizontal-border-radius: var(--root-radii-l);
    --card-horizontal-padding: var(--root-card-padding-default);
    display: block;
    box-shadow: var(--card-horizontal-box-shadow);
    overflow: hidden;
    background: var(--card-horizontal-background-color);
    border-radius: var(--card-horizontal-border-radius);
    border: var(--root-border-xs) solid var(--theme-border-card-fade)
}

@media (forced-colors:active) {
    .card-horizontal {
        border: 1px solid activetext
    }
}

.card-horizontal:active {
    --card-horizontal-box-shadow: var(--root-depth-2);
    --card-horizontal-background-color: var(--theme-background-card-pressed)
}

.card-horizontal:hover {
    --card-horizontal-box-shadow: var(--root-depth-8);
    --card-horizontal-background-color: var(--theme-background-card-hover)
}

.card-horizontal:focus {
    --card-horizontal-box-shadow: var(--root-depth-4);
    --card-horizontal-background-color: var(--theme-background-card-selected)
}

.card-horizontal .card-horizontal__media {
    padding: 0;
    --image-border-radius: var(--root-radii-m);
    padding-block: var(--root-spacing-xs);
    -webkit-padding-end: var(--root-spacing-m);
    padding-inline-end: var(--root-spacing-m)
}

@media (min-width:860px) {
    .card-horizontal .card-horizontal__media {
        order: var(--card-media-order)
    }

     .our-bg-row .card-horizontal .card-horizontal__content {
        order: var(--card-media-order)
    }
    .row.two-col-2 .card-horizontal .card-horizontal__content {
        order: var(--card-media-order)
    }

}
.our-bg-row .card-horizontal .card-horizontal__media {
    padding-inline-start: var(--root-spacing-m);
}
.card-horizontal .card-horizontal__media .media {
    --media-width: 100%;
    --media-height: 100%
}

.card-horizontal .card-horizontal__media .media--universal-media-player,
.card-horizontal .card-horizontal__media video {
    --media-border-radius: var(--root-radii-m)
}

@media (max-width:859.98px) {
    .card-horizontal .card-horizontal__media {
        padding-inline: var(--root-spacing-m);
        padding-block: var(--root-spacing-xs) 0
    }
}

.card-horizontal .card-horizontal__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--card-horizontal-content-gap);
    padding: var(--card-horizontal-padding);
    -webkit-padding-end: calc(var(--root-copy-padding-l) + var(--card-horizontal-padding));
    padding-inline-end: calc(var(--root-copy-padding-l) + var(--card-horizontal-padding))
}

.card-horizontal .card-horizontal__content .label-eyebrow {
    letter-spacing: normal
}

@media (min-width:860px) {
    .card-horizontal .card-horizontal__content .label-eyebrow {
        font-size: var(--root-small-font-size)
    }
}

@media (max-width:859.98px) {
    .card-horizontal .card-horizontal__content {
        --card-horizontal-content-gap: var(--root-spacing-2xl)
    }
    
}

@media (max-width:539.98px) {
    .card-horizontal .card-horizontal__content .block-slim .btn {
        flex-grow: 1
    }

    .card-horizontal .card-horizontal__content .block-slim .button-group {
        flex-grow: 1
    }

    .card-horizontal .card-horizontal__content .block-slim .link .btn {
        flex-grow: 0
    }
}

.card-horizontal .card-horizontal__content .menu-list--single-select {
    background-color: var(--theme-background-card-normal)
}

.card-horizontal .card-horizontal__content .menu-list--single-select[variant=single-select] {
    border-radius: var(--root-radii-m);
    padding: var(--root-spacing-xs) !important;
    box-shadow: var(--root-depth-2)
}

.card-horizontal .card-horizontal__content .menu-list--single-select .selected[aria-checked=true] .radio-label::after {
    content: unset
}

.card-horizontal .card-horizontal__spacer {
    display: none
}

.card-horizontal .block-feature__badge>.ocr-icon .media__asset {
    border: var(--root-border-xs) solid var(--theme-border-neutral-fade);
    border-radius: var(--root-radii-s);
    overflow: hidden
}

.card-horizontal .block-slim .badge {
    --badge-border-radius: var(--root-radii-s)
}

.card-horizontal .block-slim .badge .ocr-img {
    --image-border-radius: var(--root-radii-s)
}

.card-horizontal .ocr-img {
    --image-width: 100%;
    --image-height: 100%;
    --image-object-fit: cover
}

.card-horizontal--with-dropdown .card-horizontal {
    overflow: visible
}

.card-horizontal--with-dropdown .dropdown {
    width: -moz-fit-content;
    width: fit-content
}

.card-horizontal--with-dropdown .dropdown__action-link {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: var(--root-spacing-s)
}

.card-horizontal--with-stats .card-horizontal {
    overflow: visible
}

.card-horizontal--with-stats .block-feature {
    --block-feature--spacing: var(--root-spacing-s)
}

.card-horizontal--with-stats .block-feature__label {
    color: var(--theme-foreground-base-subtle)
}

.card-horizontal--border-radius-m .card-horizontal {
    --card-horizontal-border-radius: var(--root-radii-m)
}

.card-horizontal--border-radius-m .card-horizontal .media {
    --media-border-radius: var(--root-radii-s)
}

.card-horizontal--border-radius-m .card-horizontal .ocr-img {
    --image-border-radius: var(--root-radii-s)
}

.card-horizontal--remove-depth .card-horizontal {
    --card-horizontal-box-shadow: none
}

.card-horizontal--remove-depth .card-horizontal:active,
.card-horizontal--remove-depth .card-horizontal:focus,
.card-horizontal--remove-depth .card-horizontal:hover {
    --card-horizontal-box-shadow: none
}

.card-horizontal--padding-comfortable .card-horizontal {
    --card-horizontal-padding: var(--root-card-padding-comfortable)
}

.card-horizontal--padding-relaxed .card-horizontal {
    --card-horizontal-padding: var(--root-card-padding-relaxed)
}

.card-horizontal--case-study-media {
    height: 100%
}

.card-horizontal--case-study-media .card-horizontal {
    box-shadow: unset;
    background: unset;
    border-radius: unset;
    border: unset
}

.card-horizontal--case-study-media .card-horizontal__media {
    position: absolute;
    height: 100%;
    max-width: 100%;
    padding-block: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.card-horizontal--case-study-media .card-horizontal__content {
    --card-horizontal-background-color: var(--surface-bg);
    gap: unset;
    box-shadow: var(--card-horizontal-box-shadow);
    background: var(--card-horizontal-background-color);
    border-radius: var(--card-horizontal-border-radius);
    border: var(--surface-border-width) var(--surface-border-style) var(--surface-border-color);
    margin: var(--root-spacing-xs);
    -webkit-padding-end: var(--card-horizontal-padding);
    padding-inline-end: var(--card-horizontal-padding)
}

.card-horizontal--case-study-media .block-feature {
    --card-horizontal-content-gap: var(--root-spacing-2xl);
    margin-top: var(--root-spacing-m);
    margin-bottom: var(--card-horizontal-content-gap)
}

.card-horizontal--case-study-media .row {
    height: 100%
}

.card-horizontal--case-study-media .col,
.card-horizontal--case-study-media .row {
    margin: 0;
    padding: 0
}

@media (max-width:859.98px) {
    .card-horizontal--case-study-media .card-horizontal__spacer {
        display: block;
        height: 220px
    }

    .card-horizontal--case-study-media .block-feature {
        --card-horizontal-content-gap: var(--root-spacing-l)
    }

    .card-horizontal--case-study-media .card-horizontal__media {
        padding: 0
    }

    .card-horizontal--case-study-media .card-horizontal .card-horizontal__content .block-slim .btn {
        flex-grow: 0
    }
}

.card-horizontal--split .card-horizontal .card-horizontal__media,
.card-horizontal--split-flipped .card-horizontal .card-horizontal__media {
    padding-inline: .25rem;
    padding-block: 0
}

@media (min-width:540px) {

    .card-horizontal--split .card-horizontal .card-horizontal__media,
    .card-horizontal--split-flipped .card-horizontal .card-horizontal__media {
        padding-inline: .25rem;
        padding-block: 0
    }
}

@media (min-width:860px) {

    .card-horizontal--split .card-horizontal .card-horizontal__media,
    .card-horizontal--split-flipped .card-horizontal .card-horizontal__media {
        padding-inline: .5rem;
        padding-block: 0
    }
}

@media (min-width:1440px) {

    .card-horizontal--split .card-horizontal .card-horizontal__media,
    .card-horizontal--split-flipped .card-horizontal .card-horizontal__media {
        padding-inline: .5rem;
        padding-block: 0
    }
}

.card-horizontal--split .card-horizontal .card-horizontal__content,
.card-horizontal--split-flipped .card-horizontal .card-horizontal__content {
    -webkit-padding-end: var(--card-horizontal-padding);
    padding-inline-end: var(--card-horizontal-padding)
}

.card-horizontal--split .card-horizontal .card-horizontal__content .block-feature .block-feature__body,
.card-horizontal--split-flipped .card-horizontal .card-horizontal__content .block-feature .block-feature__body {
    --block-feature-body-gap: var(--root-spacing-2xl)
}

.card-horizontal--split .card-horizontal .card-horizontal__content .block-feature .block-slim,
.card-horizontal--split-flipped .card-horizontal .card-horizontal__content .block-feature .block-slim {
    --block-feature--spacing: var(--root-spacing-2xl);
    width: 100%
}

.card-horizontal--split .card-horizontal {
    --card-media-order: 0
}

@media (min-width:860px) {
    .card-horizontal--split .card-horizontal .card-horizontal__media {
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.card-horizontal--split .card-horizontal .card-horizontal__media .media {
    padding-inline: var(--root-spacing-xs) 0;
    padding-block: var(--root-spacing-xs)
}

@media (max-width:859.98px) {
    .card-horizontal--split .card-horizontal .card-horizontal__media .media {
        padding-inline: var(--root-spacing-xs);
        padding-block: var(--root-spacing-xs) 0
    }
}

.card-horizontal--split .card-horizontal .card-horizontal__content {
    -webkit-padding-end: var(--card-horizontal-padding);
    padding-inline-end: var(--card-horizontal-padding)
}

@media (min-width:860px) {
    .card-horizontal--split-flipped .card-horizontal .card-horizontal__media {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

.card-horizontal--split-flipped .card-horizontal .card-horizontal__media .media {
    padding-inline: 0 var(--root-spacing-xs);
    padding-block: var(--root-spacing-xs)
}

@media (max-width:859.98px) {
    .card-horizontal--split-flipped .card-horizontal .card-horizontal__media .media {
        padding-inline: var(--root-spacing-xs);
        padding-block: var(--root-spacing-xs) 0
    }
}

.card-promo {
    --card-promo-background-color: initial;
    --card-promo-box-shadow: var(--root-depth-4);
    --card-promo-safe-area-height: 220px;
    --card-promo-horizontal-max-height: 330px;
    --bg-val: var(--theme-background-overlay-gradient);
    display: grid;
    background-color: var(--card-promo-background-color);
    box-shadow: var(--card-promo-box-shadow)!important;
    height: 100%
}

.card-promo .card-promo__image {
    grid-area: 1/1;
    z-index: 1;
    border-radius: inherit;
    overflow: hidden
}

.card-promo .card-promo__image .media {
    -o-object-fit: cover;
    object-fit: cover;
    --media-width: 100%;
    --media-height: 100%
}

.media.media--ratio-2-3 {
    --media-aspect-ratio: 0.66667;
}

.card-promo .card-promo__image .media::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-val);
    border-radius: inherit
}

@media (max-width: 859.98px) {
    .card-promo .safe-area {
        height:var(--card-promo-safe-area-height)
    }

    .card-promo .block-feature .block-feature__body {
        width: 100%
    }

    .card-promo .block-feature .block-feature__body .block-slim {
        --block-slim-display: flex
    }
}

.card-promo .card-promo__fg-content {
    grid-area: 1/1;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--root-card-padding-default)
}

.card-promo:active {
    --card-promo-box-shadow: var(--root-depth-2);
    --card-promo-background-color: var(--theme-background-card-pressed)
}

.card-promo:hover {
    --card-promo-box-shadow: var(--root-depth-8);
    --card-promo-background-color: var(--theme-background-card-hover)
}

.card-promo:focus {
    --card-promo-box-shadow: var(--root-depth-4);
    --card-promo-background-color: var(--theme-background-card-selected)
}

.card-promo--horizontal {
    max-height: var(--card-promo-horizontal-max-height)
}

.card-promo--horizontal .card-promo__image {
    max-height: var(--card-promo-horizontal-max-height)
}

.card-promo--horizontal .card-promo__fg-content {
    align-items: center;
    justify-content: center;
    padding: var(--root-card-padding-relaxed)
}

@media (min-width: 860px) {
    .card-promo--horizontal .block-feature {
        -webkit-padding-start:var(--root-spacing-4xl);
        padding-inline-start:var(--root-spacing-4xl);-webkit-padding-end: var(--root-spacing-4xl);
        padding-inline-end:var(--root-spacing-4xl)}
}

.card-promo--horizontal .block-feature .block-feature__footer {
    padding-top: calc(var(--root-spacing-xl) - var(--root-spacing-m))
}

@media (max-width: 859.98px) {
    .card-promo--horizontal {
        max-height:unset
    }

    .card-promo--horizontal .card-promo__image {
        max-height: unset
    }

    .card-promo--horizontal .card-promo__fg-content {
        justify-content: flex-end;
        padding-bottom: var(--root-spacing-3xl)
    }

    .card-promo--horizontal .block-feature__footer .block-slim {
        width: 100%
    }
}

.card-promo--overlay-none {
    --bg-val: none
}

.card-promo__image .ocr-img {
    --image-width: 100%;
    --image-height: 100%;
    --image-object-fit: cover;
    --image-border-radius: var(--root-radii-l)
    --image-aspect-ratio: var(--media-aspect-ratio);
}
.card-promo__image .ocr-img {
    --image-aspect-ratio: var(--media-aspect-ratio);
}

.testimonial-card {
    --testimonial-card-stats-margin: 0;
    --testimonial-card-box-shadow: var(--root-depth-4);
    --bg-val: var(--theme-background-card-normal);
    overflow: hidden;
    border-radius: var(--root-radii-l);
    box-shadow: var(--testimonial-card-box-shadow) !important
}

@media (forced-colors:active) {
    .testimonial-card {
        border: 1px solid activetext
    }
}

.testimonial-card:active {
    --testimonial-card-box-shadow: var(--root-depth-2);
    --bg-val: var(--theme-background-card-pressed)
}

.testimonial-card:hover {
    --testimonial-card-box-shadow: var(--root-depth-8);
    --bg-val: var(--theme-background-card-hover)
}

.testimonial-card:focus {
    --testimonial-card-box-shadow: var(--root-depth-4);
    --bg-val: var(--theme-background-card-selected)
}

.testimonial-card .testimonial-card__content {
    display: flex;
    gap: var(--root-spacing-s);
    padding: var(--root-spacing-l);
    height: auto
}

@media (min-width:1440px) {
    .testimonial-card .testimonial-card__content {
        -webkit-padding-end: calc(var(--root-copy-padding-l) + var(--root-spacing-l));
        padding-inline-end: calc(var(--root-copy-padding-l) + var(--root-spacing-l))
    }
}

.testimonial-card .testimonial-card__content .testimonial-card__content-media .media__asset {
    border: var(--root-border-xs) solid var(--theme-border-neutral-fade);
    border-radius: var(--root-radii-s);
    overflow: hidden
}

.testimonial-card .testimonial-card__body,
.testimonial-card .testimonial-card__products,
.testimonial-card .testimonial-card__quote {
    display: flex;
    gap: var(--root-spacing-xl);
    flex-direction: column
}

.testimonial-card .testimonial-card__quote {
    gap: var(--root-spacing-m)
}

.testimonial-card .testimonial-card__stats {
    margin: var(--testimonial-card-stats-margin) 0
}

.testimonial-card .testimonial-card__stats>.layout {
    --layout-column-gap: var(--root-spacing-2xl)
}

@media (max-width:1439.98px) {
    .testimonial-card .testimonial-card__stats>.layout {
        --layout-column-gap: var(--root-spacing-l)
    }
}

@media (min-width:860px) {
    .testimonial-card .testimonial-card__stats>.layout .layout__col {
        flex: unset
    }
}

.testimonial-card .testimonial-card__products {
    gap: var(--root-spacing-xs);
    color: var(--theme-foreground-base-strong)
}

.testimonial-card .testimonial-card__products .list-item__inner {
    padding: 0
}

.testimonial-card .testimonial-card__footer {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.testimonial-card .testimonial-card__footer .button-group {
    margin-top: var(--root-spacing-xl)
}

.testimonial-card .testimonial-card__footer .block-items-list {
    gap: var(--root-spacing-m)
}

.testimonial-card .testimonial-card__media {
    --image-border-radius: var(--root-radii-m);
    padding-block: var(--root-spacing-xs);
    padding-inline: 0 var(--root-spacing-xs)
}

div#Customer-stories1 .testimonial-card .testimonial-card__media {
 
    padding-inline:8px;
}

@media (max-width:859.98px) {
    .testimonial-card .testimonial-card__media {
        padding-inline: var(--root-spacing-xs);
        padding-block: var(--root-spacing-xs) 0
    }
}

.testimonial-card .testimonial-card__media .media {
    --media-width: 100%;
    --media-height: 100%
}

.testimonial-card .testimonial-card__media .ocr-img {
    --image-width: 100%;
    --image-height: 100%;
    --image-object-fit: cover
}

.testimonial-card .testimonial-card__media .media__slot button {
    background-color: transparent;
    border-color: var(--theme-border-accent-subtle-normal);
    color: var(--theme-foreground-accent-subtle-normal)
}

.mobile-close-button-wrapper {
    display: flex;
    justify-content: flex-end;
    top: .5rem;
    position: relative
}


.badge {
    --badge-background-color: var(--theme-background-card-normal);
    --badge-border-width: var(--root-border-xs);
    --badge-border-radius: var(--root-radii-s);
    --badge-border-color: var(--theme-border-card-fade);
    background-color: var(--badge-background-color);
    border-width: var(--badge-border-width);
    border-radius: var(--badge-border-radius);
    border-color: var(--badge-border-color);
    border-style: solid;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: unset;
    width: var(--badge-width);
    height: var(--badge-height)
}

.badge .ocr-img {
    --image-display: flex;
    --image-border-radius: 0
}

@media (forced-colors:active) {
    .badge {
        forced-color-adjust: none
    }
}

.badge.badge--size-xs {
    --badge-width: 2rem;
    --badge-height: 2rem
}

.badge.badge--size-s {
    --badge-width: 3rem;
    --badge-height: 3rem
}

.badge.badge--size-m {
    --badge-width: 4rem;
    --badge-height: 4rem
}

.badge.badge--size-l {
    --badge-width: 5rem;
    --badge-height: 5rem
}

.badge.badge--size-xl {
    --badge-width: 8rem;
    --badge-height: 8rem
}

.badge.badge--size-xs>div.ocr-icon {
    --icon-font-size: var(--root-icon-m-font-size);
    --icon-max-width: var(--root-icon-m-max-width);
    --icon-max-height: var(--root-icon-m-max-height)
}

.badge.badge--size-s>div.ocr-icon {
    --icon-font-size: var(--root-icon-l-font-size);
    --icon-max-width: var(--root-icon-l-max-width);
    --icon-max-height: var(--root-icon-l-max-height)
}

.badge.badge--size-m>div.ocr-icon {
    --icon-font-size: var(--root-icon-xl-font-size);
    --icon-max-width: var(--root-icon-xl-max-width);
    --icon-max-height: var(--root-icon-xl-max-height)
}

.badge.badge--size-l>div.ocr-icon {
    --icon-font-size: var(--root-icon-2xl-font-size);
    --icon-max-width: var(--root-icon-2xl-max-width);
    --icon-max-height: var(--root-icon-2xl-max-height)
}

.badge.badge--size-xl>div.ocr-icon {
    --icon-font-size: var(--root-icon-3xl-font-size);
    --icon-max-width: var(--root-icon-3xl-max-width);
    --icon-max-height: var(--root-icon-3xl-max-height)
}

.badge--full-width .ocr-icon {
    --icon-max-width: unset !important;
    --icon-max-height: unset !important
}

.badge--full-width .ocr-icon,
.badge--full-width img {
    height: unset !important
}

.badge--full-width .ocr-img,
.badge--full-width img {
    width: 100%
}

.badge--glass {
    --badge-background-color: var(--theme-background-glass-normal);
    --badge-border-width: var(--root-border-xs);
    --badge-border-color: var(--theme-border-glass-fade);
    --badge-box-shadow: none;
    box-shadow: var(--badge-box-shadow)
}

.badge--circle {
    border-radius: var(--root-radii-circle)
}

.badge--circle[class*=badge-media--]>.ocr-icon img {
    border-radius: var(--root-radii-circle)
}

.ocr-img {
    --image-display: inherit;
    --image-width: inherit;
    --image-max-width: 100%;
    --image-height: auto;
    --image-border-radius: inherit;
    --image-object-fit: inherit;
    --image-aspect-ratio: initial;
    display: var(--image-display);
    width: var(--image-width);
    max-width: var(--image-max-width);
    height: var(--image-height)
}

.ocr-img img,
.ocr-img picture {
    width: inherit;
    max-width: inherit;
    height: inherit;
    -o-object-fit: var(--image-object-fit);
    object-fit: var(--image-object-fit);
    border-radius: var(--image-border-radius);
    aspect-ratio: var(--image-aspect-ratio)
}

.img-fluid img,
.img-fluid picture {
    max-width: 100%;
    height: auto
}

.img-object-cover img,
.img-object-cover picture {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
    .img-hc-dark {
        filter: invert(1)
    }
}

.ocr-accordion-item {
    --accordion--item--border-color: var(--theme-border-neutral-fade);
    --accordion--item--background-card-color: var(--theme-background-base-color);
    --animation-starting-origin: 100%;
    display: flex
}

@media (min-width:860px) {
    @keyframes accordion-item-media-ltr {
        0% {
            opacity: 1;
            z-index: 1;
            transform: translateX(var(--animation-starting-origin))
        }

        100% {
            opacity: 1;
            z-index: 1;
            transform: translateX(0)
        }
    }

    @keyframes accordion-item-media-rtl {
        0% {
            opacity: 1;
            z-index: 1;
            transform: translateX(calc(-1 * var(--animation-starting-origin)))
        }

        100% {
            opacity: 1;
            z-index: 1;
            transform: translateX(0)
        }
    }
}

.ocr-accordion-item .indicator {
    display: block;
    opacity: 1;
    transform: scaleY(1);
    transition: opacity, transform .8s ease-in-out
}

.ocr-accordion-item__content {
    width: 100%;
    border-bottom: var(--root-border-xs) solid var(--accordion--item--border-color)
}

html:not([dir=rtl]) .ocr-accordion-item__content {
    margin-left: var(--root-spacing-2xl)
}

html[dir=rtl] .ocr-accordion-item__content {
    margin-right: var(--root-spacing-2xl)
}

.ocr-accordion-item__btn-group-tagged {
    --button-group-direction: column
}

.ocr-accordion-item__btn-group-tagged .ocr-accordion-item__tag-container {
    padding-top: var(--root-spacing-xl)
}

@media (min-width:860px) {
    .ocr-accordion-item__btn-group-tagged {
        --button-group-direction: row
    }

    .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__tag-container {
        padding: var(--root-spacing-xl) 0
    }
}

@media (max-width:859.98px) {
    .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__header {
        padding-top: 0 !important
    }
}

.ocr-accordion-item__header {
    display: flex;
    gap: var(--root-spacing-xs);
    padding: var(--root-spacing-xl) 0 !important;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: none;
    outline: 0 !important;
    color: var(--theme-foreground-base-strong)
}

.ocr-accordion-item__header:focus-visible {
    outline: auto !important
}

.ocr-accordion-item__body {
    display: flex;
    flex-direction: column;
    gap: var(--root-spacing-xl);
    padding-bottom: var(--root-spacing-xl)
}

.ocr-accordion-item p {
    margin: 0
}

.ocr-accordion-item:has(.collapse:not(.show)) .indicator {
    opacity: 0;
    transform: scaleY(0)
}

.ocr-accordion-item .collapsing {
    transition: height .8s ease-in-out !important
}

.ocr-accordion-item .collapsing .media {
    opacity: 1
}

.ocr-accordion-item .media.slide-in-bottom-2 {
    animation-delay: unset;
    animation-name: none
}

@media (prefers-reduced-motion:no-preference) {

    .ocr-accordion-item:has(.collapsing) .media,
    .ocr-accordion-item:has(.show) .media {
        --animation-duration: 800ms;
        animation: slide-up var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (min-width:860px) and (prefers-reduced-motion:no-preference) {

    html:not([dir=rtl]) .ocr-accordion-item:has(.collapsing) .media,
    html:not([dir=rtl]) .ocr-accordion-item:has(.show) .media {
        --animation-duration: 800ms;
        animation: accordion-item-media-ltr var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

@media (min-width:860px) and (prefers-reduced-motion:no-preference) {

    html[dir=rtl] .ocr-accordion-item:has(.collapsing) .media,
    html[dir=rtl] .ocr-accordion-item:has(.show) .media {
        --animation-duration: 800ms;
        animation: accordion-item-media-rtl var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

.ocr-accordion-item .btn-collapse {
    flex-direction: row-reverse;
    justify-content: flex-end
}

@media (max-width:540px) {
    .ocr-accordion-item .btn-collapse {
        justify-content: space-between
    }
}

html:not([dir=rtl]) .ocr-accordion-item .btn-collapse::before {
    transform: rotate(-180deg)
}

html[dir=rtl] .ocr-accordion-item .btn-collapse::before {
    transform: rotate(-180deg)
}

html:not([dir=rtl]) .ocr-accordion-item .btn-collapse[aria-expanded=false]::before {
    transform: rotate(0)
}

html[dir=rtl] .ocr-accordion-item .btn-collapse[aria-expanded=false]::before {
    transform: rotate(0)
}

.ocr-accordion .accordion {
    overflow: hidden;
    color: var(--theme-foreground-base-subtle);
    padding: 0
}

@media (min-width:860px) {
    .accordion .ocr-accordion-item__tag-container {
        align-self: center
    }

    .accordion .ocr-accordion-item:first-child .ocr-accordion-item__tag-container {
        padding-top: 0
    }
}

.ocr-accordion:not(.ocr-accordion--contained) .ocr-accordion-item:first-child .ocr-accordion-item__header {
    padding-top: 0 !important
}

.ocr-accordion--contained ul:first-child {
    box-shadow: var(--root-depth-8);
    border-radius: var(--root-radii-s);
    background-color: var(--theme-background-card-normal)
}

.ocr-accordion--contained ul:first-child .ocr-accordion-item .indicator {
    display: none
}

.ocr-accordion--contained ul:first-child .ocr-accordion-item__content {
    margin: 0
}

.ocr-accordion--contained ul:first-child .ocr-accordion-item__header {
    padding: var(--root-spacing-l) var(--root-spacing-xl) !important
}

.ocr-accordion--contained ul:first-child .ocr-accordion-item__body {
    padding: var(--root-spacing-xl);
    background-color: var(--accordion--item--background-card-color)
}

.ocr-accordion--contained ul:first-child .ocr-accordion-item .btn-collapse {
    justify-content: space-between !important
}

@media (prefers-reduced-motion:no-preference) {
    .accordion--vertical:has(.collapsing) {
        --animation-duration: 1200ms;
        animation: overflow-container var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

.secondary-nav {
    --secondary-nav-dropdown-display: none;
    --secondary-nav-dropdown-position: relative;
    --secondary-nav-dropdown-menu-list-display: flex;
    background-color: var(--theme-background-card-normal);
    box-shadow: var(--root-depth-2)
}

.secondary-nav>nav {
    align-items: center
}

@media (min-width:860px) {
    .secondary-nav>.indicator.indicator--horizontal {
        display: none
    }
}

.secondary-nav .dropdown {
    flex-grow: 1;
    box-shadow: none;
    overflow: initial;
    --drop-down-border-radius: 0
}

@media (min-width:860px) {
    .secondary-nav .dropdown {
        overflow: hidden
    }
}

.secondary-nav .dropdown__link {
    display: var(--secondary-nav-dropdown-display)
}

.secondary-nav .dropdown__link .indicator {
    position: absolute;
    bottom: 0
}

.secondary-nav .dropdown [class*=fg--] {
    --fg-val: var(--theme-foreground-accent-subtle-normal)
}

.secondary-nav .dropdown:hover {
    box-shadow: none
}

.secondary-nav .menu-list {
    box-shadow: none;
    overflow: hidden !important;
    position: var(--secondary-nav-dropdown-position);
    -moz-column-gap: var(--root-spacing-2xl);
    column-gap: var(--root-spacing-2xl);
    display: var(--secondary-nav-dropdown-menu-list-display) !important;
    margin-top: var(--root-spacing-xs)
}

.secondary-nav .menu-list__list-item-text {
    padding: 0
}

@media (min-width:860px) {
    .secondary-nav .menu-list {
        --menu-list-item-link-width: fit-content;
        transform: unset !important;
        flex-wrap: wrap;
        padding: 0 !important;
        position: relative !important;
        border-radius: 0;
        padding-bottom: var(--root-spacing-2xs) !important;
        -webkit-padding-start: var(--root-spacing-2xs) !important;
        padding-inline-start: var(--root-spacing-2xs) !important;
        margin-top: 0
    }

    .secondary-nav .menu-list__list-item {
        margin-top: var(--root-spacing-m)
    }

    .secondary-nav .menu-list__item-link {
        flex-direction: column-reverse;
        padding: 0;
        border-radius: 0;
        align-items: start;
        justify-content: space-between
    }

    .secondary-nav .menu-list__item-link:active,
    .secondary-nav .menu-list__item-link:focus,
    .secondary-nav .menu-list__item-link:hover {
        background-color: transparent;
        --menu-list-item-indicator-opacity: 0
    }

    .secondary-nav .menu-list__item-link.selected {
        --menu-list-item-indicator-opacity: 1
    }

    .secondary-nav .menu-list__item-link .indicator {
        width: 100%;
        height: var(--indicator-size-small);
        margin-bottom: calc(var(--root-spacing-2xs) * -1)
    }

    .secondary-nav .menu-list__list-item-text {
        pointer-events: none
    }

    .secondary-nav .menu-list .button-group {
        display: none
    }

    .secondary-nav .menu-list .ocr-divider {
        display: none
    }
}

.secondary-nav .ocr-slider .slider__window {
    flex-direction: column
}

.secondary-nav__title {
    color: var(--theme-foreground-accent-subtle-normal)
}

.secondary-nav__divider {
    color: var(--theme-border-accent-subtle-normal)
}

.secondary-nav__divider,
.secondary-nav__title {
    align-self: center
}

.secondary-nav__divider>:first-child {
    height: var(--root-label-lead-line-height, 1.5rem)
}

@media (max-width:859.98px) {
    .secondary-nav {
        --secondary-nav-dropdown-display: block;
        --secondary-nav-dropdown-position: absolute
    }

    .secondary-nav .dropdown {
        margin: var(--root-spacing-2xs);
        position: static
    }

    .secondary-nav .container {
        padding-left: 0;
        padding-right: 0
    }

    /*.secondary-nav .container>.button-group {
        display: none !important
    }*/

    .secondary-nav .menu-list {
        --secondary-nav-dropdown-menu-list-display: none;
        max-height: 300px;
        flex-direction: column;
        overflow-y: auto !important
    }

    .secondary-nav .menu-list.show {
        --secondary-nav-dropdown-menu-list-display: block
    }

    .secondary-nav .menu-list__list-item-text {
        padding-left: var(--root-spacing-s)
    }

    .secondary-nav__title {
        margin-inline: var(--root-spacing-m)
    }

    .secondary-nav .ocr-slider .slider__arrows {
        display: none !important
    }

    .secondary-nav .ocr-slider .slider__overflow {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .secondary-nav .ocr-slider .slider__window {
        width: 100% !important;
        -webkit-padding-after: var(--root-spacing-s);
        padding-block-end: var(--root-spacing-s);
        overflow: hidden
    }
}

@media (min-width:860px) {
    .secondary-nav__divider {
        -webkit-margin-end: var(--root-spacing-l);
        margin-inline-end: var(--root-spacing-l)
    }

    .secondary-nav__title {
        -webkit-margin-end: var(--root-spacing-l);
        margin-inline-end: var(--root-spacing-l);
        white-space: nowrap
    }

    .secondary-nav .ocr-slider .slider__arrows .slider__arrow-next,
    .secondary-nav .ocr-slider .slider__arrows .slider__arrow-next-bg,
    .secondary-nav .ocr-slider .slider__arrows .slider__arrow-prev,
    .secondary-nav .ocr-slider .slider__arrows .slider__arrow-prev-bg {
        --arrow-background-color: var(--drop-down-background-color)
    }

    .secondary-nav .ocr-slider .slider__window {
        flex-direction: row
    }

    .secondary-nav .ocr-slider .slider__window .menu-list__list-item {
        padding-bottom: var(--root-spacing-2xs)
    }

    .secondary-nav .ocr-slider .slider__window .menu-list__list-item:first-child {
        -webkit-padding-start: var(--root-spacing-2xs);
        padding-inline-start: var(--root-spacing-2xs)
    }

    .secondary-nav .ocr-slider .slider__window .menu-list__list-item:first-child .menu-list__item-link {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .secondary-nav .ocr-slider .slider__window .menu-list__list-item:last-child {
        -webkit-padding-end: var(--root-spacing-2xs);
        padding-inline-end: var(--root-spacing-2xs)
    }

    .secondary-nav .ocr-slider .slider__window .menu-list__item-link {
        -webkit-margin-end: var(--root-spacing-2xl);
        margin-inline-end: var(--root-spacing-2xl)
    }

    .secondary-nav .ocr-slider .slider__window .menu-list__item-link .indicator {
        margin-bottom: calc(var(--root-spacing-2xs) * -1)
    }

    .secondary-nav .menu-list__list-item-text {
        -webkit-padding-after: var(--root-spacing-m);
        padding-block-end: var(--root-spacing-m)
    }

    .secondary-nav .menu-list--no-padding {
        padding: 0 !important
    }

    .secondary-nav ul.slider__window.rounded-scrollbar {
    display: flex;
    flex-wrap: wrap;
}
}

.secondary-nav .container>.button-group {
    -webkit-margin-start: var(--root-spacing-xl);
    margin-inline-start: var(--root-spacing-xl)
}

.secondary-nav--jumplinks {
    width: 100%;
    background-color: unset;
    box-shadow: unset;
    top: unset !important;
    z-index: unset !important;
    position: relative
}

.secondary-nav--jumplinks .secondary-nav__jumplinks-list {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    gap: var(--root-spacing-m)
}

.secondary-sticky-nav>.container {
    gap: var(--root-spacing-2xl);
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding-top: var(--root-breadth-vertical-relaxed);
    padding-bottom: var(--root-breadth-vertical-relaxed)
}

.secondary-sticky-nav.secondary-nav--no-top-padding>.container {
    padding-top: 0
}

.secondary-sticky-nav.secondary-nav--no-bottom-padding>.container {
    padding-bottom: 0
}

.secondary-sticky-nav .sticky {
    z-index: 500
}

.secondary-sticky-nav .secondary-nav .button-group .link-inline {
    -webkit-margin-start: .1875rem;
    margin-inline-start: .1875rem
}

.ocr-slider {
    --tab-group-x-align: start;
    --arrow-background-color: var(--theme-background-neutral-fade);
    --arrow-background-gradient-start-position: 25%;
    --arrow-color: var(--theme-foreground-accent-subtle-normal);
    padding: 0
}

.theme-night .bg--special-fade .ocr-slider .slider__arrow-next {
    --arrow-background-gradient-start-position: 0%;
    --arrow-background-color: #003259
}

.theme-night .bg--special-fade .ocr-slider .slider__arrow-prev {
    --arrow-background-gradient-start-position: 0%;
    --arrow-background-color: var(--root-color-blue-main-500)
}

.bg--special-fade .ocr-slider .slider__arrow-next {
    --arrow-background-color: var(--root-color-sky-blue-100)
}

.bg--special-fade .ocr-slider .slider__arrow-prev {
    --arrow-background-color: var(--root-color-lavender-100)
}

.theme-night .bg--special-color .ocr-slider .slider__arrow-next {
    --arrow-background-color: #003259
}

.theme-night .bg--special-color .ocr-slider .slider__arrow-prev {
    --arrow-background-color: #05273f
}

.bg--special-color .ocr-slider .slider__arrow-next {
    --arrow-background-color: #9cc3e7
}

.bg--special-color .ocr-slider .slider__arrow-prev {
    --arrow-background-color: #afd9ef
}

.ocr-slider .slider__overflow {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    height: 100%
}

.ocr-slider .slider__overflow::-webkit-scrollbar {
    display: none
}

.ocr-slider ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.ocr-slider .slider__arrows {
    display: none
}

.ocr-slider .slider__arrows [tabindex]:focus {
    outline: .1875rem dotted currentColor !important;
    z-index: 2
}

.ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-next-bg,
.ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg {
    border-radius: 0;
    z-index: 1;
    width: 20vw;
    border: none;
    pointer-events: none
}

.ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-next-bg::after,
.ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg::after {
    content: none !important
}

.ocr-slider .slider__arrows .slider__arrow-next,
.ocr-slider .slider__arrows .slider__arrow-prev {
    position: absolute;
    height: 100%;
    border: 2px solid var(--arrow-color);
    border-radius: var(--root-radii-circle);
    color: var(--arrow-color);
    max-height: calc((var(--root-spacing-xs) * 2) + var(--root-base-line-height));
    margin-inline: var(--root-spacing-xs);
    padding: 0;
    top: 50%;
    width: calc((var(--root-spacing-xs) * 2) + var(--root-base-line-height));
    transition: all 125ms ease-in-out;
    z-index: 2
}

.ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-next-bg,
.ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-prev-bg,
.ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-next-bg,
.ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg {
    margin-inline: 0;
    max-height: 100%
}

.ocr-slider .slider__arrows .slider__arrow-next::after,
.ocr-slider .slider__arrows .slider__arrow-prev::after {
    font-family: MWF-FLUENT-ICONS;
    font-size: var(--root-h5-font-size);
    font-weight: var(--root-small-font-weight);
    color: var(--arrow-color);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.ocr-slider .slider__arrows .slider__arrow-next:focus,
.ocr-slider .slider__arrows .slider__arrow-next:hover,
.ocr-slider .slider__arrows .slider__arrow-prev:focus,
.ocr-slider .slider__arrows .slider__arrow-prev:hover {
    transform: unset
}

.ocr-slider .slider__arrows .slider__arrow-prev {
    left: -.25rem;
    background: linear-gradient(90deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%);
    transform: translate(.25rem, -50%)
}

.ocr-slider .slider__arrows .slider__arrow-prev:focus,
.ocr-slider .slider__arrows .slider__arrow-prev:hover {
    transform: translate(0, -50%)
}

.ocr-slider .slider__arrows .slider__arrow-prev::after {
    content: ""
}

.ocr-slider .slider__arrows .slider__arrow-next {
    right: -.25rem;
    background: linear-gradient(270deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%);
    transform: translate(-.25rem, -50%)
}

.ocr-slider .slider__arrows .slider__arrow-next:focus,
.ocr-slider .slider__arrows .slider__arrow-next:hover {
    transform: translate(0, -50%)
}

.ocr-slider .slider__arrows .slider__arrow-next::after {
    content: ""
}

.ocr-slider .slider__arrows .slider__arrow-next[style*="display: none"]~.slider__arrow-next-bg,
.ocr-slider .slider__arrows .slider__arrow-prev[style*="display: none"]~.slider__arrow-prev-bg {
    display: none
}

.ocr-slider .slider__window {
    display: flex;
    flex-direction: row;
    margin-bottom: 0
}

@media (max-width:1439.98px) {
    .ocr-slider--type-product-selector {
        display: block !important;
        padding: 8px;
        border-radius: var(--root-radii-circle) !important;
        box-shadow: var(--root-depth-2);
        width: -moz-fit-content;
        width: fit-content
    }
}

.ocr-slider.ocr-slider--small-arrows .slider__arrows button.slider__arrow-next,
.ocr-slider.ocr-slider--small-arrows .slider__arrows button.slider__arrow-prev {
    width: 36px;
    height: 36px
}

@media (min-width:860px) {
    .ocr-slider--offset-arrows {
        display: flex;
        justify-content: center
    }
}

@media (max-width:859.98px) {
    .ocr-slider--offset-arrows {
        border-radius: unset;
        border: none
    }
}

@media (min-width:860px) {
    .ocr-slider--offset-arrows .slider__overflow {
        background-color: var(--theme-background-base-neutral);
        border-radius: var(--root-radii-circle);
        border: var(--root-border-xs) solid var(--theme-border-card-fade)
    }
}

@media (max-width:859.98px) {
    .ocr-slider--offset-arrows .slider__overflow {
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.ocr-slider--offset-arrows .slider__arrows {
    --arrow-background-color: var(--theme-background-card-normal)
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev[type=button] {
    left: unset;
    right: 3.25rem
}

html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev[type=button] {
    right: unset;
    left: 0
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev[type=button]:disabled:hover {
    transform: translate(.25rem, -50%)
}

html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next[type=button] {
    right: unset;
    left: 3.25rem
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-next[type=button]:disabled:hover {
    transform: translate(-.25rem, -50%)
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev {
    --arrow-background-gradient-start-position: 15%
}

html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev {
    --arrow-background-gradient-start-position: 50%
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-next {
    --arrow-background-gradient-start-position: 50%
}

html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next {
    --arrow-background-gradient-start-position: 15%
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg {
    left: -.35rem;
    transform: translate(.3rem, -50%);
    border-top-left-radius: var(--root-radii-circle) !important;
    border-bottom-left-radius: var(--root-radii-circle) !important
}

.ocr-slider--offset-arrows .slider__arrows .slider__arrow-next.slider__arrow-next-bg {
    right: -.29rem;
    border-top-right-radius: var(--root-radii-circle) !important;
    border-bottom-right-radius: var(--root-radii-circle) !important
}

.ocr-slider--offset-arrows .pill-bar__item {
    -webkit-margin-end: var(--root-spacing-2xs) !important;
    margin-inline-end: var(--root-spacing-2xs) !important
}

.dropdown {
    display: flex;
    --drop-down-background-color: var(--theme-background-card-normal);
    --drop-down-border-radius: var(--root-radii-m);
    border-radius: var(--drop-down-border-radius);
    box-shadow: var(--root-depth-4);
    background-color: var(--drop-down-background-color);
    --dropdown-menu-list-margin-top: var(--root-spacing-2xs)
}

@media (forced-colors:active) {
    .dropdown {
        border: 1px solid activetext
    }
}

.dropdown .list-item__inner {
    padding: var(--root-spacing-s) var(--root-spacing-s) var(--root-spacing-s) var(--root-spacing-m)
}

.dropdown .list-item__inner .list-item__trailing {
    align-self: self-end
}

.dropdown .glyph-prepend {
    transition: transform .6s ease
}

html:not([dir=rtl]) .dropdown .glyph-prepend {
    transform: rotate(0)
}

html[dir=rtl] .dropdown .glyph-prepend {
    transform: rotate(0)
}

html[dir=rtl] .dropdown .menu-list__item-link .glyph-prepend {
    transform: scale(-1)
}

.dropdown .dropdown__link .ocr-icon {
    --icon-glyph-color: var(--theme-background-accent-strong-normal)
}

.dropdown .active {
    --drop-down-background-color: var(--theme-background-card-selected)
}

.dropdown .active .glyph-prepend {
    transition: transform .6s ease
}

html:not([dir=rtl]) .dropdown .active .glyph-prepend {
    transform: rotate(-180deg)
}

html[dir=rtl] .dropdown .active .glyph-prepend {
    transform: rotate(-180deg)
}

.dropdown .active .ocr-icon {
    --icon-glyph-color: var(--theme-background-accent-strong-pressed)
}

.dropdown__action-link {
    margin-top: var(--root-spacing-xs)
}

.dropdown:hover {
    --drop-down-background-color: var(--theme-background-card-hover);
    box-shadow: var(--root-depth-8)
}

.dropdown:hover .dropdown__link .ocr-icon {
    --icon-glyph-color: var(--theme-background-accent-strong-hover)
}

.dropdown .dropdown__link:focus .ocr-icon {
    --icon-glyph-color: var(--theme-background-accent-strong-selected)
}

.dropdown--disabled {
    --drop-down-background-color: var(--theme-background-card-hover);
    opacity: .2;
    pointer-events: none;
    cursor: not-allowed
}

.dropdown--disabled:hover {
    --drop-down-background-color: var(--theme-background-card-hover)
}

.dropdown--with-border {
    border: var(--root-border-s) solid var(--theme-border-neutral-fade);
    box-shadow: none
}

.dropdown--with-border .list-item__inner {
    padding-bottom: var(--root-spacing-m)
}

.dropdown--title-dropdown {
    --drop-down-background-color: none;
    --drop-down-border-radius: none;
    box-shadow: none;
    font-size: var(--root-body-font-size, 1rem);
    line-height: var(--root-body-line-height, 1.5rem);
    letter-spacing: var(--root-body-letter-spacing, -.03em);
    letter-spacing: var(--root-body-letter-spacing)
}

.dropdown--title-dropdown:hover {
    --drop-down-background-color: none;
    box-shadow: none
}

.dropdown--title-dropdown .dropdown__link {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.dropdown--title-dropdown .dropdown__link .list-item__content-title {
    --fg-val: var(--theme-foreground-accent-subtle-normal)
}

.dropdown--title-dropdown .dropdown__link .list-item__content-title:hover {
    --fg-val: var(--theme-foreground-accent-subtle-hover)
}

.dropdown--title-dropdown .dropdown__link .indicator {
    background: var(--theme-foreground-special-ai-gradient-1);
    padding: 0 var(--root-spacing-2xs)
}

.dropdown--title-dropdown .dropdown__link .list-item__inner {
    padding: 0 0 var(--root-spacing-xs) 0;
    -moz-column-gap: var(--root-spacing-2xs);
    column-gap: var(--root-spacing-2xs)
}

@media (max-width:859.98px) {
    .dropdown--title-dropdown .dropdown__link .ocr-icon--size-3xl {
        --icon-font-size: var(--root-icon-xl-font-size);
        --icon-max-width: var(--root-icon-xl-max-width);
        --icon-max-height: var(--root-icon-xl-max-height)
    }
}

.dropdown--title-dropdown .active .list-item__content-title {
    --fg-val: var(--theme-foreground-accent-subtle-pressed)
}

.dropdown--title-dropdown.theme-night .dropdown__link .indicator {
    background: linear-gradient(91deg, #1cf77d 24.46%, #507cff 76.42%)
}

.menu-list {
    --menu-list-item-link-width: 100%;
    width: 100%;
    --menu-list-border-radius: var(--root-radii-m);
    --menu-list-item-border-radius: var(--root-radii-s);
    padding: var(--root-spacing-xs) !important;
    background-color: var(--theme-background-card-normal);
    border-radius: var(--menu-list-border-radius);
    box-shadow: var(--root-depth-2);
    border: none;
    margin-top: var(--dropdown-menu-list-margin-top)
}

@media (forced-colors:active) {
    .menu-list {
        border: 1px solid activetext
    }
}

.menu-list--bare {
    --menu-list-border-radius: 0;
    --menu-list-item-border-radius: 0
}

.menu-list--filter,
.menu-list--scrollbar {
    max-height: 308px
}

.menu-list--filter.rounded-scrollbar,
.menu-list--scrollbar.rounded-scrollbar {
    --scrollbar-track-bg-color: var(--theme-background-card-normal);
    --scrollbar-border-radius: 30px
}

.menu-list--single-select {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0 !important
}

.menu-list--single-select .menu-list__list-item {
    position: relative
}

.menu-list--single-select .menu-list__item-radio {
    width: 100%;
    cursor: pointer
}

.menu-list--single-select .menu-list__item-radio:focus {
    outline-offset: -.25rem
}

.menu-list--single-select .radio-label {
    position: relative;
    margin-bottom: 0;
    width: inherit;
    padding-inline: var(--root-spacing-xs)
}

.menu-list--single-select .clear-div {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: transparent;
    cursor: pointer
}

.menu-list--single-select .hidden {
    display: none
}

.menu-list--single-select .selected[aria-checked=true] {
    background-color: var(--theme-background-accent-subtle-hover)
}

.menu-list--single-select .selected[aria-checked=true] .indicator {
    opacity: 1
}

.menu-list--single-select .selected[aria-checked=true] .radio-label::after {
    content: "\E894";
    font-family: MWF-FLUENT-ICONS;
    font-weight: 700;
    color: var(--theme-foreground-base-strong);
    position: absolute;
    right: 0
}

html[dir=rtl] .menu-list--single-select .selected[aria-checked=true] .radio-label::after {
    left: 0;
    right: unset
}

.menu-list__item-checkbox {
    padding: var(--root-spacing-s) var(--root-spacing-m);
    width: 100%
}

.menu-list__item-checkbox .ocr-input__label {
    color: var(--theme-foreground-base-strong)
}

.menu-list .checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.menu-list .checkbox-label {
    position: relative;
    margin-bottom: 0;
    width: inherit;
    color: var(--theme-foreground-base-strong);
    --background-color: var(--theme-background-accent-subtle-normal);
    text-align: start
}

@media (max-width:859.98px) {
    .menu-list .checkbox-label {
        -webkit-padding-end: 1.5rem;
        padding-inline-end: 1.5rem
    }
}

.menu-list .checkbox-label::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--background-color);
    border-radius: var(--root-radii-xs);
    border: 1px solid var(--theme-background-accent-strong-normal)
}

@media (forced-colors:active) {
    .menu-list .checkbox-label::after {
        background-color: activetext
    }
}

html:not([dir=rtl]) .menu-list .checkbox-label::after {
    right: 0
}

html[dir=rtl] .menu-list .checkbox-label::after {
    left: 0
}

.menu-list .checkbox-label:hover {
    --background-color: var(--theme-background-accent-subtle-hover)
}

.menu-list__item-checkbox .checkbox-input:checked~.checkbox-label::after {
    content: "\E73E";
    font-family: MWF-FLUENT-ICONS;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-foreground-accent-strong-normal);
    background-color: var(--theme-background-accent-strong-normal)
}

.menu-list input:focus+.checkbox-label::after {
    outline: var(--root-border-xs) solid var(--theme-border-accent-subtle-selected)
}

.menu-list__list-item {
    display: flex
}

.menu-list__list-item .list-item__inner {
    padding: 0
}

.menu-list__list-item .list-item__inner .list-item__leading {
    display: none
}

.menu-list__list-item .indicator {
    opacity: var(--menu-list-item-indicator-opacity);
    transition: opacity .2s ease;
    height: auto;
    color: var(--theme-foreground-base-highlight)
}

@media (forced-colors:active) {
    .menu-list__list-item .indicator {
        --indicator-color: activetext
    }
}

.menu-list__list-item-text {
    padding-inline: var(--root-spacing-xs);
    width: 100%
}

.menu-list__list-item--disabled {
    --menu-list-item-indicator-opacity: 0;
    opacity: .2;
    pointer-events: none
}

.menu-list__list-item--disabled:focus,
.menu-list__list-item--disabled:hover {
    --menu-list-item-background-color: transparent;
    --menu-list-item-indicator-opacity: 0
}

.menu-list__list-item--disabled:active {
    --menu-list-item-background-color: transparent;
    --menu-list-item-indicator-opacity: 0
}

.menu-list__item-link,
.menu-list__item-radio {
    --menu-list-item-background-color: transparent;
    --menu-list-item-indicator-opacity: 0;
    background-color: var(--menu-list-item-background-color);
    border-radius: var(--menu-list-item-border-radius);
    padding: var(--root-spacing-s) var(--root-spacing-xs);
    display: flex;
    text-decoration: none
}

.menu-list__item-link:focus,
.menu-list__item-link:hover,
.menu-list__item-radio:focus,
.menu-list__item-radio:hover {
    --menu-list-item-background-color: var(--theme-background-accent-subtle-hover);
    --menu-list-item-indicator-opacity: 1
}

@media (forced-colors:active) {

    .menu-list__item-link:focus,
    .menu-list__item-link:hover,
    .menu-list__item-radio:focus,
    .menu-list__item-radio:hover {
        border: 1px solid activetext
    }
}

.menu-list__item-link:active,
.menu-list__item-radio:active {
    --menu-list-item-background-color: var(--theme-background-accent-subtle-pressed);
    --menu-list-item-indicator-opacity: 1
}

@media (forced-colors:active) {

    .menu-list__item-link:active,
    .menu-list__item-radio:active {
        border: 1px solid activetext
    }
}

.menu-list__item-link,
.menu-list__list-item {
    width: var(--menu-list-item-link-width)
}

.menu-list .ocr-slider .menu-list__list-item {
    white-space: nowrap
}

.menu-list .ocr-divider {
    margin-top: var(--root-spacing-s);
    margin-bottom: var(--root-spacing-s)
}

.menu-list--scrollbar .menu-list__list-item.selected {
    pointer-events: none
}

.menu-list--scrollbar .menu-list__list-item.selected a {
    background-color: var(--theme-background-accent-subtle-hover)
}

.menu-list--scrollbar .menu-list__list-item.selected .indicator {
    --menu-list-item-indicator-opacity: 1
}

.search-bar {
    --search-bar-vertical-padding: var(--root-spacing-s);
    background-color: var(--theme-background-card-normal);
    padding: var(--search-bar-vertical-padding) var(--root-spacing-s) var(--search-bar-vertical-padding) var(--root-spacing-m);
    border-radius: var(--root-radii-m);
    box-shadow: var(--root-depth-2)
}

.search-bar--size-sm {
    --search-bar-vertical-padding: var(--root-spacing-xs)
}

.tabs {
    --arrow-background-color: var(--bg-val);
    --tab-group-tab-item-count: 6;
    --tab-group-tab-item-max: 6;
    --tab-group-max-width: 800px;
    --tabs-type-label-item-max-width: 208px;
    display: flex;
    flex-direction: column
}

.tabs--order-reverse {
    flex-direction: column-reverse
}

.theme-night .tabs .arrow-next {
    --arrow-background-gradient-start-position: 0%;
    --arrow-background-color: #003259
}

.theme-night .tabs .arrow-prev {
    --arrow-background-gradient-start-position: 0%;
    --arrow-background-color: var(--root-color-blue-main-500)
}

.bg--special-fade .tabs .arrow-next {
    --arrow-background-color: var(--root-color-sky-blue-100)
}

.bg--special-fade .tabs .arrow-prev {
    --arrow-background-color: var(--root-color-lavender-100)
}

.theme-night .bg--special-color .tabs .arrow-next {
    --arrow-background-color: #003259
}

.theme-night .bg--special-color .tabs .arrow-prev {
    --arrow-background-color: #05273f
}

.bg--special-color .tabs .arrow-next {
    --arrow-background-color: #9cc3e7
}

.bg--special-color .tabs .arrow-prev {
    --arrow-background-color: #afd9ef
}

.tabs--align-left .tab-group-container {
    align-items: start !important
}

.tabs--align-left .tab-group-container .tab-group {
    justify-content: flex-start !important
}

.tabs:has(.tabs__slider.tabs--type-badge) .tab-panel .media,
.tabs:has(.tabs__slider.tabs--type-badge) .tab-panel .ump-container {
    margin: 0 auto
}

@media (max-width:859.98px) {
    .tabs:has(.tabs__slider.tabs--type-badge) {
        flex-direction: column-reverse
    }

    .tabs:has(.tabs__slider.tabs--type-badge) .tabs__slider.tabs--type-badge {
        margin-top: var(--root-spacing-2xl)
    }
}

.tabs--type-compound .tab-group,
.tabs--type-label .tab-group,
.tabs--type-link .tab-group,
.tabs--type-media .tab-group,
.tabs--type-media-bar .tab-group,
.tabs--type-product-selector .tab-group {
    justify-content: center
}

.tabs--type-label .tab-group,
.tabs--type-media .tab-group {
    gap: var(--root-spacing-m)
}

.tab-group--length-5 {
    --tab-group-tab-item-count: 5
}

.tab-group--length-4 {
    --tab-group-tab-item-count: 4
}

.tab-group--length-3 {
    --tab-group-tab-item-count: 3
}

.tab-group--length-1,
.tab-group--length-2 {
    --tab-group-tab-item-count: 2
}

.cmp-tabs .tab-panel-group,
.tab-panel-group {
    --tabs-panel-margin-top: var(--sm-density, var(--root-spacing-2xl));
    margin: var(--tabs-panel-margin-top) 0 0 0
}

.tabs--order-reverse .cmp-tabs .tab-panel-group,
.tabs--order-reverse .tab-panel-group {
    margin: 0 0 var(--tabs-panel-margin-top) 0
}

.cmp-tabs .tab-panel-group:has(.ocr-accordion.ocr-accordion-item.media),
.tab-panel-group:has(.ocr-accordion.ocr-accordion-item.media) {
    overflow-x: hidden
}

.tab {
    border-top: none !important;
    border-bottom: none !important;
    border-color: var(--theme-border-neutral-fade) !important;
    border-width: 1px !important;
    outline-offset: 0 !important;
    width: 100%
}

.tab__item {
    background: var(--theme-background-card-normal);
    height: 100%;
    position: relative
}

.tab__item:focus .indicator,
.tab__item:hover .indicator {
    opacity: 1
}

.active .tab__item .indicator {
    opacity: 1
}

.tab__item:active {
    background: var(--theme-background-card-pressed)
}

.tab__item .indicator {
    --indicator-length: var(--root-spacing-2xs);
    --indicator-size-small: 100%;
    display: block;
    opacity: 0;
    transition: opacity .2s ease;
    position: absolute;
    bottom: 0;
    left: 0
}

.tabs__slider {
    position: relative;
    z-index: 1
}

.tabs__slider .tab-arrows>button {
    height: 36px;
    top: calc(50% - 36px / 2)
}

.tabs__slider .tab-arrows {
    color: var(--theme-foreground-accent-subtle-normal)
}

.tabs__slider .tab-arrows .arrow-next.tabs__arrow-next-bg,
.tabs__slider .tab-arrows .arrow-prev.tabs__arrow-prev-bg {
    border-radius: 0;
    z-index: 1;
    width: 20vw;
    border: none;
    pointer-events: none;
    margin-top: var(--root-spacing-xs);
    height: 100%;
    max-height: calc(100% - calc(var(--root-spacing-xs) * 2))
}

.tabs__slider .tab-arrows .arrow-next.tabs__arrow-next-bg::after,
.tabs__slider .tab-arrows .arrow-prev.tabs__arrow-prev-bg::after {
    content: none
}

.tabs__slider .tab-arrows .arrow-next,
.tabs__slider .tab-arrows .arrow-prev {
    border: 2px solid var(--theme-foreground-accent-subtle-normal);
    border-radius: var(--root-radii-circle);
    padding: 0;
    width: 40px;
    height: 40px;
    pointer-events: auto
}

.tabs__slider .tab-arrows .arrow-next::after,
.tabs__slider .tab-arrows .arrow-prev::after {
    font-size: var(--root-h5-font-size);
    font-weight: var(--root-small-font-weight);
    color: var(--theme-foreground-accent-subtle-normal)
}

.tabs__slider .tab-arrows .arrow-next:focus,
.tabs__slider .tab-arrows .arrow-next:hover,
.tabs__slider .tab-arrows .arrow-prev:focus,
.tabs__slider .tab-arrows .arrow-prev:hover {
    transform: unset
}

.tabs__slider .tab-arrows .arrow-prev {
    left: -.25rem;
    background: linear-gradient(90deg, var(--arrow-background-color, #f2f2f2) 25%, rgba(242, 242, 242, 0) 100%)
}

.tabs__slider .tab-arrows .arrow-prev[style*="display: none"]~.tabs__arrow-prev-bg {
    display: none
}

.tabs__slider .tab-arrows .arrow-next {
    right: -.25rem;
    background: linear-gradient(270deg, var(--arrow-background-color, #f2f2f2) 25%, rgba(242, 242, 242, 0) 100%)
}

.tabs__slider .tab-arrows .arrow-next[style*="display: none"]~.tabs__arrow-next-bg {
    display: none
}

.tabs__slider.tabs--type-badge {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem
}

@media (min-width:540px) {
    .tabs__slider.tabs--type-badge {
        -webkit-padding-start: 4rem;
        padding-inline-start: 4rem
    }
}

@media (min-width:860px) {
    .tabs__slider.tabs--type-badge {
        -webkit-padding-start: 3.5rem;
        padding-inline-start: 3.5rem
    }
}

@media (min-width:1440px) {
    .tabs__slider.tabs--type-badge {
        -webkit-padding-start: 5%;
        padding-inline-start: 5%
    }
}

.tabs__slider.tabs--type-badge .tab-group {
    -moz-column-gap: var(--root-spacing-m);
    column-gap: var(--root-spacing-m)
}

.tabs__slider.tabs--type-badge .tab-group .tab__item {
    box-shadow: var(--root-depth-2);
    border-radius: var(--root-radii-s)
}

@media (forced-colors:active) {
    .tabs__slider.tabs--type-badge .tab-group .tab__item {
        border: 1px solid activetext
    }
}

.tabs__slider.tabs--type-badge .tab-group .tab__item .indicator {
    border-bottom-left-radius: var(--root-radii-s);
    border-bottom-right-radius: var(--root-radii-s)
}

.tabs__slider.tabs--type-badge .tab-arrows {
    padding-bottom: 40px;
    margin-top: 24px;
    position: relative
}

.tabs__slider.tabs--type-badge .arrow-next:disabled,
.tabs__slider.tabs--type-badge .arrow-prev:disabled {
    opacity: .2;
    cursor: default
}

.tabs__slider.tabs--type-badge .arrow-next::after {
    content: ""
}

html:not([dir=rtl]) .tabs__slider.tabs--type-badge .arrow-next {
    left: 3rem
}

html[dir=rtl] .tabs__slider.tabs--type-badge .arrow-next {
    right: -.5rem
}

.tabs__slider.tabs--type-badge .arrow-prev::after {
    content: ""
}

html[dir=rtl] .tabs__slider.tabs--type-badge .arrow-prev {
    right: 3rem;
    left: auto
}

.tabs__slider.tabs--type-badge .tabs__arrow-next-bg,
.tabs__slider.tabs--type-badge .tabs__arrow-prev-bg {
    display: none
}

.tabs--type-link .slider__window,
.tabs--type-product-selector .slider__window {
    display: block !important
}

.tabs--type-product-selector .slider__window {
    padding: 8px;
    box-shadow: var(--root-depth-2);
    width: -moz-fit-content !important;
    width: fit-content !important;
    border-radius: var(--root-radii-circle);
    background-color: var(--theme-background-card-normal, #fefefe);
    margin-inline: 1rem
}

@media (min-width:860px) {
    .tabs--type-product-selector .slider__window {
        margin-inline: unset;
        border-radius: unset
    }
}


.carousel {
    --carousel-item-padding: var(--root-spacing-l);
    --carousel-indicators-outline-offset: -0.375rem;
    --carousel-slide-outline-offset: -0.15rem;
    --carousel-arrow-height: calc(calc(var(--root-spacing-m) + 1px) * 2 + 1.5rem);
    --carousel-window-margin-top: 0;
    --carousel-window-margin-bottom: calc(var(--carousel-arrow-height) + var(--root-spacing-xl));
    --carousel-controls-justify-content: flex-start;
    --carousel-indicators-display: none;
    --carousel-indicators-max-width: 200px;
    --carousel-compound-bar-indicators-gap: calc(0px);
    --carousel-snap-align: start;
    --carousel-controls-z-index: 1;
    --hero-media-indicator-offset: 0.25rem;
    --media-playlist-indicator-height: 202px;
    --media-playlist-overlay-bottom-spacing: 50px;
    display: flex !important;
    flex-direction: column !important;
    position: relative
}

.carousel__section a.sr-only-focusable:active,
.carousel__section a.sr-only-focusable:focus {
    z-index: 501;
    word-wrap: break-word;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available
}

.carousel__controls {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: var(--carousel-controls-justify-content);
    z-index: var(--carousel-controls-z-index, 1);
    width: 100%;
    gap: var(--root-spacing-xs)
}

.carousel__controls .carousel__cta {
    margin: auto;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.carousel__window {
    overflow-x: scroll;
    white-space: nowrap;
    scroll-snap-type: unset;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-top: var(--carousel-window-margin-top);
    margin-bottom: var(--carousel-window-margin-bottom)
}

.carousel.scroll-snap-mandatory .carousel__window {
    scroll-snap-type: x mandatory
}

.carousel__window.carousel__window--no-controls.hide-scrollbar {
    --carousel-window-margin-top: 0;
    --carousel-window-margin-bottom: 0
}

.carousel__slide {
    white-space: normal;
    scroll-snap-align: var(--carousel-snap-align);
    padding: .1875rem
}

.carousel__slide:focus {
    outline-offset: var(--carousel-slide-outline-offset)
}

.carousel__slide .card-horizontal {
    margin: 0
}

.carousel__indicators {
    display: var(--carousel-indicators-display);
    justify-content: center;
    margin-bottom: 0
}

.carousel__indicators .indicator {
    --indicator-color: var(--theme-background-accent-strong-selected)
}

.theme-night .carousel__indicators .indicator {
    --indicator-color: var(--theme-background-accent-subtle-selected)
}

.carousel__indicators-item {
    display: flex
}

.carousel__indicators-item:focus {
    outline-offset: var(--carousel-indicators-outline-offset)
}

.carousel__indicators-item__label {
    color: var(--theme-foreground-base-subtle)
}

.carousel__arrow-next,
.carousel__arrow-prev {
    display: var(--carousel-arrows-display);
    border: 2px solid var(--theme-border-accent-subtle-normal);
    border-radius: var(--root-radii-circle);
    align-items: center;
    align-self: center;
    height: -moz-fit-content;
    height: fit-content;
    color: var(--theme-foreground-accent-subtle-normal);
    background: 0 0
}

html[dir=rtl] .carousel__arrow-next,
html[dir=rtl] .carousel__arrow-prev {
    transform: rotate(-180deg)
}

.carousel__arrow-next [class^=glyph],
.carousel__arrow-prev [class^=glyph] {
    display: flex;
    align-items: center
}

.carousel__arrow-next:disabled,
.carousel__arrow-prev:disabled {
    opacity: .2
}

.carousel__arrow-prev {
    padding: calc(var(--root-spacing-m) + 1px) calc(var(--root-spacing-m) + 2px) calc(var(--root-spacing-m) + 1px) var(--root-spacing-m)
}

.carousel__arrow-next {
    padding: calc(var(--root-spacing-m) + 1px) var(--root-spacing-m) calc(var(--root-spacing-m) + 1px) calc(var(--root-spacing-m) + 2px)
}

.carousel__back-to-controls {
    padding: var(--root-spacing-xs) var(--root-spacing-m) !important;
    width: auto !important;
    max-width: 100%;
    bottom: calc(var(--root-spacing-3xl) * -1);
    margin-inline: 5px
}

@media (min-width:860px) {
    .carousel__back-to-controls {
        bottom: calc(var(--root-spacing-2xl) * -1)
    }
}

@media (max-width:859.98px) {
    .carousel {
        --carousel-arrow-nav-display: inline-flex;
        --carousel-media-nav-display: none
    }
}

.carousel ol {
    list-style-type: none;
    padding: 0
}

.carousel--indicator-media-bar .carousel__indicators-item {
    max-width: calc(1328px / 6)
}

.carousel--indicator-media-bar .carousel__indicators-item.active .indicator {
    opacity: 1
}

.carousel--indicator-media-bar .carousel__indicators-item--container {
    background: var(--theme-background-card-normal);
    box-shadow: var(--root-depth-4);
    overflow: hidden;
    max-width: var(--carousel-indicators-max-width)
}

@media (forced-colors:active) {
    .carousel--indicator-media-bar .carousel__indicators-item--container {
        border: 1px solid activetext
    }
}

.carousel--indicator-media-bar .carousel__indicators-item--container:focus .indicator,
.carousel--indicator-media-bar .carousel__indicators-item--container:hover .indicator {
    opacity: 1
}

.carousel--indicator-media-bar .carousel__indicators-item--container .indicator {
    --indicator-length: var(--root-spacing-2xs);
    --indicator-size-small: 100%;
    display: block;
    opacity: 0;
    transition: opacity .2s ease;
    bottom: 0;
    left: 0
}

@media (forced-colors:active) {
    .carousel--indicator-media-bar .carousel__indicators-item--container .indicator {
        --indicator-color: activetext
    }
}

.carousel--indicator-media-bar .carousel__indicators-item__media {
    padding: var(--root-spacing-m);
    display: flex;
    justify-content: center
}

.carousel--indicator-media-bar .carousel__indicators-item__media .media__asset {
    padding: var(--root-spacing-m)
}

.carousel--indicator-media-bar .carousel__indicators-item__label {
    background: 0 0;
    color: var(--theme-foreground-accent-subtle-normal)
}

.indicator+.carousel--indicator-media-bar .carousel__indicators-item__label {
    position: unset;
    opacity: .1;
    border-radius: var(--root-radii-s);
    margin-bottom: var(--root-spacing-m)
}

.carousel--indicator-media-bar .carousel__indicators-item__label:focus .indicator,
.carousel--indicator-media-bar .carousel__indicators-item__label:hover .indicator {
    opacity: .2
}

.carousel--indicator-media-bar .carousel__indicators-item__label:active {
    background: 0 0
}

.carousel--indicator-media-bar .carousel__indicators-item__label:active .indicator {
    --indicator-color: var(--theme-background-accent-subtle-pressed);
    opacity: 1
}

html:not([dir=rtl]) .carousel--indicator-media-bar li:first-child,
html:not([dir=rtl]) .carousel--indicator-media-bar li:first-child .carousel__indicators-item--container {
    border-top-left-radius: var(--root-radii-m);
    border-bottom-left-radius: var(--root-radii-m)
}

html[dir=rtl] .carousel--indicator-media-bar li:first-child,
html[dir=rtl] .carousel--indicator-media-bar li:first-child .carousel__indicators-item--container {
    border-top-right-radius: var(--root-radii-m);
    border-bottom-right-radius: var(--root-radii-m)
}

html:not([dir=rtl]) .carousel--indicator-media-bar li:last-child,
html:not([dir=rtl]) .carousel--indicator-media-bar li:last-child .carousel__indicators-item--container {
    border-top-right-radius: var(--root-radii-m);
    border-bottom-right-radius: var(--root-radii-m)
}

html[dir=rtl] .carousel--indicator-media-bar li:last-child,
html[dir=rtl] .carousel--indicator-media-bar li:last-child .carousel__indicators-item--container {
    border-top-left-radius: var(--root-radii-m);
    border-bottom-left-radius: var(--root-radii-m)
}

html:not([dir=rtl]) .carousel--indicator-media-bar li:first-child .indicator {
    border-bottom-left-radius: var(--root-radii-s)
}

html[dir=rtl] .carousel--indicator-media-bar li:first-child .indicator {
    border-bottom-right-radius: var(--root-radii-s)
}

html:not([dir=rtl]) .carousel--indicator-media-bar li:last-child .indicator {
    border-bottom-right-radius: var(--root-radii-s)
}

html[dir=rtl] .carousel--indicator-media-bar li:last-child .indicator {
    border-bottom-left-radius: var(--root-radii-s)
}

.carousel--indicator-compound-bar {
    --carousel-indicators-max-width: 208px;
    --carousel-compound-bar-indicators-gap: var(--root-spacing-m);
    --carousel-indicators-outline-offset: 0
}

.carousel--indicator-compound-bar .carousel__indicators {
    gap: var(--carousel-compound-bar-indicators-gap)
}

.carousel--indicator-compound-bar li {
    flex: 1 1 auto;
    max-width: var(--carousel-indicators-max-width);
    width: 100%
}

.carousel--indicator-compound-bar li .carousel__indicators-item {
    display: block;
    background: 0 0;
    text-decoration: none
}

.carousel--indicator-compound-bar li .carousel__indicators-item.active .indicator,
.carousel--indicator-compound-bar li .carousel__indicators-item:active .indicator,
.carousel--indicator-compound-bar li .carousel__indicators-item:focus .indicator,
.carousel--indicator-compound-bar li .carousel__indicators-item:hover .indicator {
    --indicator-color: var(--theme-background-accent-subtle-selected)
}

.carousel--indicator-compound-bar li .carousel__indicators-item.active .carousel__indicators-item__label {
    color: var(--theme-foreground-accent-subtle-pressed)
}

@media (min-width:860px) {

    .carousel--type-case-study .carousel__controls,
    .carousel--type-media-tabs .carousel__controls {
        flex-direction: column;
        gap: var(--root-spacing-xl)
    }

    .carousel--type-case-study .carousel__controls .carousel__cta,
    .carousel--type-media-tabs .carousel__controls .carousel__cta {
        margin: auto;
        width: 100%;
        max-width: calc((var(--carousel-indicators-max-width) * 6) + (var(--carousel-compound-bar-indicators-gap) * 5))
    }
}

.carousel--type-case-study,
.carousel--type-case-study-news,
.carousel--type-media-tabs,
.carousel--type-promo {
    --carousel-window-margin-bottom: var(--root-spacing-xl);
    --carousel-controls-justify-content: flex-start;
    --carousel-indicators-display: none;
    --carousel-arrows-display: flex
}

@media (min-width:860px) {

    .carousel--type-case-study,
    .carousel--type-case-study-news,
    .carousel--type-media-tabs,
    .carousel--type-promo {
        --carousel-controls-justify-content: center;
        --carousel-indicators-display: flex;
        --carousel-arrows-display: none
    }
}

@media (max-width:859.98px) {

    .carousel--type-case-study .layout--overflow,
    .carousel--type-case-study-news .layout--overflow,
    .carousel--type-media-tabs .layout--overflow,
    .carousel--type-promo .layout--overflow {
        width: auto
    }
}

.carousel--type-case-study .carousel__indicators-item:active .carousel__indicators-type--media,
.carousel--type-case-study-news .carousel__indicators-item:active .carousel__indicators-type--media,
.carousel--type-media-tabs .carousel__indicators-item:active .carousel__indicators-type--media,
.carousel--type-promo .carousel__indicators-item:active .carousel__indicators-type--media {
    background: var(--theme-background-card-pressed)
}

@media (max-width:1439.98px) {
    .carousel--type-regular .layout--cols-3 {
        --layout-column-count: 2
    }
}

@media (max-width:539.98px) {
    .carousel--type-regular .layout--cols-3 {
        --layout-column-count: 1
    }
}

@media (max-width:1439.98px) {
    .carousel--type-story-telling .layout--cols-5 {
        --layout-column-count: 3
    }
}

@media (max-width:859.98px) {
    .carousel--type-story-telling .layout--cols-5 {
        --layout-column-count: 2
    }
}

@media (max-width:539.98px) {
    .carousel--type-story-telling .layout--cols-5 {
        --layout-column-count: 1
    }
}

.carousel--type-vertical {
    --carousel-controls-justify-content: flex-start;
    --carousel-indicators-display: none;
    --carousel-arrows-display: flex
}

@media (min-width:860px) {
    .carousel--type-vertical {
        --carousel-indicators-display: flex;
        --carousel-arrows-display: none
    }

    .carousel--type-vertical .carousel__controls {
        flex: 1;
        flex-direction: column;
        position: relative;
        display: flex;
        justify-content: var(--carousel-controls-justify-content);
        z-index: 1;
        width: 100%;
        gap: var(--root-spacing-xl)
    }

    .carousel--type-vertical .carousel__controls .carousel__indicators {
        justify-content: start
    }

    .carousel--type-vertical .carousel__controls ol {
        flex-direction: column;
        width: 100%
    }

    .carousel--type-vertical .carousel__controls li {
        display: flex;
        width: 100%;
        --indicator-opacity: 0
    }

    .carousel--type-vertical .carousel__controls li:has(.active),
    .carousel--type-vertical .carousel__controls li:hover {
        --indicator-opacity: 1
    }

    .carousel--type-vertical .carousel__controls li .carousel__indicators-item {
        position: relative;
        flex-wrap: wrap;
        width: 100%;
        padding-top: var(--root-spacing-m);
        padding-bottom: var(--root-spacing-m);
        -webkit-padding-start: var(--root-spacing-xs);
        padding-inline-start: var(--root-spacing-xs);
        -webkit-margin-start: calc(var(--root-spacing-2xl) - var(--root-spacing-xs));
        margin-inline-start: calc(var(--root-spacing-2xl) - var(--root-spacing-xs));
        color: inherit;
        text-decoration: none;
        --glyph-opacity: 0
    }

    .carousel--type-vertical .carousel__controls li .carousel__indicators-item.active {
        --glyph-opacity: 1
    }

    .carousel--type-vertical .carousel__controls li .carousel__indicators-item.active .carousel__indicators-type--media {
        background: var(--theme-background-card-pressed)
    }

    .carousel--type-vertical .carousel__controls li .carousel__indicators-item .glyph-prepend {
        opacity: var(--glyph-opacity)
    }

    .carousel--type-vertical .carousel__controls li .indicator {
        opacity: var(--indicator-opacity)
    }

    .carousel--type-vertical .carousel__controls li .ocr-divider {
        position: absolute;
        width: calc(100% - var(--root-spacing-xs));
        top: 100%
    }

    .carousel--type-vertical .carousel__controls .carousel__cta {
        margin: 0
    }

    .carousel--type-vertical .carousel__window {
        flex: 1;
        -webkit-margin-end: var(--root-spacing-2xl);
        margin-inline-end: var(--root-spacing-2xl)
    }
}

@media (max-width:859.98px) {
    .carousel--type-vertical .layout--overflow {
        width: auto
    }
}

.carousel--type-vertical .carousel__indicators-item:active .carousel__indicators-type--media {
    background: var(--theme-background-card-pressed)
}

.carousel--type-vertical .carousel__section {
    display: flex
}

.carousel--type-hero-media {
    --carousel-controls-z-index: 2
}

.carousel--type-hero-media .carousel__controls {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:540px) {
    .carousel--type-hero-media .carousel__controls {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) {
    .carousel--type-hero-media .carousel__controls {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:1440px) {
    .carousel--type-hero-media .carousel__controls {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

.carousel--type-hero-media .carousel__slide {
    padding: 0
}

.carousel--type-hero-media .block-heading__title {
    font-size: var(--root-h1-font-size, 2.5rem)
}

@media (max-width:859.98px) {
    .carousel--type-hero-media .hero-media .overlay__target {
        --bg-val: transparent
    }

    .carousel--type-hero-media .carousel__controls {
        padding: 0 var(--root-spacing-4xl) var(--root-spacing-4xl) var(--root-spacing-4xl)
    }

    .carousel--type-hero-media .carousel__slide {
        padding-bottom: var(--root-spacing-3xl)
    }
}

@media (max-width:539.98px) {
    .carousel--type-hero-media .layout--overflow {
        width: auto
    }

    .carousel--type-hero-media .carousel__controls {
        padding: 0 var(--root-spacing-l) var(--root-spacing-4xl) var(--root-spacing-l)
    }
}

@media (min-width:860px) {
    .carousel--type-hero-media {
        --carousel-indicators-display: flex;
        --carousel-controls-justify-content: space-between;
        --carousel-window-margin-bottom: 0
    }

    .carousel--type-hero-media .carousel__arrow-next,
    .carousel--type-hero-media .carousel__arrow-prev {
        position: static !important
    }

    .carousel--type-hero-media .carousel__controls {
        max-width: 1328px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .carousel--type-hero-media .carousel__indicators {
        position: absolute;
        bottom: calc(var(--root-spacing-xl) + var(--hero-media-indicator-offset));
        width: 100%;
        gap: 4px
    }

    .carousel--type-hero-media .carousel__indicators .indicator {
        --indicator-color: var(--theme-background-accent-subtle-normal);
        width: 1.5rem
    }

    .carousel--type-hero-media .carousel__indicators .active .indicator {
        --indicator-color: var(--theme-background-accent-subtle-selected)
    }
}

@media (min-width:860px) and (forced-colors:active) {
    .carousel--type-hero-media .carousel__indicators .active .indicator {
        --indicator-color: activetext
    }

    .carousel--type-hero-media .carousel__indicators .indicator {
        --indicator-color: currentColor
    }
}

@media (prefers-reduced-motion:no-preference) {

    .carousel--type-hero-media.animation--effect-2-scroll.effect-on .carousel__arrow-prev,
    .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .carousel__arrow-prev {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-right var(--animation-duration) ease-in-out .2s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .carousel--type-hero-media.animation--effect-2-scroll.effect-on .carousel__arrow-next,
    .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .carousel__arrow-next {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-left var(--animation-duration) ease-in-out .2s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .carousel--type-hero-media.animation--effect-2-scroll.effect-on .carousel__indicators,
    .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .carousel__indicators {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out .2s 1 normal none
    }
}

@media (prefers-reduced-motion:no-preference) {

    .carousel--type-hero-media.animation--effect-2-scroll.effect-on .hero-media__media .media,
    .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .hero-media__media .media {
        --animation-duration: 1200ms;
        animation: fade-in var(--animation-duration), scale-down-center var(--animation-duration) ease-in-out .2s 1 normal none
    }
}

.carousel--type-large .carousel__slide,
.carousel--type-regular .carousel__slide,
.carousel--type-story-telling .carousel__slide,
.carousel--type-xlarge .carousel__slide {
    margin-bottom: var(--root-spacing-m)
}

.carousel--type-large .card,
.carousel--type-regular .card,
.carousel--type-story-telling .card,
.carousel--type-xlarge .card {
    transition: box-shadow .2s ease-in-out
}

.carousel--type-large .card .media,
.carousel--type-regular .card .media,
.carousel--type-story-telling .card .media,
.carousel--type-xlarge .card .media {
    --media-border-radius: var(--root-radii-m);
    overflow: hidden
}

.carousel--type-large .card .card__media>.media>.ocr-img img,
.carousel--type-regular .card .card__media>.media>.ocr-img img,
.carousel--type-story-telling .card .card__media>.media>.ocr-img img,
.carousel--type-xlarge .card .card__media>.media>.ocr-img img {
    transform: scale(1);
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:no-preference) {

    .carousel--type-large .card:hover,
    .carousel--type-regular .card:hover,
    .carousel--type-story-telling .card:hover,
    .carousel--type-xlarge .card:hover {
        box-shadow: var(--root-depth-16)
    }

    .carousel--type-large .card:hover .card__media>.media>.ocr-img img,
    .carousel--type-regular .card:hover .card__media>.media>.ocr-img img,
    .carousel--type-story-telling .card:hover .card__media>.media>.ocr-img img,
    .carousel--type-xlarge .card:hover .card__media>.media>.ocr-img img {
        transform: scale(1.15)
    }
}

.carousel--type-large .empty-slide,
.carousel--type-regular .empty-slide,
.carousel--type-story-telling .empty-slide,
.carousel--type-xlarge .empty-slide {
    -webkit-padding-start: 1px;
    padding-inline-start: 1px
}

.carousel--type-case-study-news,
.carousel--type-promo {
    --carousel-controls-justify-content: flex-start;
    --carousel-indicators-display: none;
    --carousel-arrows-display: flex
}

.carousel--type-case-study-news .carousel__window,
.carousel--type-promo .carousel__window {
    --carousel-window-margin-bottom: calc(var(--carousel-arrow-height) + var(--root-spacing-xl))
}

.carousel--type-case-study-news .card-horizontal__content {
    --card-horizontal-content-gap: var(--root-spacing-3xl)
}

.carousel--type-large .carousel__container,
.carousel--type-regular .carousel__container,
.carousel--type-story-telling .carousel__container,
.carousel--type-xlarge .carousel__container {
    padding-right: 1rem;
    padding-left: 1rem;
    margin: auto
}

@media (min-width:540px) {

    .carousel--type-large .carousel__container,
    .carousel--type-regular .carousel__container,
    .carousel--type-story-telling .carousel__container,
    .carousel--type-xlarge .carousel__container {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) {

    .carousel--type-large .carousel__container,
    .carousel--type-regular .carousel__container,
    .carousel--type-story-telling .carousel__container,
    .carousel--type-xlarge .carousel__container {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:1440px) {

    .carousel--type-large .carousel__container,
    .carousel--type-regular .carousel__container,
    .carousel--type-story-telling .carousel__container,
    .carousel--type-xlarge .carousel__container {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width:860px) {

    .carousel--type-large .carousel__container,
    .carousel--type-regular .carousel__container,
    .carousel--type-story-telling .carousel__container,
    .carousel--type-xlarge .carousel__container {
        max-width: 100vw
    }
}

@media (min-width:1440px) {

    .carousel--type-large .carousel__container,
    .carousel--type-regular .carousel__container,
    .carousel--type-story-telling .carousel__container,
    .carousel--type-xlarge .carousel__container {
        max-width: 1328px
    }
}

@media (min-width:1440px) {

    .carousel--type-large .carousel__container,
    .carousel--type-regular .carousel__container,
    .carousel--type-story-telling .carousel__container,
    .carousel--type-xlarge .carousel__container {
        left: 0;
        right: 0
    }
}

.carousel--type-case-study .carousel__container {
    margin: auto
}

.carousel__container :has(.ump-container) {
    width: 100%
}

.carousel__container :has(.ump-container) .carousel__slide.layout__col {
    width: 100%
}

.carousel__container :has(.ump-container) .carousel__slide.layout__col .cascade-media-player {
    width: 100%
}

.carousel--controls-top .carousel__controls {
    position: unset
}

.carousel--controls-top .carousel__window {
    --carousel-window-margin-top: var(--root-spacing-xl);
    --carousel-window-margin-bottom: 0
}

.carousel--controls-top .carousel__slide {
    margin-bottom: calc(var(--carousel-window-margin-top) - var(--root-spacing-m))
}

@media (min-width:860px) {
    .carousel--controls-middle .carousel__controls {
        top: 50%;
        bottom: unset;
        transform: translateY(-50%)
    }

    .carousel--controls-middle .carousel__controls button {
        position: absolute
    }

    .carousel--controls-middle .carousel__controls .carousel__arrow-prev {
        left: var(--root-spacing-m);
        padding: var(--root-spacing-m)
    }

    html[dir=rtl] .carousel--controls-middle .carousel__controls .carousel__arrow-prev {
        left: unset;
        right: var(--root-spacing-m)
    }

    .carousel--controls-middle .carousel__controls .carousel__arrow-next {
        right: var(--root-spacing-m);
        padding: var(--root-spacing-m)
    }

    html[dir=rtl] .carousel--controls-middle .carousel__controls .carousel__arrow-next {
        right: unset;
        left: var(--root-spacing-m)
    }
}

@media (min-width:860px) {
    .carousel--controls-md-top .carousel__controls {
        position: unset
    }

    .carousel--controls-md-top .carousel__window {
        --carousel-window-margin-top: var(--root-spacing-xl);
        --carousel-window-margin-bottom: 0
    }

    .carousel--controls-md-top .carousel__slide {
        margin-bottom: calc(var(--carousel-window-margin-top) - var(--root-spacing-m))
    }
}

.carousel--type-media-tabs .media {
    margin: auto
}

.carousel--controls-bottom-right .carousel__controls {
    justify-content: flex-end
}

@media (min-width:860px) and (max-width:1439.98px) {
    .carousel--type-promo .layout--cols-2.layout--sidebar {
        --layout-column-count: 1
    }

    .carousel--type-promo .layout--cols-2.layout--sidebar>.layout__col {
        --layout-column-width: calc(var(--layout-available-width) / var(--layout-column-count))
    }
}

.carousel--type-promo .layout--cols-2.layout--sidebar>.layout__col:nth-child(even) {
    max-width: var(--layout-column-width)
}

.carousel--type-promo .carousel__window {
    --carousel-window-margin-bottom: 0
}

.carousel--type-promo .carousel__section {
    margin-bottom: calc(var(--carousel-arrow-height) + var(--root-spacing-xl))
}

.carousel--type-promo .carousel__controls {
    display: flex
}

.carousel--type-promo .carousel__controls .carousel__arrow-next,
.carousel--type-promo .carousel__controls .carousel__arrow-prev {
    order: 1
}

.carousel--type-promo .carousel__controls .carousel__cta {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.carousel--type-media-playlist-video {
    --carousel-indicators-display: flex
}

@media (max-width:539.98px) {
    .carousel--type-media-playlist-video .layout--overflow {
        width: auto
    }
}

@media (max-width:1279.8px) {
    .carousel--type-media-playlist-video .carousel__section {
        display: flex;
        flex-direction: column
    }

    .carousel--type-media-playlist-video .carousel__window {
        background-color: var(--bg-val);
        z-index: 2 !important;
        width: 100%
    }

    .carousel--type-media-playlist-video .carousel__window .carousel__slide {
        padding: unset
    }

    .carousel--type-media-playlist-video .carousel__controls {
        order: 1
    }

    .carousel--type-media-playlist-video .carousel__controls .carousel__indicators {
        --carousel-indicators-display: flex;
        flex-direction: column;
        width: 100%
    }

    .carousel--type-media-playlist-video .carousel__controls .carousel__indicators-item {
        width: 100%
    }

    .carousel--type-media-playlist-video .carousel__controls .carousel__indicators-item--container {
        flex-grow: 1
    }

    .carousel--type-media-playlist-video .ocr-slider .slider__arrows {
        display: none !important
    }

    .carousel--type-media-playlist-video .ocr-slider .slider__window {
        width: 100% !important;
        justify-content: center
    }

    .carousel--type-media-playlist-video .ocr-slider .slider__window>div.d-flex {
        flex-grow: 1
    }

    .carousel--type-media-playlist-video .carousel__overlay-btn-toggle {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .carousel__section.single-slide .carousel__overlay-content {
        bottom: var(--media-playlist-overlay-bottom-spacing)
    }
}

.carousel--type-media-playlist-video .carousel__window {
    margin-bottom: 0 !important;
    background-color: var(--root-color-sky-blue-50)
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .carousel__window {
        position: initial !important
    }
}

.carousel--type-media-playlist-video .carousel__slide {
    position: relative
}

.carousel--type-media-playlist-video .carousel__slide:focus {
    outline-color: var(--root-color-dark-blue-800)
}

.carousel--type-media-playlist-video .carousel__overlay-content {
    padding: var(--root-spacing-l) 0 var(--root-spacing-2xl) 0
}

.carousel--type-media-playlist-video .carousel__overlay-content>.block-feature {
    max-width: 288px;
    margin-inline: auto
}

@media (min-width:540px) {
    .carousel--type-media-playlist-video .carousel__overlay-content>.block-feature {
        max-width: 328px
    }
}

@media (min-width:860px) {
    .carousel--type-media-playlist-video .carousel__overlay-content {
        max-width: 570px;
        margin-inline: auto
    }

    .carousel--type-media-playlist-video .carousel__overlay-content>.block-feature {
        max-width: none
    }
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .carousel__overlay-content {
        padding: 0;
        position: absolute;
        bottom: calc(var(--media-playlist-indicator-height) + var(--media-playlist-overlay-bottom-spacing));
        width: 100%;
        max-width: none;
        text-align: center;
        z-index: 1;
        overflow: hidden
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.carousel__overlay-content-hidden {
        bottom: var(--media-playlist-overlay-bottom-spacing)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content .carousel__overlay-btn-toggle {
        margin-bottom: var(--root-spacing-m)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content .carousel__overlay-btn-toggle span {
        transition: all 1s ease-in-out;
        display: inline-block
    }

    .carousel--type-media-playlist-video .carousel__overlay-content .carousel__overlay-btn-toggle.overlay-visible span {
        transform: rotate(180deg)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.theme-night .block-feature__label {
        color: var(--root-color-sky-blue-300)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.theme-night .block-feature__title {
        --block-feature-title-color: var(--root-color-sky-blue-50)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.theme-night .block-feature__paragraph {
        color: var(--root-color-sky-blue-100)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.light__theme .block-feature__label {
        color: var(--root-color-brilliant-blue-700)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.light__theme .block-feature__title {
        --block-feature-title-color: var(--root-color-dark-blue-900)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content.light__theme .block-feature__paragraph {
        color: var(--root-color-dark-blue-800)
    }

    .carousel--type-media-playlist-video .carousel__overlay-content .block-feature {
        width: 539px;
        margin-inline: auto
    }
}

.carousel--type-media-playlist-video .carousel__controls {
    padding: 0 var(--root-spacing-l) 0 var(--root-spacing-l);
    position: relative;
    bottom: unset
}

@media (min-width:540px) {
    .carousel--type-media-playlist-video .carousel__controls {
        padding: 0 var(--root-spacing-2xl) 0 var(--root-spacing-2xl)
    }

    .carousel--type-media-playlist-video .carousel__controls>.ocr-slider {
        padding-inline: var(--root-spacing-2xl)
    }
}

@media (min-width:860px) {
    .carousel--type-media-playlist-video .carousel__controls {
        max-width: 570px;
        margin-inline: auto;
        padding: 0
    }

    .carousel--type-media-playlist-video .carousel__controls>.ocr-slider {
        padding-inline: 0
    }
}

@media screen and (max-width:1279.8px) {
    .carousel--type-media-playlist-video .carousel__controls {
        z-index: 1 !important
    }
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .carousel__controls {
        z-index: 2;
        position: absolute;
        max-width: none;
        bottom: var(--media-playlist-overlay-bottom-spacing)
    }

    html:not([dir=rtl]) .carousel--type-media-playlist-video .carousel__controls {
        padding-left: 5%;
        padding-right: 1%
    }

    html[dir=rtl] .carousel--type-media-playlist-video .carousel__controls {
        padding-left: 1%;
        padding-right: 5%
    }

    .carousel--type-media-playlist-video .carousel__controls.theme-night .list-item__content .label-small {
        --fg-val: var(--root-color-sky-blue-300)
    }

    .carousel--type-media-playlist-video .carousel__controls.theme-night .list-item__content-title {
        --fg-val: var(--root-color-sky-blue-50)
    }

    .carousel--type-media-playlist-video .carousel__controls.light__theme .list-item__content .label-small {
        color: var(--root-color-brilliant-blue-700)
    }

    .carousel--type-media-playlist-video .carousel__controls.light__theme .list-item__content-title {
        --fg-val: var(--root-color-dark-blue-900)
    }
}

.carousel--type-media-playlist-video .carousel__controls .carousel__arrow-next,
.carousel--type-media-playlist-video .carousel__controls .carousel__arrow-prev {
    display: none
}

.carousel--type-media-playlist-video .carousel__indicators {
    gap: var(--root-spacing-m)
}

@media screen and (max-width:1279.8px) {
    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item-wrapper:nth-child(-n+4) {
        display: flex
    }

    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item-wrapper {
        display: none
    }
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item {
    text-decoration: none;
    max-width: none;
    height: 100%
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item:focus {
    outline: 0
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item:focus .carousel__indicators-item--container {
    outline: 2px dotted var(--theme-foreground-accent-subtle-normal);
    outline-offset: -2px
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item:hover .carousel__indicators-item--container {
    background: var(--theme-background-glass-hover) !important
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .carousel__indicators-item--container {
    background: var(--theme-background-card-selected) !important
}

@media screen and (min-width:1280px) {

    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .carousel__indicators-item__description,
    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .list-item,
    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .tag {
        display: none
    }

    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .carousel__indicators-item--container {
        background: var(--theme-background-glass-selected) !important
    }
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item--container {
    max-width: none;
    background: var(--theme-background-card-normal) !important
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item--container {
        background: var(--theme-background-glass-normal) !important
    }
}

.carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item__media {
    padding: 0
}

.carousel--type-media-playlist-video .carousel__indicators .ocr-img.media__asset {
    padding: 0
}

.carousel--type-media-playlist-video .carousel__indicators .list-item .list-item__inner {
    padding: unset
}

.carousel--type-media-playlist-video .carousel__show-more-indicator {
    display: none
}

@media screen and (max-width:1279.8px) {
    .carousel--type-media-playlist-video .carousel__show-more-indicator {
        display: block;
        padding-top: var(--root-spacing-2xl)
    }
}

@media (max-width:539.98px) {
    .carousel--type-media-playlist-video .carousel__show-more-indicator {
        width: 100%
    }
}

.carousel--type-media-playlist-video .ocr-slider {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--root-spacing-xl)
}

.carousel--type-media-playlist-video .ocr-slider .slider__arrow-next-bg,
.carousel--type-media-playlist-video .ocr-slider .slider__arrow-prev-bg {
    display: none
}

.carousel--type-media-playlist-video .ocr-slider .slider__arrows {
    display: none;
    gap: var(--root-spacing-xs)
}

html[dir=rtl] .carousel--type-media-playlist-video .ocr-slider .slider__arrows {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.carousel--type-media-playlist-video .ocr-slider .slider__arrows button {
    height: var(--root-icon-3xl-max-height);
    width: var(--root-icon-3xl-max-width);
    max-height: var(--root-icon-3xl-max-height);
    position: relative;
    background: 0 0;
    margin: 0
}

.carousel--type-media-playlist-video .ocr-slider .slider__arrows button:disabled {
    opacity: .2;
    cursor: default
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .ocr-slider .slider__arrows {
        display: flex
    }
}

.carousel--type-media-playlist-video .ocr-slider .slider__arrow-next::after {
    content: ""
}

.carousel--type-media-playlist-video .ocr-slider .slider__arrow-prev::after {
    content: ""
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .ocr-slider .slider__window {
        padding-bottom: 2px
    }
}

@media (max-width:1279.8px) {
    .carousel--type-media-playlist-video .ocr-slider .slider__window {
        padding-inline: 2px
    }
}

.carousel--type-media-playlist-video .media.media--universal-media-player.overlay__target::before {
    z-index: 0
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .media.media--universal-media-player.overlay__target::before {
        z-index: 1;
        background: var(--theme-background-video-overlay-bottom-vertical-strong)
    }
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button {
        z-index: 1;
        top: 40px
    }

    html:not([dir=rtl]) .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button {
        left: 40px
    }

    html[dir=rtl] .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button {
        right: 40px
    }
}

.carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button:focus {
    outline: 3px dotted var(--root-color-neutral-white) !important
}

.carousel--type-media-playlist-video .media.media--universal-media-player .vjs-control-bar {
    z-index: 1
}

.carousel--type-media-playlist-video .media.media--universal-media-player .vjs-text-track-cue {
    inset: unset !important
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video.light__theme .overlay__target::before {
        background: var(--theme-background-video-overlay-bottom-vertical-strong-light) !important
    }
}

@media screen and (min-width:1280px) {
    .carousel--type-media-playlist-video.light__theme .carousel__indicators .carousel__indicators-item--container {
        background: var(--theme-background-card-normal) !important
    }
}

.carousel--type-media-playlist-video.light__theme .carousel__indicators-item:hover .carousel__indicators-item--container {
    background: var(--theme-background-card-hover) !important
}

.carousel--type-media-playlist-video.light__theme .carousel__indicators-item:active .carousel__indicators-item--container {
    background: var(--theme-background-card-pressed) !important
}

@media (prefers-reduced-motion:no-preference) {
    .carousel--type-media-playlist-video .slide-up-animation {
        --animation-duration: 0.5s;
        animation: slide-up var(--animation-duration) ease-in-out 0s 1 normal none
    }
}

.carousel--type-media-playlist-video .slide-up-bottom-animation {
    animation: carousel-mp-overlay-bottom-up .5s ease-in-out
}

.carousel--type-media-playlist-video .slide-down-bottom-animation {
    animation: carousel-mp-overlay-bottom-down .5s ease-in-out
}

.carousel--type-media-playlist-video .overlay-heading-hidden {
    z-index: -1;
    opacity: 0;
    transform: translateY(100%);
    position: absolute
}

.carousel--type-media-playlist-video .overlay-controls-hidden {
    z-index: -1 !important;
    opacity: 0;
    transform: translateY(100%)
}

@keyframes carousel-mp-overlay-bottom-up {
    from {
        bottom: 50px
    }

    to {
        bottom: 250px
    }
}

@keyframes carousel-mp-overlay-bottom-down {
    from {
        bottom: 250px
    }

    to {
        bottom: 50px
    }
}

.carousel__indicators-type--label {
    display: flex;
    gap: var(--root-spacing-xs)
}

.carousel__indicators-type--label .glyph-prepend {
    display: flex;
    align-self: center;
    color: var(--theme-foreground-base-subtle)
}

.carousel__indicators-type--compound-label .indicator {
    --indicator-color: var(--theme-background-accent-subtle-normal);
    display: block;
    position: unset;
    border-radius: var(--root-radii-s);
    margin-bottom: var(--root-spacing-m);
    --indicator-length: var(--root-spacing-2xs);
    --indicator-size-small: 100%
}

.theme-night .carousel__indicators-type--compound-label .indicator {
    --indicator-color: var(--theme-background-accent-subtle-normal)
}

@media (forced-colors:active) {
    .carousel__indicators-type--compound-label .indicator {
        --indicator-color: activetext
    }
}

.carousel__indicators-type--compound-label .carousel__indicators-item__label {
    color: var(--theme-foreground-accent-subtle-normal)
}

.carousel__indicators-type--videos {
    --carousel-indicator-item-media-width: 144px;
    --carousel-indicator-item-listItem-width: auto;
    border-radius: var(--root-radii-m);
    display: inline-flex;
    -moz-column-gap: var(--root-spacing-l);
    column-gap: var(--root-spacing-l);
    align-items: center;
    padding: var(--root-spacing-m);
    position: relative;
    overflow: hidden;
    --surface-border-width: 1px;
    --surface-border-color: rgba(255, 255, 255, 0.4);
    --surface-border-style: solid;
    --image-border-radius: var(--root-radii-s)
}

.carousel__indicators-type--videos .carousel__indicators-item__description .tag {
    margin-bottom: var(--root-spacing-2xs)
}

.carousel__indicators-type--videos .list-item .list-item__inner {
    padding: unset
}

@media screen and (min-width:1280px) {
    .carousel__indicators-type--videos>div {
        flex: 1 1 0
    }
}

.carousel__indicators-type--videos .ocr-img {
    --image-max-width: var(--carousel-indicator-item-media-width)
}

.carousel__indicators-type--videos .list-item {
    width: var(--carousel-indicator-item-listItem-width)
}

.carousel__indicators-type--videos .indicator {
    position: absolute
}

@media screen and (min-width:1280px) {
    .carousel__indicators-type--videos {
        --carousel-indicator-item-listItem-width: 160px;
        --carousel-indicator-item-media-width: 160px
    }
}

.ocr-divider {
    --divider-border-width: var(--root-border-xs);
    --divider-border-color: var(--theme-border-base-fade);
    border: 0;
    margin: 0;
    border-style: solid;
    border-top-width: var(--divider-border-width);
    border-color: var(--divider-border-color)
}

.ocr-divider--orientation-vertical {
    border-top: none;
    border-inline-start-width: var(--divider-border-width)
}

.ocr-divider--size-s {
    --divider-border-width: var(--root-border-s);
    --divider-border-color: var(--theme-border-base-strong)
}

.ocr-divider--size-m {
    --divider-border-width: var(--root-border-m);
    --divider-border-color: var(--theme-border-base-strong)
}

.button-dropdown-item {
    --button-border-color: var(--theme-border-accent-subtle-normal);
    --button-opacity: 100%;
    --button-text-color: var(--theme-foreground-accent-subtle-normal);
    --background-color: transparent;
    box-shadow: none
}

.button-dropdown-item button {
    display: flex;
    padding: var(--root-spacing-xs) var(--root-spacing-s) var(--root-spacing-xs) var(--root-spacing-m);
    gap: var(--root-spacing-xs);
    opacity: var(--button-opacity);
    border-style: solid;
    border-color: var(--button-border-color);
    border-width: var(--root-border-s);
    border-radius: var(--root-radii-s);
    color: var(--button-text-color) !important;
    background-color: var(--background-color);
    justify-content: center
}

.button-dropdown-item button:hover {
    --button-border-color: var(--theme-border-accent-subtle-hover);
    --button-text-color: var(--theme-foreground-accent-subtle-hover)
}

.button-dropdown-item button:focus {
    outline: var(--root-border-s) solid var(--theme-border-base-strong)
}

.button-dropdown-item button.active {
    --button-text-color: var(--theme-foreground-accent-subtle-selected);
    --background-color: var(--theme-background-accent-subtle-selected);
    --button-border-color: transparent
}

.button-dropdown-item button--label {
    padding-bottom: var(--root-spacing-3xs)
}

.button-dropdown-item button .glyph-prepend {
    display: flex;
    align-self: center
}

.button-dropdown-item:has(.checkbox-input.checked) button {
    --button-text-color: var(--theme-foreground-accent-subtle-selected);
    --background-color: var(--theme-background-accent-subtle-selected);
    --button-border-color: transparent
}

@media (min-width:860px) {
    .button-dropdown-item {
        width: -moz-fit-content;
        width: fit-content
    }

    .button-dropdown-item ul {
        min-width: 328px
    }
}

.dropdown-bar .layout {
    display: flex;
    width: 100%;
    gap: var(--root-spacing-xs);
    --layout-column-count: unset
}

@media (max-width:539.98px) {
    .dropdown-bar .layout .menu-list {
        min-width: 250px
    }
}

@media (max-width:859.98px) {
    .dropdown-bar .layout {
        --layout-column-count: 2
    }

    .dropdown-bar .layout .menu-list {
        min-width: 250px
    }
}

.card-plan-detail {
    --card-plan-detail-background-color: var(--theme-background-card-normal);
    --card-plan-detail-box-shadow: var(--root-depth-4);
    --layout-column-gap: var(--root-spacing-2xl);
    --layout-row-gap: var(--root-spacing-xl);
    background-color: var(--card-plan-detail-background-color);
    box-shadow: var(--card-plan-detail-box-shadow);
    border-radius: var(--root-radii-l);
    color: var(--theme-foreground-base-strong);
    padding: var(--root-spacing-l)
}

.card-plan-detail--highlight {
    --card-plan-detail-box-shadow: none !important;
    border: none !important
}

.card-plan-detail:active {
    --card-plan-detail-box-shadow: var(--root-depth-2);
    --card-plan-detail-background-color: var(--theme-background-card-pressed)
}

.card-plan-detail:hover {
    --card-plan-detail-box-shadow: var(--root-depth-8);
    --card-plan-detail-background-color: var(--theme-background-card-hover)
}

.card-plan-detail:focus {
    --card-plan-detail-box-shadow: var(--root-depth-4);
    --card-plan-detail-background-color: var(--theme-background-card-selected)
}

.card-plan-detail .card-plan-detail__highlight {
    --surface-border-radius: var(--root-radii-m);
    --surface-border-width: var(--root-border-xs);
    --card-plan-detail-box-shadow: var(--root-depth-4);
    padding: var(--root-spacing-l)
}

@media (forced-colors:active) {
    .card-plan-detail .card-plan-detail__highlight {
        border: var(--root-border-xs) solid activetext
    }
}

@media (max-width:859.98px) {
    .card-plan-detail {
        padding-bottom: var(--root-spacing-2xl)
    }

    .card-plan-detail.card-plan-detail--highlight {
        padding-bottom: var(--root-spacing-l)
    }
}

@media (min-width:860px) {
    .card-plan-detail {
        flex-direction: row
    }
}

@media (forced-colors:active) {
    .card-plan-detail {
        border: var(--root-border-xs) solid activetext
    }
}

.card-plan-detail .list-item .small {
    font-weight: 600
}

.card-plan-detail__content {
    display: flex;
    flex-direction: column;
    row-gap: var(--root-spacing-l)
}

.card-plan-detail--product .badge {
    --badge-border-radius: var(--root-radii-s)
}

.card-plan-detail--product .sku__title {
    margin-bottom: var(--root-spacing-m)
}

.card-plan-detail--product .sku__title>:first-child {
    font-size: var(--root-h5-font-size, 1.125rem)
}

.card-plan-detail--product .sku__pricing {
    margin-top: var(--root-spacing-2xl)
}

.card-plan-detail--product .sku__detail-recurrence {
    margin-bottom: 0
}

.card-plan-detail--product .sku__note {
    margin-top: var(--root-spacing-m)
}

.card-plan-detail--product .sku__buttons {
    margin-top: var(--root-spacing-2xl)
}

.card-plan-detail--grid-card {
    --card-plan-detail-box-shadow: var(--root-depth-4);
    padding: var(--root-spacing-m)
}

@media (min-width:540px) {
    .card-plan-detail--grid-card {
        padding: var(--root-spacing-l)
    }
}

.card-plan-detail--grid-card .card-plan-detail__badges {
    padding-top: var(--root-spacing-m)
}

@media (min-width:540px) {
    .card-plan-detail--grid-card .card-plan-detail__badges {
        padding-top: var(--root-spacing-2xl)
    }
}

.card-plan-detail--grid-card .card-plan-detail__badges .block-items-list--align-inline {
    -moz-column-gap: var(--root-spacing-xs);
    column-gap: var(--root-spacing-xs);
    row-gap: var(--root-spacing-xs)
}

.card-plan-detail--grid-card .card-plan-detail__badges .block-items-list--align-inline .list-item__inner {
    padding: 0
}

.card-plan-detail--grid-card .ocr-divider {
    margin-top: var(--root-spacing-l)
}

@media (min-width:540px) {
    .card-plan-detail--grid-card .ocr-divider {
        margin-top: var(--root-spacing-2xl)
    }
}

.card-plan-detail--grid-card .card-plan-detail__footer {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:860px) {
    .card-plan-detail--grid-card .card-plan-detail__footer {
        flex-direction: row;
        justify-content: space-between
    }
}

.card-plan-detail--grid-card .card-plan-detail__footer-text {
    margin-top: var(--root-spacing-m)
}

.card-plan-detail--grid-card .card-plan-detail__footer-payment {
    margin-top: var(--root-spacing-m)
}

.card-plan-detail--grid-card .card-plan-detail__footer-payment .media {
    margin-top: var(--root-spacing-m);
    display: inline-flex;
    -webkit-margin-end: var(--root-spacing-xs);
    margin-inline-end: var(--root-spacing-xs)
}

.card-plan-detail--grid-card .card-plan-detail__footer-payment .media:last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.card-plan-detail--vertical {
    --card-plan-detail-box-shadow: var(--root-depth-4)
}

.card-plan-detail--vertical .sku__buttons,
.card-plan-detail--vertical .sku__detail-commitment,
.card-plan-detail--vertical .sku__note,
.card-plan-detail--vertical .sku__paragraph,
.card-plan-detail--vertical .sku__title {
    margin-bottom: var(--root-spacing-m)
}

.card-plan-detail--vertical .card-plan-detail__sku {
    margin-bottom: var(--root-spacing-l)
}

.card-plan-detail--vertical .card-plan-detail__content {
    row-gap: var(--root-spacing-m)
}

.card-plan-detail--vertical .block-items-list {
    gap: 0;
    line-height: 20px
}

@media (max-width:1439.98px) {
    .card-plan-detail--vertical .block-items-list {
        line-height: 24px
    }
}

.card-plan-detail--vertical .block-items-list--type-checklist {
    list-style-type: disc;
    -webkit-padding-start: var(--root-spacing-l);
    padding-inline-start: var(--root-spacing-l)
}

.card-plan-detail--vertical .block-items-list__item {
    display: list-item
}

.card-plan-detail--vertical .list-item .small {
    font-weight: 400
}

@media (min-width:860px) {
    .card-plan-detail--vertical {
        flex-direction: column
    }
}

.card-plan-detail .block-items-list {
    --block-items-list-flex-basis: 75%
}

@media (max-width:539.98px) {
    .card-plan-detail .block-items-list {
        --block-items-list-flex-basis: 100%
    }
}

.card-plan-detail .block-items-list--align-inline {
    --block-items-list-flex-basis: auto
}

@media (max-width:539.98px) {
    .card-plan-detail .block-items-list--align-inline {
        --block-items-list-flex-basis: auto
    }
}

.card-plan-detail .button-group {
    --button-group-direction: row
}

@media (max-width:539.98px) {
    .card-plan-detail .button-group {
        --button-group-direction: column
    }
}

.card-plan-detail .list-item__leading {
    align-self: flex-start
}

.card-plan-detail--product-featured .sku__paragraph,
.card-plan-detail--product-featured.card-plan-detail--vertical .sku__buttons {
    margin-bottom: var(--root-spacing-l)
}

.card-plan-detail--product-featured .ocr-divider {
    border-color: var(--theme-border-special-fade);
    margin-top: var(--root-spacing-l)
}

.card-plan-detail--product-featured .card-plan-detail__content {
    margin-top: var(--root-spacing-l)
}

.card-plan-detail--product-featured .card-plan-detail__badge-text,
.card-plan-detail--product-featured .card-plan-detail__footer a {
    font-weight: var(--root-h3-font-weight)
}

.card-plan-detail--product-featured.card-plan-detail--grid-card .card-plan-detail__badges {
    padding-top: var(--root-spacing-xl)
}

.card-plan-detail--product-featured .card-plan-detail__badge-text {
    margin-bottom: var(--root-spacing-xs)
}

.card-plan-detail:has(.card-plan-detail__banner-top) {
    padding: 0
}

.card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__body {
    padding: var(--root-spacing-l)
}

.card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__banner-top {
    padding: var(--root-spacing-xs) var(--root-spacing-m) var(--root-spacing-s);
    text-align: center;
    gap: var(--root-spacing-xs);
    border-radius: var(--root-radii-l) var(--root-radii-l) 0 0
}

.card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__banner-top p {
    gap: var(--root-spacing-s)
}

.card-plan-detail__banner-promo {
    border-radius: var(--root-radii-s);
    background: var(--theme-background-special-color) !important;
    margin-top: var(--root-spacing-xl);
    padding: var(--root-spacing-s) var(--root-spacing-m) var(--root-spacing-s) var(--root-spacing-s);
    gap: var(--root-spacing-s)
}

.card-plan-detail__banner-promo .card-plan-detail__banner-promo-body {
    gap: var(--root-spacing-xs);
    font-size: var(--root-x-small-font-size, .75rem);
    line-height: var(--root-x-small-line-height, 1rem);
    letter-spacing: var(--root-x-small-letter-spacing, -.03em)
}

.card-plan-detail__banner-promo .card-plan-detail__banner-promo-body .link {
    font-weight: var(--root-h3-font-weight)
}

@media (min-width:860px) {
    .layout--offset-right>.layout__col:nth-child(odd).card-plan-detail__sku {
        flex-basis: calc(35% - var(--layout-column-gap)/ 2)
    }
}

@media (min-width:1440px) {
    .layout--offset-right>.layout__col:nth-child(odd).card-plan-detail__sku {
        flex-basis: calc(44% - var(--layout-column-gap)/ 2)
    }
}

@media (min-width:860px) {
    .layout--offset-right>.layout__col:nth-child(even).card-plan-detail__content {
        flex-basis: calc(63% - var(--layout-column-gap)/ 2)
    }
}

@media (min-width:1440px) {
    .layout--offset-right>.layout__col:nth-child(even).card-plan-detail__content {
        flex-basis: calc(56% - var(--layout-column-gap)/ 2)
    }
}

.theme-night .card-plan-detail__highlight {
    --surface-bg: var(--theme-background-glass-normal);
    --surface-border-color: var(--theme-border-glass-fade)
}

.testimonial {
    --testimonial-media-size: 10rem;
    padding-top: var(--root-spacing-4xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width:859.98px) {
    .testimonial {
        --testimonial-media-size: 6.5rem
    }
}

.testimonial__top {
    position: relative;
    height: 0;
    top: calc(var(--testimonial-media-size)/ 2 * -1)
}

.testimonial__media {
    --image-border-radius: var(--root-radii-circle)
}

.testimonial__badge {
    position: absolute;
    top: 0;
    left: calc(var(--root-spacing-xl) * -1)
}

html[dir=rtl] .testimonial__badge {
    right: calc(var(--root-spacing-xl) * -1)
}

.testimonial__heading {
    width: 100%;
    border-radius: var(--root-radii-l);
    background-color: var(--theme-background-glass-normal);
    padding: var(--root-spacing-4xl) var(--root-spacing-4xl) var(--root-spacing-2xl) var(--root-spacing-4xl)
}

@media (max-width:859.98px) {
    .testimonial__heading {
        padding: var(--root-spacing-4xl) var(--root-spacing-m) var(--root-spacing-2xl)
    }
}

.testimonial__heading .block-heading {
    display: flex;
    flex-direction: column;
    gap: var(--root-spacing-xl);
    --block-heading-button-group-margin: 0;
    --block-heading-paragraph-margin: 0;
    --block-heading-footnote-margin: 0
}

.testimonial .media {
    --media-width: var(--testimonial-media-size);
    --media-height: var(--testimonial-media-size)
}

.testimonial .badge {
    --badge-width: 4.5rem;
    --badge-height: 4.5rem;
    padding: var(--root-spacing-m);
    border-radius: var(--root-radii-circle);
    background-color: var(--theme-background-accent-strong-normal)
}

@media (max-width:859.98px) {
    .testimonial .badge {
        --badge-width: 3rem;
        --badge-height: 3rem
    }
}

.testimonial .badge .ocr-icon {
    --icon-font-size: var(--root-icon-2xl-font-size);
    width: auto
}

@media (max-width:859.98px) {
    .testimonial .badge .ocr-icon {
        --icon-font-size: var(--root-icon-l-font-size)
    }
}

.testimonial .badge .ocr-icon>[class*=glyph-] {
    --icon-glyph-color: var(--theme-foreground-accent-strong-normal)
}

html[dir=rtl] .testimonial .badge .glyph-append-left-double-quote {
    transform: scaleX(-1)
}

.testimonial--logo .media {
    border-radius: var(--root-radii-circle);
    border: 1px solid var(--theme-border-glass-fade);
    background: var(--theme-background-glass-normal);
    padding: var(--root-spacing-m);
    -webkit-backdrop-filter: var(--root-filter-blur-glass-backdrop-filter);
    backdrop-filter: var(--root-filter-blur-glass-backdrop-filter)
}

.testimonial--quote-only .testimonial__top {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0
}

.testimonial--quote-only .testimonial__heading {
    padding-top: var(--root-spacing-2xl)
}

.testimonial--quote-only .testimonial__badge {
    position: static
}

.block-section-title__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--root-spacing-l)
}

.block-section-title__heading {
    color: var(--theme-foreground-base-strong)
}

.block-section-title__divider-top {
    margin-bottom: var(--root-spacing-xl)
}

.block-section-title__divider-bottom {
    margin-top: var(--root-spacing-xl)
}

.animated-header {
    --animated-header-display: inline-flex;
    --animated-header-background: var(--theme-background-glass-normal);
    --animated-header-x-padding: calc(var(--root-spacing-l) * 2);
    --animated-header-y-padding: var(--root-spacing-l);
    --animated-header-max-height: none;
    --animated-header-border-radius: var(--root-radii-circle);
    --animated-header-border: 1px solid var(--theme-border-glass-fade);
    --animated-header-box-shadow: var(--root-depth-4);
    --animated-header-font-weight: var(--root-h4-font-weight);
    --animated-header-font-size: var(--root-h4-font-size);
    --animated-header-line-height: var(--root-h4-line-height);
    --animated-header-letter-spacing: var(--root-h4-letter-spacing);
    display: var(--animated-header-display);
    max-height: var(--animated-header-max-height);
    background: var(--animated-header-background);
    border-radius: var(--animated-header-border-radius);
    border: var(--animated-header-border);
    box-shadow: var(--animated-header-box-shadow);
    padding: var(--animated-header-y-padding) var(--animated-header-x-padding);
    font-weight: var(--animated-header-font-weight);
    font-size: var(--animated-header-font-size);
    line-height: var(--animated-header-line-height);
    letter-spacing: var(--animated-header-letter-spacing)
}

@media (min-width:860px) {
    .animated-header {
        --animated-header-x-padding: calc(var(--root-spacing-3xl));
        --animated-header-y-padding: var(--root-spacing-xl)
    }
}

@media (min-width:860px) {
    .animated-header {
        --animated-header-font-weight: var(--root-h3-font-weight);
        --animated-header-font-size: var(--root-h3-font-size);
        --animated-header-line-height: var(--root-h3-line-height);
        --animated-header-letter-spacing: var(--root-h3-letter-spacing)
    }
}

.animated-header__text {
    display: inline-flex
}

.main__section .row.main__section__slot .col:has(.ai-chat-banner) {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.rive-animation__canvas {
    width: inherit;
    max-width: inherit;
    height: inherit;
    -o-object-fit: var(--image-object-fit);
    object-fit: var(--image-object-fit);
    aspect-ratio: var(--image-aspect-ratio)
}
.featured-cards {
    --image-safe-fixed-padding: 300px;
    --feature-cards-border-radius: var(--root-spacing-l);
    border-radius: var(--feature-cards-border-radius)
}

@media (min-width:860px) {
    .featured-cards {
        position: relative;
        padding-top: var(--image-safe-fixed-padding);
        padding-inline: var(--root-spacing-xl);
        padding-bottom: var(--root-spacing-xl);
        --surface-bg: none
    }
}

@media (min-width:1440px) {
    .featured-cards {
        --image-safe-fixed-padding: 400px
    }
}

@media (min-width:860px) {
    .featured-cards .featured-cards__media {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .featured-cards .featured-cards__media .featured-cards__card-media,
    .featured-cards .featured-cards__media .featured-cards__default-media {
        height: 100%;
        width: 100%
    }

    .featured-cards .featured-cards__media .media {
        --media-height: 100%;
        --media-width: 100%
    }

    .featured-cards .featured-cards__media .media .ocr-img {
        --image-width: 100%
    }

    .featured-cards .featured-cards__media .media img {
        height: var(--media-height)
    }
}

@media (max-width:859.98px) {
    .featured-cards .featured-cards__default-media .media {
        --surface-border-width: 0
    }
}

.featured-cards .featured-cards__card-media {
    display: none
}

@media (min-width:860px) {
    .featured-cards .featured-cards__card-media {
        display: block;
        position: absolute;
        top: 0;
        z-index: 0
    }
}

.featured-cards .featured-cards__cards {
    display: flex;
    flex-direction: column;
    gap: var(--root-spacing-xs);
    padding: var(--root-spacing-xs) var(--root-spacing-xs) var(--root-spacing-l) var(--root-spacing-xs)
}

@media (min-width:860px) {
    .featured-cards .featured-cards__cards {
        flex-direction: row;
        gap: var(--root-spacing-m);
        align-items: stretch;
        padding: 0
    }
}

.featured-cards .featured-cards__card {
    flex: 1 1 0
}

@media (max-width:859.98px) {
    .featured-cards .featured-cards__card .block-feature__paragraph {
        display: block !important
    }
}

.featured-cards .featured-cards__card .card {
    --card-box-shadow: none
}

@media (max-width:859.98px) {

    .featured-cards .featured-cards__card .card.surface--glass,
    .featured-cards .featured-cards__card .card.surface--glass-selected {
        --surface-bg: var(--theme-background-card-normal, #fefefe);
        --surface-border-width: var(--root-border-s);
        --surface-border-style: solid;
        --surface-border-color: var(--theme-border-card-fade);
        --surface-backdrop-filter: blur(80px);
        -webkit-backdrop-filter: var(--surface-backdrop-filter);
        backdrop-filter: var(--surface-backdrop-filter)
    }
}

@media (max-width:859.98px) {
    .featured-cards .card__interactive-btn-wrapper {
        display: none
    }
}

@media (min-width:860px) {
    .featured-cards [data-mount=featured-cards-interactive] .featured-cards__media {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset
    }

    .featured-cards [data-mount=featured-cards-interactive] .featured-cards__media .ocr-img {
        --image-object-fit: cover
    }

    .featured-cards [data-mount=featured-cards-interactive] .featured-cards__default-media {
        transition: opacity 1s ease-in-out
    }

    .featured-cards [data-mount=featured-cards-interactive] .featured-cards__cards {
        padding-inline: var(--root-spacing-xl);
        padding-bottom: var(--root-spacing-xl);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.card-grid {
    row-gap: var(--root-spacing-m)
}

@media (max-width:1439.98px) {
    .card-grid .card-promo .media {
        --media-aspect-ratio: 21/9
    }
}

.card-grid--featured-stack {
    row-gap: var(--root-spacing-xl)
}

.card-grid--featured-stack .card-horizontal-container {
    height: 100%
}

.card-grid--featured-stack .card-horizontal-container .row {
    height: 100%
}

@media (max-width:539.98px) {
    .card-promo__fg-content {
        position: inherit
    }
}

.card-grid__cards .layout {
    row-gap: var(--root-spacing-m);
    height: 100%
}

.card-grid__heading {
    margin-bottom: var(--root-spacing-xs);
    width: 100%
}

@media (min-width:860px) {
    .card-grid__heading .button-group {
        justify-content: flex-end
    }
}

.card-grid--disable-card-promo .card-grid__cards {
    flex: 0 0 100%;
    max-width: none
}

.main__section__slot .card-grid~.link {
    margin-top: var(--density)
}

.cta-stacked .card-horizontal-container {
    margin-bottom: var(--root-spacing-xs)
}

@media (min-width:860px) {
    .cta-stacked .card-horizontal-container {
        margin-bottom: var(--root-spacing-xl)
    }
}

.features-grid {
    --layout-column-count: 1;
    --layout-column-gap: var(--root-spacing-4xl);
    row-gap: var(--root-spacing-2xl)
}

.features-grid .block-feature__badge .badge {
    --badge-width: 2rem;
    --badge-height: 2rem
}

@media (min-width:860px) {
    .features-grid .block-feature__badge .badge {
        --badge-width: 3rem;
        --badge-height: 3rem
    }
}

.features-grid .block-feature__badge .badge .ocr-icon {
    --icon-font-size: var(--root-icon-m-font-size);
    --icon-max-width: var(--root-icon-m-max-width);
    --icon-max-height: var(--root-icon-m-max-height);
    --icon-svg-fill: var(--theme-foreground-base-icon);
    color: var(--theme-foreground-base-icon)
}

@media (min-width:860px) {
    .features-grid .block-feature__badge .badge .ocr-icon {
        --icon-font-size: var(--root-icon-l-font-size);
        --icon-max-width: var(--root-icon-l-max-width);
        --icon-max-height: var(--root-icon-l-max-height)
    }
}

.features-grid .modal-wrapper.modal--full-screen .modal-header {
    border-bottom: none
}

@media (min-width:860px) {
    .features-grid {
        --layout-column-count: 3
    }
}

.main__section--blade-hero-card-carousel .modal .card {
    --card-background-color: var(--theme-background-glass-normal)
}

.main__section--blade-hero-double-cta {
    --sm-hdcta-layout-header-md-mr: var(--root-spacing-4xl)
}

.main__section--blade-hero-double-cta.main__section--bg-image-stacked.main__section--layout-reverse .main__section__image {
    --sm-bg-img-sm-display: none
}

.main__section--blade-hero-double-cta.main__section--layout-reverse .main__section__layout {
    margin-top: initial
}

.main__section--blade-hero-double-cta.main__section--layout-reverse .main__section__layout .main__section__layout-header {
    --sm-layout-heading-sm-padding-top: var(--sm-density)
}

@media (min-width:860px) {
    .main__section--blade-hero-double-cta.main__section--layout-reverse .main__section__layout .main__section__layout-header {
        margin-right: calc(var(--sm-hdcta-layout-header-md-mr) - var(--layout-column-gap))
    }
}

.main__section--blade-hero-double-cta.main__section--layout-reverse .main__section__layout .main__section__layout-slot {
    --sm-layout-slot-xs-margin-left: -1rem;
    --sm-layout-slot-xs-margin-right: -1rem;
    --sm-layout-slot-sm-margin-left: -4rem;
    --sm-layout-slot-sm-margin-right: -4rem
}

.main__section--blade-hero-double-cta .main__section__layout-header {
    -webkit-padding-end: var(--root-copy-padding-l);
    padding-inline-end: var(--root-copy-padding-l)
}

.main__section--blade-hero-slim .main__section__layout-header .block-heading__slot {
    margin: var(--root-spacing-xl) 0 0
}

.main__section--blade-hero-slim .main__section__layout-header .card {
    background-color: var(--theme-background-glass-normal)
}

@media (max-width:859.98px) {
    .main__section--blade-hero-slim .main__section__layout-header .card .block-feature__body {
        width: 100%
    }
}

.main__section--blade-hero-slim .main__section__layout-header .card .block-slim {
    --block-slim-display: flex
}

@media (max-width:859.98px) {
    .main__section--blade-hero-slim .main__section__layout-header .card .button-group {
        width: 100%
    }
}

.main__section--blade-hero-slim .main__section__layout-header .card .block-feature {
    --block-feature-body-copy-padding: var(--root-copy-padding-l)
}

.main__section--blade-hero-slim .main__section__layout-slot .media--highlight {
    --media-highlight-padding: var(--root-spacing-l)
}

@media (max-width:859.98px) {
    .main__section--blade-hero-slim .main__section__layout-slot .media {
        padding: 0
    }

    .main__section--blade-hero-slim .main__section__layout-slot .ocr-img {
        border-radius: unset !important
    }
}

@media (min-width:860px) {
    html[dir=rtl] .main__section--blade-hero-slim .layout--rtl-fixed .layout__col .main__section__layout-header {
        margin-right: calc(var(--root-spacing-4xl) - var(--layout-column-gap));
        margin-left: 0
    }
}

html[dir=rtl] .main__section--blade-hero-slim .layout--rtl-fixed .layout__col:first-child>:first-child {
    justify-content: end
}

.main__section {
    --sm-density: var(--root-density-vertical-default);
    --sm-breadth-top: var(--root-breadth-vertical-relaxed);
    --sm-breadth-bottom: var(--root-breadth-vertical-relaxed);
    --sm-breadth-sm-top: var(--sm-breadth-top);
    --sm-breadth-sm-bottom: var(--sm-breadth-bottom);
    --layout-columns-count: 1;
    --sm-layout-order: column;
    --sm-layout-heading-x-align: flex-start;
    --sm-layout-heading-y-align: flex-start;
    --sm-layout-heading-sm-padding-top: 0;
    --sm-layout-heading-sm-padding-bottom: 0;
    --sm-layout-heading-padding-top: var(--sm-layout-heading-sm-padding-top);
    --sm-layout-heading-padding-bottom: var(--sm-layout-heading-sm-padding-bottom);
    --sm-layout-heading-xs-margin-left: initial;
    --sm-layout-heading-xs-margin-right: initial;
    --sm-layout-heading-sm-margin-left: initial;
    --sm-layout-heading-sm-margin-right: initial;
    --sm-layout-slot-x-align: flex-start;
    --sm-layout-slot-y-align: flex-start;
    --sm-layout-slot-margin-left: initial;
    --sm-layout-slot-margin-right: initial;
    --sm-layout-slot-xs-margin-left: initial;
    --sm-layout-slot-xs-margin-right: initial;
    --sm-layout-slot-sm-margin-left: initial;
    --sm-layout-slot-sm-margin-right: initial;
    --sm-bg-img-pos: absolute;
    --sm-bg-img-top: 0;
    --sm-bg-img-right: 0;
    --sm-bg-img-bottom: 0;
    --sm-bg-img-left: 0;
    --sm-bg-img-transform: unset;
    --sm-bg-img-fit: cover;
    --sm-bg-img-overlay: var(--theme-background-background-overlay-fill, rgba(255, 255, 255, 0.6));
    --sm-bg-img-display: block;
    --sm-bg-img-sm-display: var(--sm-bg-img-display);
    --sm-bg-pos: absolute;
    --sm-bg-top: 0;
    --sm-bg-right: 0;
    --sm-bg-bottom: 0;
    --sm-bg-left: 0;
    --sm-bg-transform: unset;
    --sm-bg-fit: cover;
    --sm-bg-display: block;
    --sm-bg-sm-display: var(--sm-bg-display);
    --sm-pill-bar-x-align: start;
    padding-top: var(--sm-breadth-sm-top);
    padding-bottom: var(--sm-breadth-sm-bottom);
    position: relative
}

@media (min-width:540px) {
    .main__section {
        padding-top: var(--sm-breadth-top);
        padding-bottom: var(--sm-breadth-bottom)
    }
}

@media (max-width:859.98px) {
    .main__section:has(.main__section__breadcrumbs) {
        padding-top: 0
    }
}

.main__section .main__section__breadcrumbs {
    position: relative;
    z-index: 1
}

@media (max-width:859.98px) {
    .main__section .main__section__breadcrumbs {
        padding-inline: 0;
        border-bottom: 1px solid var(--theme-border-base-fade)
    }
}

@media (min-width:860px) {
    .main__section .main__section__breadcrumbs {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding-top: var(--root-spacing-xl)
    }
}

.main__section .main__section__breadcrumbs .breadcrumbs {
    --breadcrumbs-mobile-background-color: transparent
}

.main__section .main__section__image {
    position: var(--sm-bg-img-pos);
    top: var(--sm-bg-img-top);
    right: var(--sm-bg-img-right);
    bottom: var(--sm-bg-img-bottom);
    left: var(--sm-bg-img-left);
    transform: var(--sm-bg-img-transform);
    max-height: 100%;
    overflow: hidden;
    display: var(--sm-bg-img-sm-display)
}

@media (min-width:860px) {
    .main__section .main__section__image {
        display: var(--sm-bg-img-display)
    }
}

@media (forced-colors:active) {
    .main__section .main__section__image {
        display: none
    }
}

.main__section .main__section__image .ocr-img,
.main__section .main__section__image .ocr-img img {
    width: 100%;
    height: 100%
}

.main__section .main__section__image .ocr-img img {
    -o-object-fit: var(--sm-bg-img-fit);
    object-fit: var(--sm-bg-img-fit)
}

.main__section .main__section__image.overlay__target::before {
    --bg-val: var(--sm-bg-img-overlay)
}

.main__section .main__section__video {
    position: var(--sm-bg-pos);
    top: var(--sm-bg-top);
    right: var(--sm-bg-right);
    bottom: var(--sm-bg-bottom);
    left: var(--sm-bg-left);
    transform: var(--sm-bg-transform);
    max-height: 100%;
    overflow: hidden;
    display: var(--sm-bg-sm-display)
}

@media (min-width:860px) {
    .main__section .main__section__video {
        display: var(--sm-bg-display)
    }
}

.main__section .main__section__video video {
    -o-object-fit: var(--sm-bg-fit);
    object-fit: var(--sm-bg-fit);
    width: 100%;
    height: 100%
}

.main__section .main__section__layout {
    --layout-column-count: var(--layout-columns-count);
    flex-direction: var(--sm-layout-order)
}

@media (min-width:860px) {
    .main__section .main__section--layout-cols-2 {
        --layout-columns-count: 2;
        --sm-layout-order: row
    }
}

@media (min-width:860px) {

    .main__section .main__section__layout-header,
    .main__section .main__section__layout-slot {
        display: flex;
        height: 100%
    }
}

.main__section .main__section__layout-header {
    padding-top: var(--sm-layout-heading-sm-padding-top);
    padding-bottom: var(--sm-layout-heading-sm-padding-bottom)
}

@media (max-width:539.98px) {
    .main__section .main__section__layout-header {
        margin-left: var(--sm-layout-heading-xs-margin-left);
        margin-right: var(--sm-layout-heading-xs-margin-right)
    }
}

@media (max-width:859.98px) {
    .main__section .main__section__layout-header {
        margin-left: var(--sm-layout-heading-sm-margin-left);
        margin-right: var(--sm-layout-heading-sm-margin-right)
    }
}

@media (min-width:860px) {
    .main__section .main__section__layout-header {
        justify-content: var(--sm-layout-heading-x-align);
        align-items: var(--sm-layout-heading-y-align);
        padding-top: var(--sm-layout-heading-padding-top);
        padding-bottom: var(--sm-layout-heading-padding-bottom)
    }
}

.main__section .main__section__layout-slot {
    margin-left: var(--sm-layout-slot-margin-left);
    margin-right: var(--sm-layout-slot-margin-right)
}

@media (max-width:859.98px) {
    .main__section .main__section__layout-slot {
        margin-left: var(--sm-layout-slot-sm-margin-left);
        margin-right: var(--sm-layout-slot-sm-margin-right)
    }
}

@media (max-width:539.98px) {
    .main__section .main__section__layout-slot {
        margin-left: var(--sm-layout-slot-xs-margin-left);
        margin-right: var(--sm-layout-slot-xs-margin-right)
    }
}

@media (min-width:860px) {
    .main__section .main__section__layout-slot {
        justify-content: var(--sm-layout-slot-x-align);
        align-items: var(--sm-layout-slot-y-align)
    }
}

@media (max-width:539.98px) {
    .main__section .main__section__layout-button-group-top {
        display: none
    }
}

.main__section .main__section__layout-button-group-bottom {
    margin-top: var(--sm-density)
}

@media (min-width:540px) {
    .main__section .main__section__layout-button-group-bottom {
        display: none
    }
}

.main__section .main__section__slot {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

@media (max-width:539.98px) {
    .main__section .main__section__slot {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
}

.main__section .main__section__slot:not(:first-child) {
    margin-top: var(--sm-density)
}

.main__section .main__section__slot .pill-bar {
    --tab-group-x-align: var(--sm-pill-bar-x-align)
}

.main__section .main__section__slot :not(.cmp-tabs) .tab-panel-group {
    --tabs-panel-margin-top: 0
}

.main__section .main__section__slot .cmp-tabs .tab-panel-group {
    --tabs-panel-margin-top: var(--sm-density, var(--root-spacing-2xl))
}

.main__section .main__section__slot>.col:first-child {
    --sm-layout-heading-x-align: normal;
    display: flex;
    flex-direction: column;
    gap: var(--sm-density);
    align-items: var(--sm-layout-heading-x-align)
}

.main__section .main__section__slot .tab-panel-group {
    position: relative
}

.main__section .main__section__slot .tab-panel-group .tab-panel:focus-visible {
    outline: 0
}

.main__section .main__section__slot .tab-panel-group .tab-panel:focus-visible::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: .1875rem;
    right: .1875rem;
    width: calc(100% - 2 * .1875rem);
    height: 100%;
    outline: .1875rem dotted currentColor
}

.main__section--breadth-comfortable {
    --sm-breadth-top: var(--root-spacing-3xl);
    --sm-breadth-bottom: var(--root-spacing-3xl)
}

.main__section--breadth-none {
    --sm-breadth-top: 0;
    --sm-breadth-bottom: 0
}

.main__section--density-compact {
    --sm-density: var(--root-spacing-xl)
}

.main__section--density-none {
    --sm-density: 0
}

.main__section--alignment-center .main__section__layout-header>.block-heading {
    --block-heading-text-align: center
}

.main__section--alignment-center .main__section__pill-bar .pill-bar,
.main__section--alignment-center .main__section__slot .pill-bar {
    --sm-pill-bar-x-align: center
}

.main__section--alignment-center .main__section__pill-bar>.col:first-child,
.main__section--alignment-center .main__section__slot>.col:first-child {
    --sm-layout-heading-x-align: center
}

@media (max-width:859.98px) {

    .main__section--layout-reverse,
    .main__section--layout-reverse-full,
    .main__section--layout-rtl-fixed {
        --sm-layout-heading-sm-padding-top: calc(var(--root-spacing-l) - 0.5rem);
        --sm-layout-heading-sm-padding-bottom: var(--root-spacing-l);
        --sm-layout-order: column-reverse
    }

    .main__section--layout-reverse .main__section--layout-cols-2,
    .main__section--layout-reverse-full .main__section--layout-cols-2,
    .main__section--layout-rtl-fixed .main__section--layout-cols-2 {
        --layout-columns-count: 1
    }
}

@media (max-width:859.98px) {

    .main__section--layout-reverse-full .main__section__image,
    .main__section--layout-rtl-fixed .main__section__image {
        --sm-bg-img-sm-display: none
    }
}

.main__section--layout-reverse-full .main__section__layout .main__section__layout-header,
.main__section--layout-rtl-fixed .main__section__layout .main__section__layout-header {
    --sm-layout-heading-sm-padding-top: var(--sm-density)
}

@media (min-width:860px) {

    html:not([dir=rtl]) .main__section--layout-reverse-full .main__section__layout .main__section__layout-header,
    html:not([dir=rtl]) .main__section--layout-rtl-fixed .main__section__layout .main__section__layout-header {
        margin-right: calc(var(--root-spacing-4xl) - var(--layout-column-gap))
    }

    html[dir=rtl] .main__section--layout-reverse-full .main__section__layout .main__section__layout-header,
    html[dir=rtl] .main__section--layout-rtl-fixed .main__section__layout .main__section__layout-header {
        margin-left: calc(var(--root-spacing-4xl) - var(--layout-column-gap))
    }
}

.main__section--layout-reverse-full .main__section__layout .main__section__layout-slot,
.main__section--layout-rtl-fixed .main__section__layout .main__section__layout-slot {
    --sm-layout-slot-xs-margin-left: -1rem;
    --sm-layout-slot-xs-margin-right: -1rem;
    --sm-layout-slot-sm-margin-left: -4rem;
    --sm-layout-slot-sm-margin-right: -4rem
}

@media (min-width:860px) {

    html[dir=rtl] .main__section--1-column-hero-rtl.main__section--layout-reverse-full .main__section__layout .main__section__layout-header,
    html[dir=rtl] .main__section--1-column-hero-rtl.main__section--layout-rtl-fixed .main__section__layout .main__section__layout-header,
    html[dir=rtl] .main__section--2-column-hero-rtl.main__section--layout-reverse-full .main__section__layout .main__section__layout-header,
    html[dir=rtl] .main__section--2-column-hero-rtl.main__section--layout-rtl-fixed .main__section__layout .main__section__layout-header {
        margin-right: calc(var(--root-spacing-4xl) - var(--layout-column-gap));
        margin-left: 0
    }
}

.main__section--bg-image-fit-contain {
    --sm-bg-img-fit: contain
}

.main__section--bg-image-position-top-left {
    --sm-bg-img-right: auto;
    --sm-bg-img-bottom: auto
}

.main__section--bg-image-position-top-right {
    --sm-bg-img-bottom: auto;
    --sm-bg-img-left: auto
}

.main__section--bg-image-position-bottom-left {
    --sm-bg-img-top: auto;
    --sm-bg-img-right: auto
}

.main__section--bg-image-position-bottom-right {
    --sm-bg-img-top: auto;
    --sm-bg-img-left: auto
}

.main__section--bg-image-position-center {
    --sm-bg-img-top: 50%;
    --sm-bg-img-right: auto;
    --sm-bg-img-bottom: auto;
    --sm-bg-img-left: 50%;
    --sm-bg-img-transform: translate(-50%, -50%)
}

@media (max-width:859.98px) {
    .main__section--bg-image-stacked {
        --sm-bg-img-pos: unset;
        --sm-breadth-top: 0;
        --sm-bg-img-overlay: transparent
    }

    .main__section--bg-image-stacked .main__section__layout {
        margin-top: var(--sm-density)
    }
}

.main__section--bg-fit-contain {
    --sm-bg-fit: contain
}

.main__section--bg-position-top-left {
    --sm-bg-right: 50%;
    --sm-bg-bottom: 50%
}

.main__section--bg-position-top-right {
    --sm-bg-bottom: 50%;
    --sm-bg-left: 50%
}

.main__section--bg-position-bottom-left {
    --sm-bg-top: 50%;
    --sm-bg-right: 50%
}

.main__section--bg-position-bottom-right {
    --sm-bg-top: 50%;
    --sm-bg-left: 50%
}

.main__section--bg-position-center {
    --sm-bg-top: 50%;
    --sm-bg-right: auto;
    --sm-bg-bottom: auto;
    --sm-bg-left: 50%;
    --sm-bg-transform: translate(-50%, -50%)
}

@media (max-width:859.98px) {
    .main__section--bg-stacked {
        --sm-bg-pos: unset;
        --sm-breadth-top: 0
    }

    .main__section--bg-stacked .main__section__layout {
        margin-top: var(--sm-density)
    }
}

.main__section--layout-header-horizontal-alignment-center {
    --sm-layout-heading-x-align: center
}

.main__section--layout-header-horizontal-alignment-right {
    --sm-layout-heading-x-align: flex-end
}

.main__section--layout-header-vertical-alignment-middle {
    --sm-layout-heading-y-align: center
}

.main__section--layout-header-vertical-alignment-bottom {
    --sm-layout-heading-y-align: flex-end
}

.main__section--layout-slot-horizontal-alignment-center {
    --sm-layout-slot-x-align: center
}

.main__section--layout-slot-horizontal-alignment-right {
    --sm-layout-slot-x-align: flex-end
}

.main__section--layout-slot-vertical-alignment-middle {
    --sm-layout-slot-y-align: center
}

.main__section--layout-slot-vertical-alignment-bottom {
    --sm-layout-slot-y-align: flex-end
}

@media (min-width:860px) {
    .main__section--layout-header-horizontal-alignment-center-focus .main__section__layout {
        margin-inline: auto;
        width: 83.33333%
    }
}

@media (min-width:1440px) {
    .main__section--layout-header-horizontal-alignment-center-focus .main__section__layout {
        width: 58.33333%
    }
}

.main__section--layout-header-horizontal-alignment-center-focus .main__section__layout .block-heading--alignment-centered {
    width: 100%
}

.main__section--layout-header-horizontal-alignment-center-focus .main__section__layout .main__section__pill-bar .pill-bar,
.main__section--layout-header-horizontal-alignment-center-focus .main__section__layout .main__section__slot .pill-bar {
    --sm-pill-bar-x-align: center
}

.main__section--layout-header-horizontal-alignment-center-focus .main__section__layout .main__section__pill-bar>.col:first-child,
.main__section--layout-header-horizontal-alignment-center-focus .main__section__layout .main__section__slot>.col:first-child {
    --sm-layout-heading-x-align: center
}

@media (min-width:860px) {
    html[dir=rtl] .main__section--1-column-hero-rtl .main__section__layout .layout__col:first-child .main__section__layout-header {
        justify-content: flex-end
    }
}

@media (min-width:860px) {
    html[dir=rtl] .main__section--2-column-hero-rtl .main__section__layout .layout__col:first-child {
        order: 1
    }
}

.main__section--max-height-lg,
.main__section--max-height-xl {
    --sm-max-height: none;
    --sm-max-height-display: flex;
    --sm-max-height-alignment: center;
    max-height: var(--sm-max-height);
    height: 100vh;
    display: var(--sm-max-height-display);
    align-items: var(--sm-max-height-alignment)
}

@media (max-width:859.98px) {

    .main__section--max-height-lg,
    .main__section--max-height-xl {
        height: auto
    }

    .main__section--bg-stacked.main__section--max-height-lg,
    .main__section--bg-stacked.main__section--max-height-xl {
        --sm-max-height-display: block;
        --sm-max-height-alignment: initial
    }
}

.main__section--max-height-lg .main__section__video [data-mount=m365-video],
.main__section--max-height-xl .main__section__video [data-mount=m365-video] {
    height: 100%
}

.main__section--max-height-lg .main__section__video [data-mount=m365-video] figure,
.main__section--max-height-xl .main__section__video [data-mount=m365-video] figure {
    height: 100%
}

@media (min-width:860px) {
    .main__section--max-height-lg {
        --sm-max-height: 500px
    }
}

@media (min-width:1440px) {
    .main__section--max-height-lg {
        --sm-max-height: 800px
    }
}

@media (min-width:860px) {
    .main__section--max-height-xl {
        --sm-max-height: 800px
    }
}

@media (min-width:1440px) {
    .main__section--max-height-xl {
        --sm-max-height: 1000px
    }
}

.main__section--min-h-hero-card-carousel,
.main__section--min-h-hero-category,
.main__section--min-h-hero-cta,
.main__section--min-h-hero-search,
.main__section--min-h-hero-slim {
    --sm-min-height: var(--sm-media-min-height)
}

@media (min-width:860px) {

    .main__section--bg-image-stacked.main__section--min-h-hero-card-carousel .main__section__layout,
    .main__section--bg-image-stacked.main__section--min-h-hero-category .main__section__layout,
    .main__section--bg-image-stacked.main__section--min-h-hero-cta .main__section__layout,
    .main__section--bg-image-stacked.main__section--min-h-hero-search .main__section__layout,
    .main__section--bg-image-stacked.main__section--min-h-hero-slim .main__section__layout {
        min-height: calc(var(--sm-min-height) - var(--sm-breadth-sm-top) - var(--sm-breadth-sm-bottom));
        justify-content: center
    }

    .main__section--bg-image-stacked.main__section--min-h-hero-card-carousel .main__section__layout.main__section--layout-cols-2,
    .main__section--bg-image-stacked.main__section--min-h-hero-category .main__section__layout.main__section--layout-cols-2,
    .main__section--bg-image-stacked.main__section--min-h-hero-cta .main__section__layout.main__section--layout-cols-2,
    .main__section--bg-image-stacked.main__section--min-h-hero-search .main__section__layout.main__section--layout-cols-2,
    .main__section--bg-image-stacked.main__section--min-h-hero-slim .main__section__layout.main__section--layout-cols-2 {
        align-items: center;
        justify-content: initial
    }
}

.main__section--min-h-hero-card-carousel:not(.main__section--bg-image-stacked) .main__section__layout,
.main__section--min-h-hero-category:not(.main__section--bg-image-stacked) .main__section__layout,
.main__section--min-h-hero-cta:not(.main__section--bg-image-stacked) .main__section__layout,
.main__section--min-h-hero-search:not(.main__section--bg-image-stacked) .main__section__layout,
.main__section--min-h-hero-slim:not(.main__section--bg-image-stacked) .main__section__layout {
    min-height: calc(var(--sm-min-height) - var(--sm-breadth-sm-top) - var(--sm-breadth-sm-bottom));
    justify-content: center
}

.main__section--min-h-hero-card-carousel:not(.main__section--bg-image-stacked) .main__section__layout.main__section--layout-cols-2,
.main__section--min-h-hero-category:not(.main__section--bg-image-stacked) .main__section__layout.main__section--layout-cols-2,
.main__section--min-h-hero-cta:not(.main__section--bg-image-stacked) .main__section__layout.main__section--layout-cols-2,
.main__section--min-h-hero-search:not(.main__section--bg-image-stacked) .main__section__layout.main__section--layout-cols-2,
.main__section--min-h-hero-slim:not(.main__section--bg-image-stacked) .main__section__layout.main__section--layout-cols-2 {
    align-items: center;
    justify-content: initial
}

.main__section--min-h-hero-card-carousel,
.main__section--min-h-hero-cta,
.main__section--min-h-hero-slim {
    --sm-media-min-height: 580px
}

.main__section--min-h-hero-category {
    --sm-media-min-height: 304px
}

.main__section--min-h-hero-search {
    --sm-media-min-height: 456px
}

.main__section--alignment-center .main__section__slot .col .carousel,
.main__section--alignment-center .main__section__slot .col div:has([data-mount=ocr-slider]),
.main__section--alignment-center .main__section__slot .col div:has([data-mount=tab-slider]) {
    width: 100%
}

@media (max-width:859.98px) {
    .main__section--layout-reverse-full .main__section__layout {
        margin-top: initial
    }
}

@media (max-width:859.98px) {
    .main__section--layout-rtl-fixed .main__section__layout {
        margin-top: initial
    }
}

@media (max-width:859.98px) {
    .main__section--layout-rtl-fixed {
        --sm-layout-order: column
    }
}

.main__section--no-end-padding .main__section__slot .col {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.three-up-cards.layout--cols-1 .block-feature__badge {
    align-self: center
}

.three-up-cards.layout--cols-1 .block-feature__body {
    align-self: center
}

.three-up-cards.layout--cols-1 .block-feature__body .block-feature__headings {
    align-self: center;
    text-align: center
}

.three-up-cards.layout--cols-1 .block-feature__body .block-feature__paragraph {
    text-align: center
}

.three-up-cards.layout--cols-1 .card__content .block-slim {
    justify-content: center
}

.three-up-cards:not(.layout--cols-1) .block-feature__body {
    --block-feature-body-copy-padding: var(--root-copy-padding-m)
}

.three-up-cards__card .block-feature__headings>.block-feature__label {
    color: var(--theme-foreground-base-highlight)
}

.accordion--vertical {
    --vertical-accordion-bottom-padding: 146px;
    display: flex;
    flex-direction: row;
    position: relative;
    overflow-x: hidden
}

@media (min-width:1440px) {
    .accordion--vertical {
        min-height: 33rem
    }
}

.accordion--vertical>div:first-child {
    display: flex;
    width: 100%
}

.accordion--vertical .accordion {
    flex-basis: 100%
}

@media (min-width:860px) {
    .accordion--vertical .accordion {
        flex-basis: calc(33% - 1rem / 2)
    }
}

@media (min-width:860px) {

    .accordion--vertical .accordion,
    .accordion--vertical>div:first-child {
        height: 100vh !important;
        max-height: 492px
    }
}

.accordion--vertical.ocr-accordion ul:first-child {
    overflow-y: auto
}

@media (min-width:860px) {
    .accordion--vertical .ocr-accordion-item__body {
        gap: unset
    }

    .accordion--vertical .ocr-accordion-item__body>:last-child .link {
        margin-top: var(--root-spacing-xl)
    }
}

@media (max-width:859.98px) {
    html:not([dir=rtl]) .accordion--vertical .ocr-accordion-item .ocr-accordion-item__content {
        margin-left: 0
    }

    html[dir=rtl] .accordion--vertical .ocr-accordion-item .ocr-accordion-item__content {
        margin-right: 0
    }

    .accordion--vertical .ocr-accordion-item .indicator,
    .accordion--vertical .ocr-accordion-item:has(.show) .indicator {
        display: none;
        opacity: 0
    }
}

.accordion--vertical .multi-feature-feature.media {
    padding-left: var(--media-highlight-padding);
    display: var(--media-display) !important
}

.accordion--vertical .media {
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:859.98px) {
    .accordion--vertical .media.media--universal-media-player {
        width: 100%
    }
}

.accordion--vertical .media.img-fluid img,
.accordion--vertical .media.img-fluid picture {
    max-width: inherit;
    height: inherit
}

@media (min-width:860px) {
    .accordion--vertical .media {
        position: absolute;
        width: 50%;
        height: auto;
        max-width: 656px;
        max-height: 528px;
        aspect-ratio: 4/3;
        top: 0
    }

    .accordion--vertical .media .ocr-img {
        --image-height: 100%;
        width: 100%
    }

    html:not([dir=rtl]) .accordion--vertical .media {
        right: 0
    }

    html[dir=rtl] .accordion--vertical .media {
        left: 0
    }
}

@media (max-width:1439.98px) {
    .accordion--vertical .media--highlight {
        --media-highlight-padding: var(--root-spacing-xl)
    }
}

.accordion--vertical .link {
    margin-bottom: var(--root-spacing-xl)
}

@media (min-width:860px) {
    .accordion--vertical .link {
        margin-bottom: 0
    }
}

.accordion--vertical .link:focus {
    margin-left: 3px
}

.accordion--vertical-flipped>div:first-child {
    justify-content: flex-end
}

@media (min-width:860px) {
    html:not([dir=rtl]) .accordion--vertical-flipped .media {
        left: 0
    }

    html[dir=rtl] .accordion--vertical-flipped .media {
        right: 0
    }
}

.accordion--vertical-flipped .ocr-accordion-item {
    --animation-starting-origin: -100%
}

.accordion--vertical-banner-featured-split {
    display: flex;
    flex-direction: column;
    background-color: var(--theme-background-card-normal);
    padding-top: var(--root-spacing-3xl);
    padding-bottom: var(--root-spacing-3xl);
    border-radius: var(--root-radii-l);
    box-shadow: var(--root-depth-4)
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split {
        padding: var(--root-spacing-xs);
        -webkit-padding-start: var(--root-spacing-xs) !important;
        padding-inline-start: var(--root-spacing-xs) !important
    }
}

.accordion--vertical-banner-featured-split [data-mount=ocr-accordion]:has(.ocr-accordion-item>.button-group) {
    margin-bottom: var(--root-spacing-3xl)
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split [data-mount=ocr-accordion]:has(.ocr-accordion-item>.button-group) {
        margin-bottom: var(--vertical-accordion-bottom-padding)
    }
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split.ocr-accordion .ocr-accordion-item:first-child .ocr-accordion-item__header {
        padding-top: var(--root-spacing-xl) !important
    }
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .ocr-accordion-item:first-child .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__header {
        padding-top: 0 !important
    }
}

.accordion--vertical-banner-featured-split .ocr-accordion-item__top-content .ocr-accordion-item__body {
    padding: 0
}

.accordion--vertical-banner-featured-split .accordion {
    flex-basis: 50% !important
}

@media (min-width:860px) {
    .accordion--vertical-banner-featured-split .accordion {
        flex-basis: unset;
        -webkit-padding-start: var(--root-spacing-3xl) !important;
        padding-inline-start: var(--root-spacing-3xl) !important;
        -webkit-padding-end: var(--root-spacing-3xl) !important;
        padding-inline-end: var(--root-spacing-3xl) !important
    }
}

@media (max-width:1439.98px) {
    .accordion--vertical-banner-featured-split .accordion {
        flex-basis: unset
    }
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .accordion {
        flex-basis: 100% !important
    }
}

@media (max-width:859.98px) {

    .accordion--vertical-banner-featured-split .ocr-accordion-item .button-group,
    .accordion--vertical-banner-featured-split .ocr-accordion-item .collapse:not(:first-child) {
        -webkit-padding-start: var(--root-spacing-2xl);
        padding-inline-start: var(--root-spacing-2xl);
        -webkit-padding-end: var(--root-spacing-2xl);
        padding-inline-end: var(--root-spacing-2xl)
    }
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__header {
        display: flex;
        justify-content: space-between
    }
}

.accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__content {
    border-bottom: none
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__content .ocr-divider {
        -webkit-margin-start: var(--root-spacing-2xl) !important;
        margin-inline-start: var(--root-spacing-2xl) !important;
        -webkit-margin-end: var(--root-spacing-2xl) !important;
        margin-inline-end: var(--root-spacing-2xl) !important
    }
}

.accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__content .media {
    animation: none !important
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .ocr-accordion-item:not(:first-child) .ocr-img img {
        margin-top: var(--root-spacing-xl)
    }
}

.accordion--vertical-banner-featured-split .media {
    max-height: none;
    height: 100%;
    padding: var(--root-spacing-xs);
    border-radius: var(--root-radii-m)
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .media {
        padding: 0
    }
}

html[dir=rtl] .accordion--vertical-banner-featured-split .media {
    -webkit-padding-end: var(--root-spacing-xs) !important;
    padding-inline-end: var(--root-spacing-xs) !important;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.accordion--vertical-banner-featured-split .media--universal-media-player,
.accordion--vertical-banner-featured-split video {
    --media-border-radius: var(--root-radii-m)
}

.accordion--vertical-banner-featured-split .ocr-img img {
    --image-border-radius: var(--root-radii-m)
}

.accordion--vertical-banner-featured-split .ocr-accordion-item>.button-group {
    position: absolute;
    bottom: var(--root-spacing-3xl)
}

@media (max-width:859.98px) {
    .accordion--vertical-banner-featured-split .ocr-accordion-item>.button-group {
        bottom: var(--root-spacing-2xl);
        --button-group-direction: column;
        display: flex;
        width: 100%;
        left: 0
    }
}

@media (min-width:860px) {
    .accordion--vertical-banner-featured-split.accordion--vertical-flipped .accordion {
        -webkit-padding-start: var(--root-spacing-3xl) !important;
        padding-inline-start: var(--root-spacing-3xl) !important
    }
}

@media (min-width:860px) {
    .accordion--vertical-banner-featured-split.accordion--vertical-flipped .media {
        -webkit-padding-start: var(--root-spacing-xs);
        padding-inline-start: var(--root-spacing-xs);
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

html[dir=rtl] .accordion--vertical-banner-featured-split.accordion--vertical-flipped .media {
    -webkit-padding-start: var(--root-spacing-xs) !important;
    padding-inline-start: var(--root-spacing-xs) !important;
    -webkit-padding-end: 0 !important;
    padding-inline-end: 0 !important
}

@media (min-width:860px) {

    .accordion--vertical-product .accordion,
    .accordion--vertical-product>div:first-child {
        height: 100vh !important;
        max-height: 630px
    }
}

@media (min-width:860px) {
    .accordion--vertical-product .media {
        width: 60%;
        height: auto;
        max-width: 800px;
        max-height: 636px;
        aspect-ratio: unset
    }
}
.main__section--blade-card-carousel .card-horizontal-container,
.main__section--blade-card-carousel .pill-bar,
.main__section--blade-card-carousel .main__section__layout-slot-bottom {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:540px) {

    .main__section--blade-card-carousel .card-horizontal-container,
    .main__section--blade-card-carousel .pill-bar,
    .main__section--blade-card-carousel .main__section__layout-slot-bottom {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) {

    .main__section--blade-card-carousel .card-horizontal-container,
    .main__section--blade-card-carousel .pill-bar,
    .main__section--blade-card-carousel .main__section__layout-slot-bottom {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:1440px) {

    .main__section--blade-card-carousel .card-horizontal-container,
    .main__section--blade-card-carousel .pill-bar,
    .main__section--blade-card-carousel .main__section__layout-slot-bottom {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width:860px) {

    .main__section--blade-card-carousel .card-horizontal-container,
    .main__section--blade-card-carousel .pill-bar,
    .main__section--blade-card-carousel .main__section__layout-slot-bottom {
        max-width: 100vw
    }
}

@media (min-width:1440px) {

    .main__section--blade-card-carousel .card-horizontal-container,
    .main__section--blade-card-carousel .pill-bar,
    .main__section--blade-card-carousel .main__section__layout-slot-bottom {
        max-width: 1328px
    }
}

@media (min-width:1440px) {

    .main__section--blade-card-carousel .card-horizontal-container,
    .main__section--blade-card-carousel .pill-bar,
    .main__section--blade-card-carousel .main__section__layout-slot-bottom {
        margin: auto
    }
}

.main__section--blade-card-carousel .card-horizontal-container {
    margin-bottom: var(--sm-density, var(--root-spacing-2xl))
}

.main__section--blade-card-carousel .carousel__window {
    --carousel-window-margin-bottom: calc(var(--carousel-arrow-height) + var(--sm-density, var(--root-spacing-2xl)))
}

.main__section--blade-card-carousel .main__section__slot .col .carousel__window {
    -webkit-margin-end: -.5rem;
    margin-inline-end: -.5rem
}

@media (max-width:859.98px) {
    .main__section--blade-card-carousel .main__section__slot .col .carousel__window {
        -webkit-margin-end: -.25rem;
        margin-inline-end: -.25rem
    }
}

.main__section--blade-case-study-carousel .carousel--type-case-study {
    --carousel-window-margin-bottom: var(--sm-density, var(--root-spacing-xl))
}

.main__section--blade-full-screen-banner .media--highlight {
    --media-highlight-padding: var(--root-spacing-m)
}
.main__section-banner .media--highlight {
    --media-highlight-padding: var(--root-spacing-m)
}
.media--highlight-glass {
    --surface-bg: var(--theme-background-glass-normal);
    --media-highlight-padding: var(--root-spacing-l);
    -webkit-backdrop-filter: var(--root-filter-blur-glass-backdrop-filter);
    backdrop-filter: var(--root-filter-blur-glass-backdrop-filter);
}

.media--highlight {
/*    --surface-bg: var(--theme-background-special-color);*/
    --media-highlight-padding: var(--root-spacing-3xl);
    --media-border-radius: var(--root-radii-l) !important;
    padding: var(--media-highlight-padding);
    --media-width: fit-content;
}

.main__section--blade-full-screen-banner .block-slim {
    --block-slim-gap: var(--root-spacing-xs);
    text-align: center
}

@media (max-width:539.98px) {
    .main__section--blade-full-screen-banner .block-slim {
        --block-slim-flex-direction: column;
        align-items: center
    }
}

html:not([dir=rtl]) .announcement-banner__action {
    margin-left: var(--root-spacing-xs)
}

html[dir=rtl] .announcement-banner__action {
    margin-right: var(--root-spacing-xs)
}

@media (max-width:859.98px) {
    .main__section--blade-story-grid .main__section--layout-cols-2 .button-group {
        display: none
    }
}

.main__section--blade-product-plan-cards .card-horizontal-container,
.main__section--blade-product-plan-cards .card-plan-detail-list,
.main__section--blade-product-plan-cards .col>.action,
.main__section--blade-product-plan-cards .col>.footnote,
.main__section--blade-product-plan-cards .col>.link,
.main__section--blade-product-plan-cards .pill-bar {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:540px) {

    .main__section--blade-product-plan-cards .card-horizontal-container,
    .main__section--blade-product-plan-cards .card-plan-detail-list,
    .main__section--blade-product-plan-cards .col>.action,
    .main__section--blade-product-plan-cards .col>.footnote,
    .main__section--blade-product-plan-cards .col>.link,
    .main__section--blade-product-plan-cards .pill-bar {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) {

    .main__section--blade-product-plan-cards .card-horizontal-container,
    .main__section--blade-product-plan-cards .card-plan-detail-list,
    .main__section--blade-product-plan-cards .col>.action,
    .main__section--blade-product-plan-cards .col>.footnote,
    .main__section--blade-product-plan-cards .col>.link,
    .main__section--blade-product-plan-cards .pill-bar {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:1440px) {

    .main__section--blade-product-plan-cards .card-horizontal-container,
    .main__section--blade-product-plan-cards .card-plan-detail-list,
    .main__section--blade-product-plan-cards .col>.action,
    .main__section--blade-product-plan-cards .col>.footnote,
    .main__section--blade-product-plan-cards .col>.link,
    .main__section--blade-product-plan-cards .pill-bar {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width:860px) {

    .main__section--blade-product-plan-cards .card-horizontal-container,
    .main__section--blade-product-plan-cards .card-plan-detail-list,
    .main__section--blade-product-plan-cards .col>.action,
    .main__section--blade-product-plan-cards .col>.footnote,
    .main__section--blade-product-plan-cards .col>.link,
    .main__section--blade-product-plan-cards .pill-bar {
        max-width: 100vw
    }
}

@media (min-width:1440px) {

    .main__section--blade-product-plan-cards .card-horizontal-container,
    .main__section--blade-product-plan-cards .card-plan-detail-list,
    .main__section--blade-product-plan-cards .col>.action,
    .main__section--blade-product-plan-cards .col>.footnote,
    .main__section--blade-product-plan-cards .col>.link,
    .main__section--blade-product-plan-cards .pill-bar {
        max-width: 1328px
    }
}

@media (min-width:1440px) {

    .main__section--blade-product-plan-cards .card-horizontal-container,
    .main__section--blade-product-plan-cards .card-plan-detail-list,
    .main__section--blade-product-plan-cards .col>.action,
    .main__section--blade-product-plan-cards .col>.footnote,
    .main__section--blade-product-plan-cards .col>.link,
    .main__section--blade-product-plan-cards .pill-bar {
        margin: auto
    }
}

.main__section--blade-product-plan-cards>.container .row .col .main__section__layout>.layout__col>.main__section__layout-header {
    z-index: 1;
    position: absolute;
    width: 50%
}

@media (max-width:859.98px) {
    .main__section--blade-product-plan-cards>.container .row .col .main__section__layout>.layout__col>.main__section__layout-header {
        position: relative;
        text-align: center;
        width: 100%
    }
}

.main__section--blade-product-plan-cards>.container:has(.row.col.main__section__layout>.layout__col>.main__section__layout-headerp)~.row.main__section__slot .pill-bar--selector {
    margin-bottom: var(--root-spacing-xl)
}

@media (max-width:859.98px) {
    .main__section--blade-product-plan-cards>.container:has(.row.col.main__section__layout>.layout__col>.main__section__layout-headerp)~.row.main__section__slot .pill-bar--selector {
        margin-bottom: 0
    }
}

.main__section--blade-product-plan-cards>.main__section__slot:not(:first-child) {
    margin-top: 0
}

.main__section--blade-product-plan-cards .pill-bar.pill-bar--selector {
    display: inline-flex;
    --tab-group-x-align: flex-end;
    justify-content: var(--tab-group-x-align)
}

@media (max-width:859.98px) {
    .main__section--blade-product-plan-cards .pill-bar.pill-bar--selector {
        --tab-group-x-align: center;
        margin-top: var(--root-spacing-l)
    }
}

.main__section--blade-product-plan-cards .pill-bar--radio-tabs {
    display: flex;
    justify-content: flex-end
}

@media (max-width:859.98px) {
    .main__section--blade-product-plan-cards .pill-bar--radio-tabs {
        justify-content: start
    }
}

.main__section--blade-product-plan-cards .card-horizontal-container {
    margin-bottom: var(--sm-density, var(--root-spacing-2xl))
}

.main__section--blade-product-plan-cards .carousel__window {
    --carousel-window-margin-bottom: calc(var(--carousel-arrow-height) + var(--sm-density, var(--root-spacing-2xl)))
}

.main__section--blade-product-plan-cards .tab-panel-group .pill-bar {
    margin-bottom: var(--root-spacing-xl)
}

.main__section--blade-product-plan-cards .pill-bar__panel__content>.link,
.main__section--blade-product-plan-cards .main__section__slot>.col>.link {
    justify-content: flex-end
}

@media (max-width:1439.98px) {

    .main__section--blade-product-plan-cards .pill-bar__panel__content>.link,
    .main__section--blade-product-plan-cards .main__section__slot>.col>.link {
        justify-content: start
    }
}

.main__section--blade-product-plan-cards .pill-bar__panel__content>.action,
.main__section--blade-product-plan-cards .main__section__slot>.col>.action {
    justify-content: flex-end;
    display: inline-flex !important
}

@media (max-width:1439.98px) {

    .main__section--blade-product-plan-cards .pill-bar__panel__content>.action,
    .main__section--blade-product-plan-cards .main__section__slot>.col>.action {
        justify-content: start
    }
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__window .carousel__container {
    display: grid;
    grid-template-columns: repeat(8, calc((100% * 24 / 24) - 8px));
    grid-template-rows: repeat(13, min-content);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 0;
    padding-block: .1875rem
}

@media (min-width:860px) {
    .main__section--blade-product-plan-cards .carousel--card-grid .carousel__window .carousel__container {
        grid-template-columns: repeat(8, calc((100% * 12 / 24) - 8px))
    }
}

@media (min-width:1440px) {
    .main__section--blade-product-plan-cards .carousel--card-grid .carousel__window .carousel__container {
        grid-template-columns: repeat(8, calc((100% * 10 / 24) - 8px))
    }
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide {
    display: contents
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:last-child .card-plan-detail__style-div {
    scroll-padding-inline-end: calc(16px - .1875rem);
    -webkit-margin-end: .1875rem;
    margin-inline-end: .1875rem
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__unavailable {
    grid-column-start: 1
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__unavailable {
    grid-column-start: 2
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__unavailable {
    grid-column-start: 3
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__unavailable {
    grid-column-start: 4
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__unavailable {
    grid-column-start: 5
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__unavailable {
    grid-column-start: 6
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__unavailable {
    grid-column-start: 7
}

.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__style-div,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .ocr-divider,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__unavailable {
    grid-column-start: 8
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card {
    display: contents
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__style-div {
    grid-row: 1/span 13;
    --layout-column-gap: var(--root-spacing-2xl);
    --layout-row-gap: var(--root-spacing-xl);
    background-color: var(--theme-background-card-normal);
    border-radius: var(--root-radii-l);
    color: var(--theme-foreground-base-strong);
    padding: var(--root-spacing-l);
    box-shadow: var(--root-depth-4)
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__sku,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__sku .sku {
    display: contents
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__badges,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__content,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__footer,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__buttons,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-commitment,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-recurrence,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__footnote,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__note,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__paragraph,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__title,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__unavailable {
    padding-inline: var(--root-spacing-xl)
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__title {
    grid-row-start: 1;
    padding-top: var(--root-spacing-xl)
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__paragraph {
    grid-row-start: 2
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__pricing,
.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__unavailable {
    grid-row-start: 3;
    align-items: flex-start
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-recurrence {
    grid-row-start: 4
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-commitment {
    grid-row-start: 5
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__note {
    grid-row-start: 6
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__buttons {
    grid-row-start: 7
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__footnote {
    grid-row-start: 8;
    margin-bottom: var(--root-spacing-l)
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__content {
    grid-row-start: 9
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__badges {
    grid-row-start: 10
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .ocr-divider {
    grid-row-start: 11;
    margin-inline: var(--root-spacing-xl)
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__footer {
    grid-row-start: 12;
    padding-bottom: var(--root-spacing-xl)
}

.main__section--blade-product-plan-cards .carousel--card-grid .card-plan-detail__style-div {
    scroll-snap-align: var(--carousel-snap-align)
}

.main__section--blade-hero-category .main__section__image.overlay__target::before {
    --bg-val: var(--theme-background-background-overlay-horizontal)
}

.main__section--blade-hero-category .layout.main__section--layout-cols-2 {
    --layout-column-gap: var(--root-density-horizontal-relaxed)
}

.main__section--blade-hero-category .main__section__layout-header .block-heading {
    -webkit-padding-end: var(--root-copy-padding-l);
    padding-inline-end: var(--root-copy-padding-l)
}

.main__section--blade-comparison-table .footnote,
.main__section--blade-comparison-table .pill-bar {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:540px) {

    .main__section--blade-comparison-table .footnote,
    .main__section--blade-comparison-table .pill-bar {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) {

    .main__section--blade-comparison-table .footnote,
    .main__section--blade-comparison-table .pill-bar {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:1440px) {

    .main__section--blade-comparison-table .footnote,
    .main__section--blade-comparison-table .pill-bar {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (min-width:860px) {

    .main__section--blade-comparison-table .footnote,
    .main__section--blade-comparison-table .pill-bar {
        max-width: 100vw
    }
}

@media (min-width:1440px) {

    .main__section--blade-comparison-table .footnote,
    .main__section--blade-comparison-table .pill-bar {
        max-width: 1328px
    }
}

@media (min-width:1440px) {

    .main__section--blade-comparison-table .footnote,
    .main__section--blade-comparison-table .pill-bar {
        margin: 0 auto
    }
}

@media (min-width:1440px) {
    .main__section--blade-comparison-table .ocr-slider .tab-group {
        margin: 0 auto
    }
}

@media (max-width:859.98px) {
    .main__section--blade-section-with-quote .main__section__layout {
        --layout-row-gap: var(--root-density-horizontal-relaxed)
    }
}
.main__section--blade-hero-search {
    padding-bottom: 0
}

.hero-search {
    display: flex;
    flex-direction: column;
    gap: var(--root-breadth-vertical-relaxed)
}

.main__section--blade-hero-impact .main__section__breadcrumbs {
    margin-bottom: var(--root-spacing-l)
}

.main__section--blade-media-playlist-video {
    --sm-layout-heading-x-align: center;
    --sm-breadth-top: 3.5rem;
    --sm-breadth-bottom: 3.5rem
}

@media screen and (min-width:1280px) {
    .main__section--blade-media-playlist-video {
        --sm-breadth-top: var(--root-spacing-4xl);
        --sm-breadth-bottom: 0
    }
}

.main__section--blade-media-playlist-video.main__section--breadth-none {
    --sm-breadth-top: 0;
    --sm-breadth-bottom: 0
}

.main__section--blade-media-playlist-video.main__section--breadth-comfortable {
    --sm-breadth-top: 3rem;
    --sm-breadth-bottom: 3rem
}

@media screen and (min-width:1280px) {
    .main__section--blade-media-playlist-video.main__section--breadth-comfortable {
        --sm-breadth-top: var(--root-spacing-3xl);
        --sm-breadth-bottom: 0
    }
}

@media (min-width:1440px) {
    .main__section--blade-media-video-large .main__section__slot {
        justify-content: center;
        --layout-column-width: calc(16 / 24 * 100%)
    }
}

.main__section--blade-hero-pricing .main__section__slot:not(:first-child) {
    margin-top: var(--root-spacing-3xl)
}

.main__section--blade-hero-pricing .main__section__layout-header .block-heading {
    display: flex;
    flex-direction: column;
    gap: var(--root-spacing-xl)
}

.main__section--blade-hero-pricing .main__section__slot .tabs-wrapper>.tabs--type-link,
.main__section--blade-hero-pricing .main__section__slot>.col>* {
    position: relative
}

.main__section--blade-hero-pricing .main__section__slot .tabs-wrapper>.tabs--type-link,
.main__section--blade-hero-pricing .main__section__slot>.col>.tabs--type-link {
    --tab-group-max-width: 800px;
    padding-bottom: var(--root-spacing-xl)
}

@media (min-width:860px) {
    .main__section--blade-hero-pricing .main__section__slot {
        padding-right: 1rem;
        padding-left: 1rem;
        max-width: 1328px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:860px) and (min-width:540px) {
    .main__section--blade-hero-pricing .main__section__slot {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:860px) and (min-width:860px) {
    .main__section--blade-hero-pricing .main__section__slot {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (min-width:860px) and (min-width:1440px) {
    .main__section--blade-hero-pricing .main__section__slot {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (max-width:859.98px) {
    .main__section--blade-hero-pricing .main__section__slot>.col>:not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) {
        padding-right: 1rem;
        padding-left: 1rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width:859.98px) and (min-width:540px) {
    .main__section--blade-hero-pricing .main__section__slot>.col>:not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (max-width:859.98px) and (min-width:860px) {
    .main__section--blade-hero-pricing .main__section__slot>.col>:not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) {
        padding-right: 3.5rem;
        padding-left: 3.5rem
    }
}

@media (max-width:859.98px) and (min-width:1440px) {
    .main__section--blade-hero-pricing .main__section__slot>.col>:not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media (max-width:859.98px) {

    .main__section--blade-hero-pricing .main__section__slot .tabs-wrapper>.tabs--type-link,
    .main__section--blade-hero-pricing .main__section__slot>.col>.popover-list,
    .main__section--blade-hero-pricing .main__section__slot>.col>.tabs--type-link {
        -webkit-padding-start: 4rem;
        padding-inline-start: 4rem
    }
}

@media (max-width:859.98px) and (max-width:539.98px) {

    .main__section--blade-hero-pricing .main__section__slot .tabs-wrapper>.tabs--type-link,
    .main__section--blade-hero-pricing .main__section__slot>.col>.popover-list,
    .main__section--blade-hero-pricing .main__section__slot>.col>.tabs--type-link {
        -webkit-padding-start: 1rem;
        padding-inline-start: 1rem
    }
}
.ocr-faq-item {
    --accordion--item--border-color: var(--theme-border-neutral-fade);
    --accordion--item--background-card-color: var(--theme-background-base-color);
    display: flex
}

.ocr-faq-item :focus {
    color: inherit
}

.ocr-faq-item__content {
    width: 100%;
    border-bottom: var(--root-border-xs) solid var(--accordion--item--border-color)
}

.ocr-faq-item__header {
    display: flex;
    padding: var(--root-spacing-l) 0!important;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: none;
    outline: 0!important;
    gap: var(--root-spacing-m)
}

.ocr-faq-item__header:focus::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: .1875rem dotted currentColor;
    z-index: 1
}

.ocr-faq-item__header--label {
    display: none;
    color: var(--theme-foreground-base-highlight);
    width: 15%;
    max-width: 152px
}

@media (min-width: 540px) {
    .ocr-faq-item__header--label {
        display:initial
    }
}

html:not([dir=rtl]) .ocr-faq-item__header--label {
    text-align: left
}

html[dir=rtl] .ocr-faq-item__header--label {
    text-align: right
}

.ocr-faq-item__header--title {
    flex: 1
}

html:not([dir=rtl]) .ocr-faq-item__header--title {
    text-align: left
}

html[dir=rtl] .ocr-faq-item__header--title {
    text-align: right
}

.ocr-faq-item__body-wrapper {
    display: flex;
    gap: var(--root-spacing-m)
}

.ocr-faq-item__empty-div {
    width: 15%;
    max-width: 152px;
    display: none
}

@media (min-width: 540px) {
    .ocr-faq-item__empty-div {
        display:initial
    }
}

.ocr-faq-item__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--root-spacing-xl);
    padding-bottom: var(--root-spacing-xl);
    -webkit-padding-end: var(--root-copy-padding-xl);
    padding-inline-end:var(--root-copy-padding-xl)}

.ocr-faq-item .lead {
    color: var(--theme-foreground-base-strong)
}

.ocr-faq-item .faq-collapse {
    background: 0 0
}

.ocr-faq-item .faq-collapse[aria-expanded=false]::after,.ocr-faq-item .faq-collapse[aria-expanded=true]::after {
    background-color: var(--theme-background-accent-strong-normal);
    border-radius: .5rem;
    height: 2.5rem;
    width: 2.5rem;
    padding: .625rem;
    font-family: MWF-FLUENT-ICONS;
    color: var(--theme-foreground-accent-strong-normal)
}

.ocr-faq-item .faq-collapse[aria-expanded=true]::after {
    content: "\E738";
    background-color: var(--theme-background-accent-strong-pressed)
}

.ocr-faq-item .faq-collapse[aria-expanded=false]::after {
    content: "\E710"
}

.ocr-faq__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 859.98px) {
    .ocr-faq__header {
        flex-direction:column;
        gap: var(--root-spacing-xl)
    }
}

.ocr-faq__controls {
    display: flex;
    justify-content: flex-end;
    gap: var(--root-spacing-xs);
    align-items: center
}

@media (max-width: 859.98px) {
    .ocr-faq__controls {
        justify-content:center;
        width: 100%
    }

    .ocr-faq__controls .button-group {
        width: 100%
    }
}

.ocr-faq__title {
    color: var(--theme-foreground-base-strong);
    align-self: flex-start
}

.ocr-faq>ul {
    overflow: hidden;
    color: var(--theme-foreground-base-subtle);
    padding: 0;
    margin-bottom: 0;
    margin-top: var(--root-spacing-2xl)
}

.ocr-faq--contained>ul {
    margin-top: 0
}

.ocr-faq--contained .ocr-faq-item {
    border: var(--root-border-xs) solid var(--theme-border-glass-fade);
    border-radius: var(--root-radii-m);
    background-color: var(--theme-background-glass-normal);
    margin-bottom: var(--root-spacing-2xs)
}

.ocr-faq--contained .ocr-faq-item.active {
    background-color: var(--theme-background-card-normal)
}

.ocr-faq--contained .ocr-faq-item__content {
    border: none
}

.ocr-faq--contained .ocr-faq-item__header {
    padding: var(--root-spacing-m)!important;
    color: var(--theme-foreground-base-strong)
}

.ocr-faq--contained .ocr-faq-item__body {
    padding: var(--root-spacing-m)
}

.ocr-faq--contained .ocr-faq-item__body .block-heading {
    margin-bottom: var(--root-spacing-l)
}

.ocr-faq--contained .ocr-faq-item__body .selector-slider {
    margin-bottom: var(--root-spacing-xl)
}

.ocr-faq--contained .ocr-faq-item__body .tab-panel-group {
    margin-top: var(--root-spacing-xl)
}

.ocr-faq--contained .ocr-faq-item__body-wrapper.collapsing {
    display: block
}

.ocr-faq--contained .ocr-faq-item__body-wrapper.collapsing .selector-slider__indicators-wrapper {
    display: none
}

.ocr-faq--contained .ocr-faq-item__body-wrapper.show {
    display: block
}

.light__theme {
    --theme-background-accent-strong-normal: var(--root-color-blue-main-500);
    --theme-background-accent-strong-hover: var(--root-color-blue-black-600);
    --theme-background-accent-strong-pressed: var(--root-color-blue-black-800);
    --theme-background-accent-strong-selected: var(--root-color-blue-main-500);
    --theme-background-accent-subtle-normal: rgba(6, 22, 31, 0.1);
    --theme-background-accent-subtle-hover: rgba(6, 22, 31, 0.2);
    --theme-background-accent-subtle-pressed: var(--root-color-blue-black-300);
    --theme-background-accent-subtle-selected: var(--root-color-blue-main-500);
    --theme-background-neutral-fade: var(--root-color-warm-white-100);
    --theme-background-neutral-color: var(--root-color-warm-white-200);
    --theme-background-base-fade: var(--root-color-sky-blue-50);
    --theme-background-base-color: var(--root-color-sky-blue-100);
    --theme-background-base-neutral: var(--root-color-neutral-white);
    --theme-background-supportive-fade: var(--root-color-orange-coral-50);
    --theme-background-supportive-color: var(--root-color-orange-coral-100);
    --theme-background-special-fade: var(--root-gradient-linear-sky-blue);
    --theme-background-special-color: var(--root-gradient-mesh-sky-blue);
    --theme-background-special-neutral: var(--root-gradient-linear-skyblue-brilliantblue);
    --theme-background-special-subtle: var(--root-gradient-linear-skyblue2);
    --theme-background-special-template-subtle: var(--root-gradient-linear-skyblue-template);
    --theme-background-card-normal: var(--root-color-off-white-50);
    --theme-background-card-hover: var(--root-color-off-white-50);
    --theme-background-card-pressed: var(--root-color-off-white-400);
    --theme-background-card-selected: var(--root-color-off-white-50);
    --theme-background-glass-normal: var(--root-color-alpha-100);
    --theme-background-glass-hover: var(--root-color-alpha-200);
    --theme-background-glass-pressed: var(--root-color-alpha-300);
    --theme-background-glass-selected: var(--root-color-alpha-600);
    --theme-background-highlight-normal: var(--root-color-pale-gray-100);
    --theme-background-highlight-hover: var(--root-color-pale-gray-200);
    --theme-background-highlight-pressed: var(--root-color-pale-gray-400);
    --theme-background-highlight-selected: var(--root-color-pale-gray-300);
    --theme-background-overlay-full: var(--root-overlay-day-full);
    --theme-background-overlay-gradient: var(--root-overlay-day-gradient);
    --theme-background-background-overlay-fill: var(--root-overlay-day-bg-overlay-fill);
    --theme-background-background-overlay-horizontal: var(--root-overlay-day-bg-overlay-horizontal);
    --theme-background-background-overlay-horizontal-faded: var(--root-overlay-day-bg-overlay-horizontal-faded);
    --theme-background-background-overlay-vertical: var(--root-overlay-day-bg-overlay-vertical);
    --theme-background-background-overlay-vertical-color: var(--root-overlay-day-bg-overlay-vertical-color);
    --theme-background-video-overlay-fill: var(--root-overlay-day-video-overlay-fill);
    --theme-background-video-overlay-vertical: var(--root-overlay-day-video-overlay-vertical);
    --theme-background-video-overlay-bottom-vertical: var(--root-overlay-day-video-overlay-bottom-vertical);
    --theme-background-video-overlay-bottom-vertical-light: var(--root-overlay-day-video-overlay-bottom-vertical-light);
    --theme-background-video-overlay-bottom-vertical-strong: var(--root-overlay-day-video-overlay-bottom-vertical-strong);
    --theme-background-video-overlay-bottom-vertical-strong-light: var(--root-overlay-day-video-overlay-bottom-vertical-strong-light);
    --theme-foreground-accent-strong-normal: var(--root-color-neutral-white);
    --theme-foreground-accent-strong-hover: var(--root-color-neutral-white);
    --theme-foreground-accent-strong-pressed: var(--root-color-neutral-white);
    --theme-foreground-accent-strong-selected: var(--root-color-neutral-white);
    --theme-foreground-accent-subtle-normal: var(--root-color-blue-black-800);
    --theme-foreground-accent-subtle-hover: var(--root-color-blue-black-800);
    --theme-foreground-accent-subtle-pressed: var(--root-color-blue-black-900);
    --theme-foreground-accent-subtle-selected: var(--root-color-neutral-white);
    --theme-foreground-neutral-strong: var(--root-color-dark-blue-900);
    --theme-foreground-neutral-subtle: var(--root-color-dark-blue-800);
    --theme-foreground-neutral-highlight: var(--root-color-sea-salt-900);
    --theme-foreground-neutral-icon: var(--root-color-sea-salt-900);
    --theme-foreground-neutral-icon-light: var(--root-color-dark-blue-50);
    --theme-foreground-base-strong: var(--root-color-dark-blue-900);
    --theme-foreground-base-subtle: var(--root-color-dark-blue-800);
    --theme-foreground-base-highlight: var(--root-color-dark-blue-500);
    --theme-foreground-base-icon: var(--root-color-dark-blue-500);
    --theme-foreground-base-icon-light: var(--root-color-sky-blue-50);
    --theme-foreground-supportive-strong: var(--root-color-dark-blue-900);
    --theme-foreground-supportive-subtle: var(--root-color-dark-blue-800);
    --theme-foreground-supportive-highlight: var(--root-color-orange-coral-500);
    --theme-foreground-supportive-icon: var(--root-color-orange-coral-500);
    --theme-foreground-supportive-icon-light: var(--root-color-violet-50);
    --theme-foreground-special-strong: var(--root-color-dark-blue-900);
    --theme-foreground-special-subtle: var(--root-color-dark-blue-800);
    --theme-foreground-special-highlight: var(--root-color-grass-green-800);
    --theme-foreground-special-icon: var(--root-color-grass-green-800);
    --theme-foreground-special-icon-light: var(--root-color-sky-blue-50);
    --theme-foreground-special-strong-gradient-1: var(--root-gradient-linear-redviolet-brightorange);
    --theme-foreground-special-strong-gradient-2: var(--root-gradient-linear-brilliantblue-purple);
    --theme-foreground-special-ai-gradient-1: var(--root-gradient-linear-brilliantblue-biscaygreen);
    --theme-border-accent-strong-normal: var(--root-color-blue-main-500);
    --theme-border-accent-strong-hover: var(--root-color-blue-black-600);
    --theme-border-accent-strong-pressed: var(--root-color-blue-black-800);
    --theme-border-accent-strong-selected: var(--root-color-blue-main-500);
    --theme-border-accent-subtle-normal: var(--root-color-blue-main-500);
    --theme-border-accent-subtle-hover: var(--root-color-blue-black-600);
    --theme-border-accent-subtle-pressed: var(--root-color-blue-black-800);
    --theme-border-accent-subtle-selected: var(--root-color-blue-main-500);
    --theme-border-neutral-strong: var(--root-color-sea-salt-900);
    --theme-border-neutral-subtle: var(--root-color-sea-salt-800);
    --theme-border-neutral-pure: var(--root-color-sea-salt-500);
    --theme-border-neutral-fade: var(--root-color-dark-blue-100);
    --theme-border-base-strong: var(--root-color-dark-blue-900);
    --theme-border-base-subtle: var(--root-color-dark-blue-800);
    --theme-border-base-pure: var(--root-color-dark-blue-500);
    --theme-border-base-fade: var(--root-color-vapor-gray-800);
    --theme-border-supportive-strong: var(--root-color-orange-coral-900);
    --theme-border-supportive-subtle: var(--root-color-orange-coral-800);
    --theme-border-supportive-pure: var(--root-color-orange-coral-500);
    --theme-border-supportive-fade: var(--root-color-orange-coral-100);
    --theme-border-special-strong: var(--root-color-grass-green-900);
    --theme-border-special-subtle: var(--root-color-grass-green-800);
    --theme-border-special-pure: var(--root-color-grass-green-500);
    --theme-border-special-fade: var(--root-color-grass-green-100);
    --theme-border-card-strong: var(--root-color-off-white-600);
    --theme-border-card-fade: var(--root-color-brilliant-blue-50);
    --theme-border-glass-strong: var(--root-color-alpha-900);
    --theme-border-glass-subtle: var(--root-color-alpha-800);
    --theme-border-glass-pure: var(--root-color-alpha-500);
    --theme-border-glass-fade: var(--root-color-alpha-100);
    --theme-border-highlight-strong: var(--root-color-pale-gray-400);
    --theme-border-highlight-fade: var(--root-color-gradient-linear-200);
    --root-depth-color-1: rgba(0, 0, 0, 0.12);
    --root-depth-color-2: rgba(0, 0, 0, 0.14)
}