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

PremiumZone

Version :
0.0.0

File :
assets/background/node.css

Description :
PremiumZone Node Style

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

/* ==========================================================
   NODE
========================================================== */

.pz-node{

    position:absolute;

    left:0;

    top:0;

    display:flex;

    align-items:center;

    justify-content:center;

    pointer-events:none;

    user-select:none;

    font-family:

        "JetBrains Mono",

        monospace;

    font-weight:700;

    line-height:1;

    color:#00F4FF;

    opacity:.72;

    transform-origin:center;

    will-change:

        opacity,

        transform;

    text-shadow:

        0 0 1px #00F4FF,

        0 0 4px rgba(
            0,
            244,
            255,
            .85
        ),

        0 0 10px rgba(
            0,
            244,
            255,
            .40
        );

}

/* ==========================================================
   SHAPE
========================================================== */

.pz-square{

    font-size:18px;

    letter-spacing:0;

}

.pz-circle{

    font-size:20px;

    letter-spacing:0;

}

.pz-line{

    font-size:16px;

    font-weight:600;

}

.pz-cross{

    font-size:16px;

}

.pz-symbol{

    font-size:18px;

}

/* ==========================================================
   COMMON
========================================================== */

.pz-node-common{

    opacity:.72;

}

/* ==========================================================
   UNCOMMON
========================================================== */

.pz-node-uncommon{

    opacity:.82;

}

/* ==========================================================
   RARE
========================================================== */

.pz-node-rare{

    opacity:.92;

}

/* ==========================================================
   LEGEND
========================================================== */

.pz-node-legend{

    opacity:1;

    text-shadow:

        0 0 2px #00F4FF,

        0 0 7px rgba(
            0,
            244,
            255,
            .95
        ),

        0 0 16px rgba(
            0,
            244,
            255,
            .70
        );

}