.piece-inspector-tooltip {

    position:
        fixed;

    z-index:
        10000;

    width:
        270px;

    box-sizing:
        border-box;

    padding:
        14px 16px;

    pointer-events:
        none;

    background:
        linear-gradient(
            180deg,
            rgba(7, 20, 31, 0.98),
            rgba(2, 9, 16, 0.98)
        );

    border:
        1px solid
        rgba(
            0,
            229,
            255,
            0.72
        );

    box-shadow:
        0 0 18px
            rgba(
                0,
                229,
                255,
                0.22
            ),
        inset 0 0 16px
            rgba(
                0,
                229,
                255,
                0.05
            );

    color:
        #dffcff;

    font-family:
        inherit;

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.12s ease,
        transform 0.12s ease;
}


.piece-inspector-tooltip.hidden {

    display:
        none;
}


.piece-inspector-title {

    margin-bottom:
        5px;

    color:
        #00e5ff;

    font-size:
        0.88rem;

    font-weight:
        700;

    letter-spacing:
        1.2px;

    text-transform:
        uppercase;

    text-shadow:
        0 0 8px
        rgba(
            0,
            229,
            255,
            0.45
        );
}


.piece-inspector-subtitle {

    margin-bottom:
        9px;

    color:
        #ff4fd8;

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


.piece-inspector-description {

    color:
        rgba(
            225,
            248,
            255,
            0.84
        );

    font-size:
        0.75rem;

    line-height:
        1.5;
}


.piece-inspector-subtitle.hidden,
.piece-inspector-description.hidden {

    display:
        none;
}


#tooltips-toggle-btn {

    margin-top:
        10px;

    width:
        100%;

    padding:
        10px;

    border:
        1px solid
        rgba(
            0,
            229,
            255,
            0.55
        );

    background:
        rgba(
            0,
            229,
            255,
            0.06
        );

    color:
        #00ffee;

    font-family:
        inherit;

    font-weight:
        bold;

    letter-spacing:
        0.8px;

    cursor:
        pointer;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        opacity 0.15s ease;
}


#tooltips-toggle-btn:hover {

    border-color:
        rgba(
            0,
            229,
            255,
            0.9
        );

    box-shadow:
        0 0 12px
        rgba(
            0,
            229,
            255,
            0.32
        );
}


#tooltips-toggle-btn.tooltips-disabled {

    opacity:
        0.55;
}

/* Stop unwanted interactions with sprites */
#chessboard img,
#k3pesh-board img {

    -webkit-user-select:
        none;

    user-select:
        none;

    -webkit-user-drag:
        none;

    -webkit-touch-callout:
        none;
}