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

PremiumZone

Version :
4.0.0

File :
assets/css/progress-bar.css

Description :
PremiumZone Progress Bar

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

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

   bottom = posisi atas bawah
   width  = panjang progress
========================================================== */

.pz-progress{

    position:absolute;

    left:50%;

    bottom:4%;

    transform:translateX(-50%);

    width:82%;

    z-index:65;

    user-select:none;

}

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

   font-size      = ukuran tulisan
   margin-bottom  = jarak ke rail
========================================================== */

.pz-progress-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:10px;

    font-family:

        "JetBrains Mono",

        monospace;

    font-size:10px;

    letter-spacing:1px;

    color:#FFFFFF;

}

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

   margin-left = geser kanan (+)
               = geser kiri (-)
========================================================== */

.pz-progress-title{

    margin-left:-10px;

}

/* ==========================================================
   PERCENT

   margin-right = geser kanan (-)
                = geser kiri (+)
========================================================== */

.pz-progress-percent{

    margin-right:-10px;

    color:#00F3FF;

    text-shadow:

        0 0 6px

        rgba(

            0,
            243,
            255,
            .55

        );

}

/* ==========================================================
   TRACK

   height = tinggi rail
========================================================== */

.pz-progress-track{

    position:relative;

    width:100%;

    height:5px;

    overflow:hidden;

}

/* ==========================================================
   FILL

   angka 10 = panjang rail
   angka 13 = jarak rail
========================================================== */

.pz-progress-fill{

    width:0%;

    height:100%;

    background:

        repeating-linear-gradient(

            90deg,

            #00F3FF 0px,

            #00F3FF 10px,

            transparent 14px,

            transparent 10px

        );

    box-shadow:

        0 0 8px

        rgba(

            0,
            243,
            255,
            .55

        );

    transition:

        width

        .25s

        linear;

}

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

   margin-top  = jarak ke rail
   margin-left = geser kanan (+)
               = geser kiri (-)
========================================================== */

.pz-progress-status{

    margin-top:10px;

    margin-left:-10px;

    font-family:

        "JetBrains Mono",

        monospace;

    font-size:10px;

    letter-spacing:1px;

    color:

        rgba(

            255,
            255,
            255,
            .70

        );

}