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

PremiumZone

Version :
1.0.0

File :
assets/css/status-box.css

Description :
PremiumZone Status Box

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

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

.pz-status-box{

    position:absolute;

    top:28px;

    right:28px;

    display:flex;

    align-items:center;

    gap:7px;

    pointer-events:none;

    user-select:none;

    z-index:30;

    opacity:0;

}

/* ==========================================================
   LED
========================================================== */

.pz-status-led{

    width:8px;

    height:8px;

    border:

        1px solid

        rgba(

            0,

            243,

            255,

            .55

        );

    background:

        transparent;

    opacity:.45;

    transition:

        background

        .18s linear,

        opacity

        .18s linear;

}

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

.pz-status-ready{

    opacity:1;

}

/* ==========================================================
   ON
========================================================== */

.pz-status-on{

    background:

        #00F3FF;

    opacity:1;

}