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

Space Vanta Theme 1.0

Module:
Featured Functions

File:
public/header/featured-functions/interaction.css

Responsibility:
- Open / close state
- Interaction state
- Accessibility state

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


/* =================================================
   DEFAULT PANEL
   ================================================= */

.sv-featured-panel {

    transition:
        opacity var(--sv-featured-panel),
        transform var(--sv-featured-panel),
        visibility var(--sv-featured-panel);

}


/* =================================================
   OPENING
   ================================================= */

.sv-featured-panel[data-featured-state="opening"] {

    opacity:
        0;

    visibility:
        visible;

    pointer-events:
        none;

}


/* =================================================
   OPEN
   ================================================= */

.sv-featured-panel[data-featured-state="open"] {

    opacity:
        1;

    visibility:
        visible;

    pointer-events:
        auto;

}


/* =================================================
   CLOSING
   ================================================= */

.sv-featured-panel[data-featured-state="closing"] {

    opacity:
        0;

    visibility:
        visible;

    pointer-events:
        none;

}


/* =================================================
   ACTIVE TRIGGER
   ================================================= */

.sv-featured-trigger[aria-expanded="true"] {

    opacity:
        .82;

}


/* =================================================
   REDUCED MOTION
   ================================================= */

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

    .sv-featured-panel {

        transition:
            none;

    }

}