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

Space Vanta Theme 1.0

Module:
Find / Cube / Inner Box / State

Version:
FIND-INNER-BOX-STATE-FOUNDATION-002

Purpose:
Inner Box visibility state

Responsibilities:
1. Default visibility
2. Hover reveal
3. Cube state visibility

Does NOT control:
- Geometry
- Material
- Position
- Motion timing
- Transition timing
- Panel
- Discovery

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


/* =================================================
   01. BASE STATE

   The Inner Box remains structurally present
   but visually restrained.

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

.sv-find-inner-box {

    opacity:
        .16;

    visibility:
        visible;

    pointer-events:
        none;

}


/* =================================================
   02. HOVER

   The Box becomes clearly identifiable.

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

.sv-featured-trigger--find:hover .sv-find-inner-box {

    opacity:
        .82;

}


/* =================================================
   03. ACTIVE
================================================= */

.sv-find-cube[data-find-cube-state="active"] .sv-find-inner-box {

    opacity:
        1;

}


/* =================================================
   04. OPENING
================================================= */

.sv-find-cube[data-find-cube-state="opening"] .sv-find-inner-box {

    opacity:
        1;

}


/* =================================================
   05. FRACTURE
================================================= */

.sv-find-cube[data-find-cube-state="fracture"] .sv-find-inner-box {

    opacity:
        1;

}


/* =================================================
   06. ASSEMBLY

   The object remains perceptible while the
   fragments return toward the Panel composition.

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

.sv-find-cube[data-find-cube-state="assembly"] .sv-find-inner-box {

    opacity:
        .82;

}


/* =================================================
   07. STABLE

   Panel Stable should retain a subtle internal
   spatial presence.

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

.sv-find-cube[data-find-cube-state="stable"] .sv-find-inner-box {

    opacity:
        .68;

}


/* =================================================
   08. CLOSING
================================================= */

.sv-find-cube[data-find-cube-state="closing"] .sv-find-inner-box {

    opacity:
        .16;

}


/* =================================================
   09. REDUCED MOTION
================================================= */

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

    .sv-find-inner-box {

        transition:
            none;

    }

}