/*
================================================

Space Vanta Theme 1.0

Module:
Immediate Trust Bridge

File:
public/trust-bridge/cs/cloud.css

Version:
2.1

Responsibility:
Blurred Cloud Layers / Depth

================================================
*/

.sv-trust-bridge-slide[data-slide-position="previous"],
.sv-trust-bridge-slide[data-slide-position="next"] {

    will-change:
        transform,
        filter,
        opacity;

}

.sv-trust-bridge-slide[data-slide-position="previous"]::before,
.sv-trust-bridge-slide[data-slide-position="next"]::before {

    content:
        "";

    position:
        absolute;

    inset:
        -40px;

    z-index:
        -1;

    background:
        radial-gradient(ellipse at center,
            rgba(255, 255, 255, 0.62),
            rgba(255, 255, 255, 0) 68%);

    filter:
        blur(34px);

    opacity:
        0.86;

    pointer-events:
        none;

}

.sv-trust-bridge-slide[data-slide-position="previous"] {

    /*
    Previous:
    left of the image + visually underneath
    the active spatial object.
    */

    filter:
        blur(22px);

}

.sv-trust-bridge-slide[data-slide-position="next"] {

    /*
    Next:
    right of the description + visually above
    the active spatial object.
    */

    filter:
        blur(22px);

}

.sv-trust-bridge-slide[data-slide-position="previous"] .sv-trust-bridge-slide__media,
.sv-trust-bridge-slide[data-slide-position="next"] .sv-trust-bridge-slide__media {

    filter:
        blur(4px);

}

.sv-trust-bridge-slide[data-slide-position="previous"] .sv-trust-bridge-slide__content,
.sv-trust-bridge-slide[data-slide-position="next"] .sv-trust-bridge-slide__content {

    filter:
        blur(22px);

    opacity:
        0.30;

}

@media (max-width: 767px) {

    .sv-trust-bridge-slide[data-slide-position="previous"],
    .sv-trust-bridge-slide[data-slide-position="next"] {

        filter:
            blur(19px);

    }

    .sv-trust-bridge-slide[data-slide-position="previous"] .sv-trust-bridge-slide__content,
    .sv-trust-bridge-slide[data-slide-position="next"] .sv-trust-bridge-slide__content {

        filter:
            blur(18px);

    }

}