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

Space Vanta Theme 1.0

Module:
Find Panel Construction Material

Version:
FIND-PANEL-CONSTRUCTION-MATERIAL-002

Purpose:
Panel construction metallic material.

Responsibilities:
- Corner material
- Frame material
- Reflective light character

No:
- Geometry
- Animation
- State
- JavaScript

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


.sv-find-panel-construction__corner {
    background:
        radial-gradient(circle at 35% 30%,
            rgba(255, 255, 255, .98) 0%,
            rgba(230, 239, 244, .92) 32%,
            rgba(169, 193, 207, .82) 68%,
            rgba(218, 229, 235, .76) 100%);

    border: 1px solid rgba(249, 252, 253, .78);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        inset 0 -1px 0 rgba(66, 87, 101, .10),
        0 2px 8px rgba(53, 75, 88, .10);
}


.sv-find-panel-construction__corner::after {
    content: "";
    position: absolute;
    inset: -5px;

    background:
        radial-gradient(circle,
            rgba(224, 240, 248, .34) 0%,
            rgba(201, 225, 237, .14) 38%,
            rgba(201, 225, 237, 0) 72%);

    opacity: .72;
    pointer-events: none;
}


.sv-find-panel-construction__line {
    background:
        linear-gradient(90deg,
            rgba(255, 255, 255, .08),
            rgba(215, 230, 237, .72),
            rgba(255, 255, 255, .10));

    box-shadow:
        0 0 7px rgba(194, 216, 226, .16);
}


.sv-find-panel-construction__line--left,
.sv-find-panel-construction__line--right {
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .08),
            rgba(215, 230, 237, .72),
            rgba(255, 255, 255, .10));
}