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

PremiumZone

Sprint :
PZ-005

File :
assets/css/system/system.css

Description :
System Initialization Screen

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

/* ==========================================================
   PZ SYSTEM
========================================================== */

.pz-system{

    width:100vw;

    min-height:100vh;

    background:#000000;

    color:#FFFFFF;

    display:flex;

    justify-content:center;

    align-items:center;

}

/* ==========================================================
   WINDOW
========================================================== */

.pz-system .pz-window{

    width:min(92vw,720px);

    min-height:420px;

    border:1px solid #FFFFFF;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}

/* ==========================================================
   HEADER
========================================================== */

.pz-system .pz-header{

    height:52px;

    border-bottom:1px solid #FFFFFF;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 18px;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

}

/* ==========================================================
   BODY
========================================================== */

.pz-system .pz-body{

    flex:1;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:22px;

    padding:28px;

}

/* ==========================================================
   TERMINAL
========================================================== */

.pz-terminal{

    display:flex;

    flex-direction:column;

    gap:10px;

    min-height:220px;

}

/* ==========================================================
   TERMINAL LINE
========================================================== */

.pz-terminal-line{

    display:flex;

    align-items:center;

    gap:10px;

    min-height:20px;

    letter-spacing:1px;

    white-space:nowrap;

}

/* ==========================================================
   CURSOR
========================================================== */

.pz-terminal-cursor{

    width:12px;

    color:#FFFFFF;

    text-align:center;

}

/* ==========================================================
   MESSAGE
========================================================== */

.pz-terminal-message{

    color:#FFFFFF;

    opacity:.85;

}

/* ==========================================================
   DOT
========================================================== */

.pz-terminal-dot{

    color:#FFFFFF;

    opacity:.55;

}

/* ==========================================================
   STATUS
========================================================== */

.pz-terminal-status{

    margin-left:10px;

    color:#FFFFFF;

    opacity:1;

    font-weight:700;

}

/* ==========================================================
   CURSOR BLINK
========================================================== */

.pz-cursor-hide{

    opacity:0;

}

/* ==========================================================
   READY
========================================================== */

.pz-ready{

    color:#FFFFFF;

    font-weight:700;

    letter-spacing:2px;

}

/* ==========================================================
   TERMINAL FADE
========================================================== */

.pz-terminal-line{

    animation:pzTerminalLine .14s ease;

}

@keyframes pzTerminalLine{

    from{

        opacity:0;

        transform:translateY(4px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}