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

Space Vanta Theme 1.0

Featured Function:
Vision

Module:
Transition Handoff

File:
public/header/featured-functions/vision/transition/handoff.css

Version:
VISION-HANDOFF-002

Responsibility:
- Prepare Vision viewport
- Reveal Vision viewport
- Stable Aperture handoff
- Closing fade

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


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

.sv-featured-panel--vision[data-vision-transition="preparing"] {

    opacity:
        0;

    visibility:
        visible;

}


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

.sv-featured-panel--vision[data-vision-transition="stable"] {

    opacity:
        1;

    visibility:
        visible;

    transition:
        opacity 360ms ease;

}


/* =================================================
   VIEWPORT PREPARING
================================================= */

.sv-featured-viewport[data-vision-transition="preparing"] {

    opacity:
        0;

}


/* =================================================
   VIEWPORT STABLE
================================================= */

.sv-featured-viewport[data-vision-transition="stable"] {

    opacity:
        1;

    transition:
        opacity 360ms ease;

}


/* =================================================
   CLOSE
================================================= */

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

    opacity:
        0;

    visibility:
        visible;

    pointer-events:
        none;

    transition:
        opacity 300ms ease;

}


/* =================================================
   VIEWPORT CLOSE
================================================= */

.sv-featured-viewport[data-vision-transition="closing"] {

    opacity:
        0;

    transition:
        opacity 300ms ease;

}


/* =================================================
   STABLE APERTURE HANDOFF
================================================= */

.sv-featured-panel--vision[data-vision-transition="stable"] .sv-vision-space__aperture-anchor {

    opacity:
        1;

    transition:
        opacity 360ms ease;

}


/* =================================================
   PREPARING APERTURE
================================================= */

.sv-featured-panel--vision[data-vision-transition="preparing"] .sv-vision-space__aperture-anchor {

    opacity:
        0;

}


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

.sv-featured-panel--vision[data-vision-transition="closing"] .sv-vision-space__aperture-anchor {

    opacity:
        0;

    transition:
        opacity 240ms ease;

}


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

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

    .sv-featured-panel--vision[data-vision-transition="stable"],
    .sv-featured-panel--vision[data-vision-transition="closing"],
    .sv-featured-viewport[data-vision-transition="stable"],
    .sv-featured-viewport[data-vision-transition="closing"],
    .sv-featured-panel--vision .sv-vision-space__aperture-anchor {

        transition:
            none;

    }

}