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

PremiumZone

Version :
1.0.0

File :
assets/css/input.css

Description :
PremiumZone Input

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

/* ==========================================================
   INPUT
========================================================== */

.pz-input{

    width:100%;

    height:42px;

    padding:0 14px;

    border:1px solid rgba(

        0,

        243,

        255,

        .35

    );

    background:#050505;

    color:#EFFFFF;

    font-size:13px;

    outline:none;

    transition:

        border-color .2s,

        box-shadow .2s,

        background .2s;

}

/* ==========================================================
   PLACEHOLDER
========================================================== */

.pz-input::placeholder{

    color:#5E8080;

}

/* ==========================================================
   FOCUS
========================================================== */

.pz-input:focus{

    border-color:#00F3FF;

    box-shadow:

        0 0 10px

        rgba(

            0,

            243,

            255,

            .25

        );

}

/* ==========================================================
   DISABLED
========================================================== */

.pz-input:disabled{

    opacity:.5;

    cursor:not-allowed;

}

/* ==========================================================
   TEXTAREA
========================================================== */

.pz-textarea{

    width:100%;

    min-height:120px;

    padding:12px 14px;

    resize:vertical;

    border:1px solid rgba(

        0,

        243,

        255,

        .35

    );

    background:#050505;

    color:#EFFFFF;

    outline:none;

    transition:

        border-color .2s,

        box-shadow .2s;

}

.pz-textarea:focus{

    border-color:#00F3FF;

    box-shadow:

        0 0 10px

        rgba(

            0,

            243,

            255,

            .25

        );

}

/* ==========================================================
   SELECT
========================================================== */

.pz-select{

    width:100%;

    height:42px;

    padding:0 12px;

    border:1px solid rgba(

        0,

        243,

        255,

        .35

    );

    background:#050505;

    color:#EFFFFF;

    outline:none;

}

.pz-select:focus{

    border-color:#00F3FF;

}

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

.pz-label{

    display:block;

    margin-bottom:6px;

    color:#00F3FF;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}

/* ==========================================================
   GROUP
========================================================== */

.pz-input-group{

    display:flex;

    flex-direction:column;

    gap:6px;

}

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

@media(

max-width:768px

){

.pz-input,

.pz-select{

    height:40px;

}

.pz-textarea{

    min-height:100px;

}

}