.fcaboutlbl,
.fcaboutlbl * {
    box-sizing: border-box;
}

.fcaboutlbl-bricks-element {
    width: 100%;
}

.fcaboutlbl {
    --fcaboutlbl-max-width: 1440px;
    --fcaboutlbl-section-bg: #fffdf7;
    --fcaboutlbl-section-border: #d8e2d7;
    --fcaboutlbl-section-border-width: 7px;
    --fcaboutlbl-section-radius: 22px;
    --fcaboutlbl-pad: 56px;
    --fcaboutlbl-tablet-side-left: 32px;
    --fcaboutlbl-tablet-side-right: 32px;
    --fcaboutlbl-mobile-label-left: 22px;
    --fcaboutlbl-mobile-label-right: 0px;
    --fcaboutlbl-container-left: 56px;
    --fcaboutlbl-container-right: 56px;
    --fcaboutlbl-tablet-container-left: 32px;
    --fcaboutlbl-tablet-container-right: 32px;
    --fcaboutlbl-mobile-container-left: 18px;
    --fcaboutlbl-mobile-container-right: 18px;
    --fcaboutlbl-label-bg: #f1f5e7;
    --fcaboutlbl-label-hover-bg: #e5eed6;
    --fcaboutlbl-label-border: #9aab82;
    --fcaboutlbl-label-frame: 0px;
    --fcaboutlbl-label-shadow-opacity: 0;
    --fcaboutlbl-label-radius: 7px;
    --fcaboutlbl-title-color: #0b3329;
    --fcaboutlbl-text-color: #243a32;
    --fcaboutlbl-icon-bg: #dfe8cf;
    --fcaboutlbl-icon-color: #101b18;
    --fcaboutlbl-icon-size: 42px;
    --fcaboutlbl-line-color: #0b3329;
    --fcaboutlbl-line-width: 3.3px;
    --fcaboutlbl-heading-color: #0b3329;
    --fcaboutlbl-heading-font-family: inherit;
    --fcaboutlbl-heading-font-size: 44px;
    --fcaboutlbl-tablet-heading-font-size: 38px;
    --fcaboutlbl-mobile-heading-font-size: 34px;
    --fcaboutlbl-heading-font-weight: 400;
    --fcaboutlbl-heading-line-height: 1.04;
    --fcaboutlbl-close-distance: 240px;
    --fcaboutlbl-tablet-close-distance: 140px;
    --fcaboutlbl-mobile-close-distance: 48px;
    --fcaboutlbl-progress: 0;
    --fcaboutlbl-thread-gap: 28px;
    --fcaboutlbl-grid-gap: 18px;
    --fcaboutlbl-row-gap: 10px;
    --fcaboutlbl-center-width: 20px;
    --fcaboutlbl-center-reach: 10px;
    --fcaboutlbl-card-width: 470px;
    --fcaboutlbl-connector-height: 24px;
    --fcaboutlbl-line-dash: 12px;
    --fcaboutlbl-line-dash-gap: 13px;
    --fcaboutlbl-thread-dash: 4px;
    --fcaboutlbl-thread-dash-gap: 5px;
    --fcaboutlbl-thread-overreach: 24px;
    --fcaboutlbl-thread-dot-size: 10px;
    --fcaboutlbl-center-pearl-size: 11px;
    width: 100%;
    max-width: var(--fcaboutlbl-max-width);
    margin-inline: auto;
    background: var(--fcaboutlbl-section-bg);
    color: var(--fcaboutlbl-text-color);
    border: var(--fcaboutlbl-section-border-width) solid var(--fcaboutlbl-section-border);
    background-clip: padding-box;
    border-radius: var(--fcaboutlbl-section-radius);
    /* The outer frame belongs on this true section edge, not on the inner content wrapper. */
    overflow: hidden;
    position: relative;
}

.fcaboutlbl::before,
.fcaboutlbl::after {
    content: "";
    position: absolute;
    inset-block: 0;
    width: min(28%, 320px);
    opacity: .16;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
}

.fcaboutlbl::before {
    left: 0;
    background-image: radial-gradient(ellipse at 24% 16%, transparent 44%, var(--fcaboutlbl-label-border) 45%, transparent 46%), radial-gradient(ellipse at 46% 55%, transparent 42%, var(--fcaboutlbl-label-border) 43%, transparent 44%);
    background-position: left 18% top 8%, left 4% bottom 4%;
}

