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

PremiumZone

Version :
1.0.0

File :
assets/css/settings.css

Description :
PremiumZone Settings

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

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

.pz-settings{

    display:flex;

    flex-direction:column;

    gap:16px;

}

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

.pz-settings-header{

    color:#00F3FF;

    font-size:16px;

    font-weight:700;

    letter-spacing:1px;

}

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

.pz-settings-body{

    display:flex;

    flex-direction:column;

    gap:12px;

}

/* ==========================================================
   ITEM
========================================================== */

.pz-settings-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    min-height:52px;

    padding:0 16px;

    border:1px solid rgba(

        0,

        243,

        255,

        .25

    );

    background:rgba(

        255,

        255,

        255,

        .02

    );

    color:#EFFFFF;

    transition:.2s;

}

/* ==========================================================
   HOVER
========================================================== */

.pz-settings-item:hover{

    border-color:#00F3FF;

    box-shadow:

        0 0 10px

        rgba(

            0,

            243,

            255,

            .25

        );

}

/* ==========================================================
   LABEL
========================================================== */

.pz-settings-item>div:first-child{

    color:#00F3FF;

    font-weight:700;

    text-transform:uppercase;

}

/* ==========================================================
   VALUE
========================================================== */

.pz-settings-item>div:last-child{

    color:#F2FFFF;

    text-align:right;

    word-break:break-word;

}

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

@media(

max-width:768px

){

.pz-settings-item{

    flex-direction:column;

    align-items:flex-start;

    padding:12px;

    min-height:auto;

}

.pz-settings-item>div:last-child{

    text-align:left;

}

}