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

PremiumZone

Version :
1.0.0

File :
assets/css/inner-corner.css

Description :
PremiumZone Inner Corner

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

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

.pz-inner-corner{

    position:absolute;

    inset:0;

    pointer-events:none;

    z-index:18;

}

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

.pz-inner-corner-item{

    position:absolute;

    width:16px;

    height:16px;

    opacity:0;

    transition:

        opacity

        .18s

        ease-out;

}

/* ==========================================================
   LINE
========================================================== */

.pz-inner-h,

.pz-inner-v{

    position:absolute;

    background:

        rgba(

            255,

            255,

            255,

            .55

        );

}

/* ==========================================================
   HORIZONTAL
========================================================== */

.pz-inner-h{

    width:16px;

    height:1px;

}

/* ==========================================================
   VERTICAL
========================================================== */

.pz-inner-v{

    width:1px;

    height:16px;

}

/* ==========================================================
   TOP LEFT
========================================================== */

.pz-inner-top-left{

    left:10px;

    top:10px;

}

.pz-inner-top-left

.pz-inner-h{

    left:0;

    top:0;

}

.pz-inner-top-left

.pz-inner-v{

    left:0;

    top:0;

}

/* ==========================================================
   TOP RIGHT
========================================================== */

.pz-inner-top-right{

    right:10px;

    top:10px;

}

.pz-inner-top-right

.pz-inner-h{

    right:0;

    top:0;

}

.pz-inner-top-right

.pz-inner-v{

    right:0;

    top:0;

}

/* ==========================================================
   BOTTOM LEFT
========================================================== */

.pz-inner-bottom-left{

    left:10px;

    bottom:10px;

}

.pz-inner-bottom-left

.pz-inner-h{

    left:0;

    bottom:0;

}

.pz-inner-bottom-left

.pz-inner-v{

    left:0;

    bottom:0;

}

/* ==========================================================
   BOTTOM RIGHT
========================================================== */

.pz-inner-bottom-right{

    right:10px;

    bottom:10px;

}

.pz-inner-bottom-right

.pz-inner-h{

    right:0;

    bottom:0;

}

.pz-inner-bottom-right

.pz-inner-v{

    right:0;

    bottom:0;

}

/* ==========================================================
   SHOW
========================================================== */

.pz-inner-show{

    opacity:1;

}