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

PremiumZone

Version :
2.0.0

File :
assets/css/rail.css

Description :
PremiumZone Rail

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

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

.pz-rail{

    position:absolute;

    left:50%;

    top:50%;

    transform:

        translate(

            -50%,

            -50%

        );

    display:flex;

    align-items:center;

    justify-content:center;

    pointer-events:none;

    z-index:38;

}

/* ==========================================================
   SEGMENT
========================================================== */

.pz-rail-segment{

    flex:none;

    width:6px;

    height:2px;

    margin:0 1px;

    background:

        rgba(

            220,

            220,

            220,

            .78

        );

    box-shadow:

        0 0 2px

        rgba(

            255,

            255,

            255,

            .18

        );

}

/* ==========================================================
   ACTIVE
========================================================== */

.pz-rail-segment-active{

    background:

        rgba(

            235,

            235,

            235,

            .90

        );

}

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

@media(

    max-width:768px

){

    .pz-rail-segment{

        width:5px;

        height:2px;

        margin:0 1px;

    }

}