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

Space Vanta Theme 1.0

Module:
Find Panel Construction

Version:
FIND-PANEL-CONSTRUCTION-GEOMETRY-002

Purpose:
Panel-level spatial construction geometry.

Responsibilities:
- Full panel corner coordinates
- Panel frame geometry
- Corner-to-core spatial endpoints

No:
- Material
- Animation
- JavaScript

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


.sv-find-panel-construction {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    overflow: hidden;
}


.sv-find-panel-construction__corner {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
}


.sv-find-panel-construction__corner--tl {
    left: 8px;
    top: 8px;
}


.sv-find-panel-construction__corner--tr {
    right: 8px;
    top: 8px;
}


.sv-find-panel-construction__corner--bl {
    left: 8px;
    bottom: 8px;
}


.sv-find-panel-construction__corner--br {
    right: 8px;
    bottom: 8px;
}


.sv-find-panel-construction__line {
    position: absolute;
    display: block;
    box-sizing: border-box;
}


.sv-find-panel-construction__line--top,
.sv-find-panel-construction__line--bottom {
    left: 18px;
    right: 18px;
    height: 1px;
}


.sv-find-panel-construction__line--top {
    top: 12px;
}


.sv-find-panel-construction__line--bottom {
    bottom: 12px;
}


.sv-find-panel-construction__line--left,
.sv-find-panel-construction__line--right {
    top: 18px;
    bottom: 18px;
    width: 1px;
}


.sv-find-panel-construction__line--left {
    left: 12px;
}


.sv-find-panel-construction__line--right {
    right: 12px;
}


@media (max-width: 767px) {

    .sv-find-panel-construction__corner {
        width: 8px;
        height: 8px;
    }


    .sv-find-panel-construction__corner--tl {
        left: 6px;
        top: 6px;
    }


    .sv-find-panel-construction__corner--tr {
        right: 6px;
        top: 6px;
    }


    .sv-find-panel-construction__corner--bl {
        left: 6px;
        bottom: 6px;
    }


    .sv-find-panel-construction__corner--br {
        right: 6px;
        bottom: 6px;
    }


    .sv-find-panel-construction__line--top,
    .sv-find-panel-construction__line--bottom {
        left: 14px;
        right: 14px;
    }


    .sv-find-panel-construction__line--top {
        top: 10px;
    }


    .sv-find-panel-construction__line--bottom {
        bottom: 10px;
    }


    .sv-find-panel-construction__line--left,
    .sv-find-panel-construction__line--right {
        top: 14px;
        bottom: 14px;
    }


    .sv-find-panel-construction__line--left {
        left: 10px;
    }


    .sv-find-panel-construction__line--right {
        right: 10px;
    }

}