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

PremiumZone

Version :
1.0.0

File :
assets/css/authentication.css

Description :
PremiumZone Authentication

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

/* ==========================================================
   ROOT
========================================================== */

.pz-auth{

    position:absolute;

    left:50%;

    top:62%;

    transform:

        translate(

            -50%,

            -50%

        );

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    opacity:0;

    z-index:60;

    pointer-events:none;

}

/* ==========================================================
   TITLE
========================================================== */

.pz-auth-title{

    color:

        rgba(

            255,

            255,

            255,

            .88

        );

    font-family:

        "JetBrains Mono",

        monospace;

    font-size:11px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}

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

.pz-auth-status{

    min-width:260px;

    text-align:center;

    color:

        rgba(

            180,

            180,

            180,

            .78

        );

    font-family:

        "JetBrains Mono",

        monospace;

    font-size:10px;

    font-weight:500;

    letter-spacing:2px;

    line-height:1.6;

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

    max-width:768px

){

    .pz-auth{

        top:64%;

    }

    .pz-auth-status{

        min-width:220px;

        font-size:9px;

    }

}