.fcaboutlbl::after {
    right: 0;
    background-image: radial-gradient(ellipse at 76% 18%, transparent 44%, var(--fcaboutlbl-label-border) 45%, transparent 46%), radial-gradient(ellipse at 58% 70%, transparent 42%, var(--fcaboutlbl-label-border) 43%, transparent 44%);
    background-position: right 8% top 8%, right 0 bottom 3%;
}

.fcaboutlbl-inner {
    /* Inner wrapper must never carry the outer frame. */
    border: 0 !important;
    outline: 0 !important;
    position: relative;
    z-index: 1;
    padding-top: clamp(28px, 4vw, var(--fcaboutlbl-pad));
    padding-bottom: clamp(28px, 4vw, var(--fcaboutlbl-pad));
    padding-left: var(--fcaboutlbl-container-left, var(--fcaboutlbl-pad));
    padding-right: var(--fcaboutlbl-container-right, var(--fcaboutlbl-pad));
}

.fcaboutlbl-header {
    text-align: center;
    margin: 0 auto clamp(20px, 2.6vw, 30px);
    max-width: 720px;
}

.fcaboutlbl-heading {
    margin: 0;
    color: var(--fcaboutlbl-heading-color);
    font-family: var(--fcaboutlbl-heading-font-family, inherit);
    font-size: var(--fcaboutlbl-heading-font-size, 44px);
    line-height: var(--fcaboutlbl-heading-line-height, 1.04);
    font-weight: var(--fcaboutlbl-heading-font-weight, 400);
    letter-spacing: -.025em;
}

.fcaboutlbl-stage {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--fcaboutlbl-center-width) minmax(0, 1fr);
    gap: var(--fcaboutlbl-row-gap) max(var(--fcaboutlbl-grid-gap), calc(var(--fcaboutlbl-thread-gap) - 10px));
    align-items: center;
    padding-block: 4px;
}

.fcaboutlbl-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: var(--fcaboutlbl-line-width);
    transform: translateX(-50%);
    background: var(--fcaboutlbl-line-color);
    opacity: .96;
    border-radius: 999px;
    pointer-events: none;
    overflow: visible;
}

