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

Space Vanta Theme 1.0

Module:
Trust Bridge Policy State

File:
public/trust-bridge/cs/policy/policy-state.css

Version:
1.2

Responsibility:
Policy Interaction States

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


/* ================================================
Focus
================================================ */

.sv-trust-bridge-policy-item:focus-visible {

    outline:
        2px solid var(--sv-trust-blue-signal);

    outline-offset:
        -2px;

}


/* ================================================
Active
================================================ */

.sv-trust-bridge-policy-item.is-policy-active {

    background:
        rgba(255, 255, 255, .44);

}


.sv-trust-bridge-policy-item.is-policy-active .sv-trust-bridge-policy-item__signal {

    width:
        20px;

    margin-left:
        -10px;

    opacity:
        .76;

    box-shadow:
        0 0 12px rgba(113, 139, 163, .32);

}


/* ================================================
Activation Pulse
================================================ */

.sv-trust-bridge-policy-item.is-policy-active .sv-trust-bridge-policy-item__symbol {

    animation:
        svTrustPolicyActivate 300ms ease-out both;

}


/* ================================================
Mobile Active
================================================ */

@media (max-width: 767px) {

    .sv-trust-bridge-policy-item.is-policy-active {

        background:
            rgba(255, 255, 255, .54);

    }


    .sv-trust-bridge-policy-item.is-policy-active .sv-trust-bridge-policy-item__signal {

        width:
            20px;

        margin-left:
            -10px;

    }

}


/* ================================================
Reduced Motion
================================================ */

@media (prefers-reduced-motion: reduce) {

    .sv-trust-bridge-policy-item.is-policy-active .sv-trust-bridge-policy-item__symbol {

        animation:
            none;

    }

}