/*
|--------------------------------------------------------------------------
| CONSTRUCT OS PROGRAM LAUNCH
|--------------------------------------------------------------------------
*/

:root{
    --construct-launch-bg:rgba(245,242,232,0.94);
    --construct-launch-text:#161611;
    --construct-launch-muted:rgba(22,22,17,0.62);
    --construct-launch-font:"IBM Plex Mono", monospace;
}

.construct-launch-overlay{
    position:fixed;
    inset:0;

    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:24px;

    background:var(--construct-launch-bg);

    opacity:0;
    pointer-events:none;

    transition:opacity 180ms ease;
}

.construct-launch-overlay.active{
    opacity:1;
    pointer-events:auto;
}

.construct-launch-terminal{
    text-align:center;

    color:var(--construct-launch-text);

    font-family:var(--construct-launch-font);

    animation:constructLaunchFlicker 700ms steps(2, end) infinite;
}

.construct-launch-terminal p{
    margin:0 0 18px;

    color:var(--construct-launch-muted);

    font-size:0.68rem;
    letter-spacing:0.24em;
    text-transform:uppercase;
}

.construct-launch-terminal h2{
    margin:0;

    color:var(--construct-launch-text);

    font-size:0.72rem;
    font-weight:500;
    letter-spacing:0.24em;
    line-height:2;
    text-transform:uppercase;
}

@keyframes constructLaunchFlicker{

    0%,
    100%{
        opacity:1;
    }

    50%{
        opacity:0.86;
    }

}