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

PremiumZone

Sprint :
PZ-016

File :
assets/css/panel/border.css

Description :
Panel Border Engine

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

/* ==========================================================
   PANEL
========================================================== */

.pz-panel{

    position:relative;

    width:100%;

    overflow:visible;

}

/* ==========================================================
   MOTION
========================================================== */

.pz-motion-layer{

    position:absolute;

    inset:0;

    pointer-events:none;

    overflow:visible;

    z-index:2;

}

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

.pz-panel-header{

    position:relative;

    z-index:20;

}

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

.pz-panel-body{

    position:relative;

    z-index:10;

    margin-top:8px;

    padding:8px 12px 16px;

}

/* ==========================================================
   PROFILE
========================================================== */

#pz-profile{

    padding-bottom:18px;

}

/* ==========================================================
   PLAYLIST
========================================================== */

#pz-playlist{

    margin-top:22px;

    padding-bottom:18px;

}

/* ==========================================================
   SYSTEM
========================================================== */

#pz-system{

    margin-top:22px;

    padding-bottom:18px;

}

/* ==========================================================
   HEADER LINE GAP
========================================================== */

.pz-panel-title,

.pz-panel-back,

.pz-panel-target,

.pz-panel-tab,

.pz-panel-divider{

    position:relative;

    z-index:30;

}

/* ==========================================================
   ENTITY
========================================================== */

.pz-crystal,

.pz-cell,

.pz-node-core,

.pz-node-satellite{

    position:absolute;

    transform:

        translate(

            -50%,

            -50%

        );

    pointer-events:none;

    z-index:50;

}

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

@media(

max-width:768px

){

.pz-panel-body{

padding:6px 10px 14px;

}

#pz-playlist,

#pz-system{

margin-top:18px;

}

}