/* Pearl caps on the top and bottom of the solid center thread. */
.fcaboutlbl-line::before,
.fcaboutlbl-line::after {
    content: "";
    position: absolute;
    left: 50%;
    width: var(--fcaboutlbl-center-pearl-size);
    height: var(--fcaboutlbl-center-pearl-size);
    border-radius: 999px;
    transform: translateX(-50%);
    background:
        radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .98) 0 18%, rgba(255, 255, 255, .42) 19% 34%, transparent 35%),
        color-mix(in srgb, var(--fcaboutlbl-line-color) 72%, #f7f4df 28%);
    border: max(1px, calc(var(--fcaboutlbl-line-width) / 2)) solid color-mix(in srgb, var(--fcaboutlbl-line-color) 78%, #ffffff 22%);
    box-shadow: 0 0 0 2px var(--fcaboutlbl-section-bg), 0 1px 5px rgba(11, 51, 41, .24);
    z-index: 2;
}

.fcaboutlbl-line::before {
    top: calc(var(--fcaboutlbl-center-pearl-size) / -2);
}

.fcaboutlbl-line::after {
    bottom: calc(var(--fcaboutlbl-center-pearl-size) / -2);
}

.fcaboutlbl-item {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    transition: transform .72s cubic-bezier(.2, .72, .18, 1), opacity .52s ease, filter .52s ease;
    opacity: calc(.34 + (var(--fcaboutlbl-progress) * .66));
    filter: saturate(calc(.78 + (var(--fcaboutlbl-progress) * .22)));
    will-change: transform, opacity;
}

.fcaboutlbl-item--left {
    grid-column: 1 / 2;
    justify-content: flex-end;
    transform: translateX(calc((1 - var(--fcaboutlbl-progress)) * var(--fcaboutlbl-close-distance, 118px)));
}

.fcaboutlbl-item--right {
    grid-column: 3 / 4;
    justify-content: flex-start;
    transform: translateX(calc((1 - var(--fcaboutlbl-progress)) * var(--fcaboutlbl-close-distance, 118px) * -1));
}

.fcaboutlbl-item:nth-of-type(odd),
.fcaboutlbl-item:nth-of-type(even) {
    transition-delay: calc(min(var(--fcaboutlbl-row), 8) * 45ms);
}

.fcaboutlbl-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(72px, 90px);
    align-items: stretch;
    width: min(100%, var(--fcaboutlbl-card-width));
    min-height: 96px;
    background: var(--fcaboutlbl-label-bg);
    border: 1px solid var(--fcaboutlbl-label-border);
    border-radius: calc(var(--fcaboutlbl-label-radius) + 9px);
    box-shadow: 0 6px 14px rgba(26, 44, 37, var(--fcaboutlbl-label-shadow-opacity));
    outline: var(--fcaboutlbl-label-frame) solid color-mix(in srgb, var(--fcaboutlbl-label-border) 18%, transparent);
    outline-offset: 0;
    overflow: visible;
    transition: transform .28s ease, background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.fcaboutlbl-item--right .fcaboutlbl-card {
    grid-template-columns: minmax(72px, 90px) minmax(0, 1fr);
}

.fcaboutlbl[data-hover="1"] .fcaboutlbl-item:is(:hover, :focus-within) .fcaboutlbl-card {
    background: var(--fcaboutlbl-label-hover-bg);
    border-color: var(--fcaboutlbl-line-color);
    box-shadow: 0 16px 34px rgba(26, 44, 37, .13);
    transform: translateY(-3px);
}

.fcaboutlbl-copy {
    min-width: 0;
    padding: clamp(14px, 1.5vw, 20px) clamp(16px, 2vw, 26px);
    align-self: center;
}

.fcaboutlbl-label-title {
    margin: 0 0 8px;
    color: var(--fcaboutlbl-title-color);
    font-family: inherit;
    font-size: clamp(17px, 1.22vw, 21px);
    line-height: 1.12;
    font-weight: 700;
}

.fcaboutlbl-label-text {
    margin: 0;
    color: var(--fcaboutlbl-text-color);
    font-family: inherit;
    font-size: clamp(13px, .95vw, 15px);
    line-height: 1.42;
    font-weight: 400;
}

.fcaboutlbl-icon-box {
    display: grid;
    place-items: center;
    min-width: 72px;
    min-height: 100%;
    padding: 12px;
    background: var(--fcaboutlbl-icon-bg);
    color: var(--fcaboutlbl-icon-color);
    border-inline-start: 1px solid var(--fcaboutlbl-label-border);
    border-radius: 0 calc(var(--fcaboutlbl-label-radius) + 8px) calc(var(--fcaboutlbl-label-radius) + 8px) 0;
}

.fcaboutlbl-item--right .fcaboutlbl-icon-box {
    border-inline-start: 0;
    border-inline-end: 1px solid var(--fcaboutlbl-label-border);
    border-radius: calc(var(--fcaboutlbl-label-radius) + 8px) 0 0 calc(var(--fcaboutlbl-label-radius) + 8px);
}

.fcaboutlbl-icon-svg,
.fcaboutlbl-icon-img {
    width: var(--fcaboutlbl-icon-size);
    height: var(--fcaboutlbl-icon-size);
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.fcaboutlbl-icon-svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fcaboutlbl-icon-img {
    object-fit: contain;
}

.fcaboutlbl-connector {
    position: absolute;
    top: 50%;
    width: calc(var(--fcaboutlbl-thread-gap) + var(--fcaboutlbl-center-reach) + var(--fcaboutlbl-thread-overreach) + 12px);
    height: var(--fcaboutlbl-connector-height);
    margin-top: calc(var(--fcaboutlbl-connector-height) / -2);
    opacity: .9;
    z-index: 2;
    pointer-events: none;
    overflow: visible;
}

.fcaboutlbl-connector-svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.fcaboutlbl-connector-path {
    fill: none;
    stroke: var(--fcaboutlbl-line-color);
    stroke-width: var(--fcaboutlbl-line-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: var(--fcaboutlbl-thread-dash) var(--fcaboutlbl-thread-dash-gap);
    vector-effect: non-scaling-stroke;
}

.fcaboutlbl-connector-dot {
    display: none;
}

/* Reliable visible end dot.
   Kept outside the SVG transform so right-side mirrored connectors do not hide it. */
.fcaboutlbl-connector::after {
    content: "";
    position: absolute;
    top: 50%;
    width: var(--fcaboutlbl-thread-dot-size);
    height: var(--fcaboutlbl-thread-dot-size);
    margin-top: calc(var(--fcaboutlbl-thread-dot-size) / -2);
    border-radius: 999px;
    background:
        radial-gradient(circle at 34% 30%, rgba(255, 255, 255, .96) 0 18%, rgba(255, 255, 255, .38) 19% 32%, transparent 33%),
        color-mix(in srgb, var(--fcaboutlbl-line-color) 76%, #f7f4df 24%);
    border: max(1px, calc(var(--fcaboutlbl-line-width) / 2)) solid color-mix(in srgb, var(--fcaboutlbl-line-color) 78%, #ffffff 22%);
    box-shadow: 0 0 0 2px var(--fcaboutlbl-section-bg), 0 1px 4px rgba(11, 51, 41, .28);
    z-index: 4;
}

.fcaboutlbl-item--left .fcaboutlbl-connector {
    right: calc(0px - var(--fcaboutlbl-thread-gap) - var(--fcaboutlbl-center-reach) - var(--fcaboutlbl-thread-overreach) - 6px);
}

.fcaboutlbl-item--right .fcaboutlbl-connector {
    left: calc(0px - var(--fcaboutlbl-thread-gap) - var(--fcaboutlbl-center-reach) - var(--fcaboutlbl-thread-overreach) - 6px);
}

.fcaboutlbl-item--left .fcaboutlbl-connector::after {
    right: 0;
}

.fcaboutlbl-item--right .fcaboutlbl-connector::after {
    left: 0;
}

.fcaboutlbl-item--right .fcaboutlbl-connector-svg {
    transform: scaleX(-1);
}

.fcaboutlbl:not(.is-ready),
.fcaboutlbl[data-animate="0"] {
    --fcaboutlbl-progress: 1 !important;
}

@media (max-width: 1024px) {
    .fcaboutlbl-inner {
        padding-left: var(--fcaboutlbl-tablet-container-left, 32px);
        padding-right: var(--fcaboutlbl-tablet-container-right, 32px);
    }

    .fcaboutlbl-heading {
        font-size: var(--fcaboutlbl-tablet-heading-font-size, 38px);
    }

    .fcaboutlbl-stage {
        grid-template-columns: minmax(0, 1fr) var(--fcaboutlbl-center-width) minmax(0, 1fr);
        gap: max(8px, var(--fcaboutlbl-row-gap)) max(var(--fcaboutlbl-grid-gap), calc(var(--fcaboutlbl-thread-gap) - 10px));
    }

    .fcaboutlbl-item--left {
        transform: translateX(calc((1 - var(--fcaboutlbl-progress)) * var(--fcaboutlbl-tablet-close-distance, 72px)));
    }

    .fcaboutlbl-item--right {
        transform: translateX(calc((1 - var(--fcaboutlbl-progress)) * var(--fcaboutlbl-tablet-close-distance, 72px) * -1));
    }

    .fcaboutlbl-card {
        min-height: 94px;
        grid-template-columns: minmax(0, 1fr) minmax(68px, 82px);
    }

    .fcaboutlbl-item--right .fcaboutlbl-card {
        grid-template-columns: minmax(68px, 82px) minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .fcaboutlbl-inner {
        padding-top: clamp(20px, 7vw, 32px);
        padding-bottom: clamp(20px, 7vw, 32px);
        padding-left: var(--fcaboutlbl-mobile-container-left, 18px);
        padding-right: var(--fcaboutlbl-mobile-container-right, 18px);
    }

    .fcaboutlbl-heading {
        font-size: var(--fcaboutlbl-mobile-heading-font-size, 34px);
    }

    .fcaboutlbl-stage {
        display: flex;
        flex-direction: column;
        gap: 14px;
        align-items: stretch;
        padding-left: var(--fcaboutlbl-mobile-label-left, 22px);
        padding-right: var(--fcaboutlbl-mobile-label-right, 0px);
    }

    .fcaboutlbl-line {
        left: 10px;
        transform: none;
    }

    .fcaboutlbl-item,
    .fcaboutlbl-item--left,
    .fcaboutlbl-item--right {
        width: 100%;
        transform: translateX(calc((1 - var(--fcaboutlbl-progress)) * var(--fcaboutlbl-mobile-close-distance, 32px) * -1));
        justify-content: stretch;
    }

    .fcaboutlbl-card,
    .fcaboutlbl-item--right .fcaboutlbl-card {
        width: 100%;
        grid-template-columns: minmax(66px, 78px) minmax(0, 1fr);
        min-height: 88px;
    }

    .fcaboutlbl-item--left .fcaboutlbl-card .fcaboutlbl-icon-box {
        order: -1;
        border-inline-start: 0;
        border-inline-end: 1px solid var(--fcaboutlbl-label-border);
        border-radius: calc(var(--fcaboutlbl-label-radius) + 8px) 0 0 calc(var(--fcaboutlbl-label-radius) + 8px);
    }

    .fcaboutlbl-connector,
    .fcaboutlbl-item--left .fcaboutlbl-connector,
    .fcaboutlbl-item--right .fcaboutlbl-connector {
        left: -22px;
        right: auto;
        width: 28px;
        height: var(--fcaboutlbl-connector-height);
        margin-top: calc(var(--fcaboutlbl-connector-height) / -2);
    }

    .fcaboutlbl-item--left .fcaboutlbl-connector::after,
    .fcaboutlbl-item--right .fcaboutlbl-connector::after {
        left: 0;
        right: auto;
    }


    .fcaboutlbl-heading {
        font-size: clamp(26px, 8vw, 36px);
    }
}

@media (max-width: 480px) {
    .fcaboutlbl-label-title {
        font-size: clamp(17px, 5vw, 20px);
    }

    .fcaboutlbl-label-text {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fcaboutlbl,
    .fcaboutlbl * {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }

    .fcaboutlbl {
        --fcaboutlbl-progress: 1 !important;
    }
}

/* 6.0.868: About LBL container spacing and heading controls.
   The .fcaboutlbl-inner container holds the main title and label cards. These
   rules separate outer-container spacing from the mobile label-stack offset. */
.fcaboutlbl-inner {
    padding-left: var(--fcaboutlbl-container-left, var(--fcaboutlbl-pad));
    padding-right: var(--fcaboutlbl-container-right, var(--fcaboutlbl-pad));
}

.fcaboutlbl-heading {
    color: var(--fcaboutlbl-heading-color);
    font-family: var(--fcaboutlbl-heading-font-family, inherit);
    font-size: var(--fcaboutlbl-heading-font-size, 44px);
    line-height: var(--fcaboutlbl-heading-line-height, 1.04);
    font-weight: var(--fcaboutlbl-heading-font-weight, 400);
}

@media (max-width: 1024px) {
    .fcaboutlbl-inner {
        padding-left: var(--fcaboutlbl-tablet-container-left, 32px);
        padding-right: var(--fcaboutlbl-tablet-container-right, 32px);
    }

    .fcaboutlbl-heading {
        font-size: var(--fcaboutlbl-tablet-heading-font-size, 38px);
    }
}

@media (max-width: 700px) {
    .fcaboutlbl-inner {
        padding-left: var(--fcaboutlbl-mobile-container-left, 18px);
        padding-right: var(--fcaboutlbl-mobile-container-right, 18px);
    }

    .fcaboutlbl-heading {
        font-size: var(--fcaboutlbl-mobile-heading-font-size, 34px);
    }
}


/* 6.0.869: animation toggle hard lock.
   When Animate labels on scroll is disabled, the label cards must stay fully
   open immediately in Bricks preview and on the front end. */
.fcaboutlbl[data-animate="0"] {
    --fcaboutlbl-progress: 1 !important;
}

.fcaboutlbl[data-animate="0"] .fcaboutlbl-item,
.fcaboutlbl[data-animate="0"] .fcaboutlbl-item--left,
.fcaboutlbl[data-animate="0"] .fcaboutlbl-item--right {
    opacity: 1 !important;
    filter: none !important;
    transform: translateX(0) !important;
    transition-delay: 0ms !important;
}

.fcaboutlbl[data-animate="0"] .fcaboutlbl-connector,
.fcaboutlbl[data-animate="0"] .fcaboutlbl-line {
    opacity: 1 !important;
}

/* 6.0.870: About LBL freeze guard.
   Prevents the scroll animation from locking/freezing the page. When the
   animation toggle is off, the widget is fully static and no transform-driven
   motion can continue. */
.fcaboutlbl[data-animate="0"],
.fcaboutlbl[data-fcaboutlbl-static="1"] {
    --fcaboutlbl-progress: 1 !important;
}

.fcaboutlbl[data-animate="0"] .fcaboutlbl-item,
.fcaboutlbl[data-fcaboutlbl-static="1"] .fcaboutlbl-item {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

.fcaboutlbl[data-animate="0"] *,
.fcaboutlbl[data-fcaboutlbl-static="1"] * {
    scroll-behavior: auto !important;
}

/* 6.0.871: About LBL scroll-up animation restore.
   Keeps the freeze guard, but restores visible reverse motion when scrolling
   upward by allowing progress to decrease instead of locking open. */
.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item {
    will-change: transform;
}

.fcaboutlbl[data-animate="1"][data-scroll-dir="up"] .fcaboutlbl-item {
    transition-duration: 520ms;
}

/* 6.0.872: true open/close scroll animation.
   Closed state moves labels toward the center thread. Open state returns them
   to their designed final positions. This corrects the old direction, which
   pushed cards farther away from the line when progress decreased. */
.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--left {
    transform: translateX(calc((1 - var(--fcaboutlbl-progress, 1)) * var(--fcaboutlbl-close-distance, 118px))) !important;
}

.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--right {
    transform: translateX(calc((1 - var(--fcaboutlbl-progress, 1)) * var(--fcaboutlbl-close-distance, 118px) * -1)) !important;
}

@media (max-width: 1024px) {
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--left {
        transform: translateX(calc((1 - var(--fcaboutlbl-progress, 1)) * var(--fcaboutlbl-tablet-close-distance, 72px))) !important;
    }

    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--right {
        transform: translateX(calc((1 - var(--fcaboutlbl-progress, 1)) * var(--fcaboutlbl-tablet-close-distance, 72px) * -1)) !important;
    }
}

@media (max-width: 700px) {
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item,
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--left,
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--right {
        transform: translateX(calc((1 - var(--fcaboutlbl-progress, 1)) * var(--fcaboutlbl-mobile-close-distance, 32px) * -1)) !important;
    }
}

/* 6.0.873: audited real reverse animation engine.
   One final transform contract wins over older 6.0.869-6.0.872 append rules. */
.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) {
    --fcaboutlbl-progress: var(--fcaboutlbl-progress, 0);
}

.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item {
    opacity: calc(.32 + (var(--fcaboutlbl-progress, 0) * .68)) !important;
    filter: saturate(calc(.72 + (var(--fcaboutlbl-progress, 0) * .28))) !important;
    transition: transform .68s cubic-bezier(.2, .72, .18, 1), opacity .46s ease, filter .46s ease !important;
    will-change: transform, opacity;
}

.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--left {
    transform: translate3d(calc((1 - var(--fcaboutlbl-progress, 0)) * var(--fcaboutlbl-close-distance, 240px)), 0, 0) !important;
}

.fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--right {
    transform: translate3d(calc((1 - var(--fcaboutlbl-progress, 0)) * var(--fcaboutlbl-close-distance, 240px) * -1), 0, 0) !important;
}

.fcaboutlbl[data-animate="1"][data-scroll-dir="up"] .fcaboutlbl-item {
    transition-duration: .52s !important;
}

@media (max-width: 1024px) {
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--left {
        transform: translate3d(calc((1 - var(--fcaboutlbl-progress, 0)) * var(--fcaboutlbl-tablet-close-distance, 140px)), 0, 0) !important;
    }

    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--right {
        transform: translate3d(calc((1 - var(--fcaboutlbl-progress, 0)) * var(--fcaboutlbl-tablet-close-distance, 140px) * -1), 0, 0) !important;
    }
}

@media (max-width: 700px) {
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item,
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--left,
    .fcaboutlbl[data-animate="1"]:not([data-fcaboutlbl-static="1"]) .fcaboutlbl-item--right {
        transform: translate3d(calc((1 - var(--fcaboutlbl-progress, 0)) * var(--fcaboutlbl-mobile-close-distance, 48px) * -1), 0, 0) !important;
    }
}