SpectatePlayerHint
{
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translateX( -50% );
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.08s ease-out;
    flex-direction: column;
    align-items: center;
    gap: 2px;

    &.show
    {
        opacity: 0.75;
    }

    .target-name
    {
        font-family: "Poppins";
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: rgba( 255, 255, 255, 0.95 );
        text-shadow: 0px 1px 2px rgba( 0, 0, 0, 0.9 ),
                     0px 0px 6px rgba( 0, 0, 0, 0.7 );
    }

    .action-row
    {
        flex-direction: row;
        align-items: center;
        gap: 4px;

        InputHint img
        {
            width: 20px;
            height: 20px;
        }

        .action
        {
            font-family: "Poppins";
            font-size: 8px;
            font-weight: 700;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            color: rgba( 255, 255, 255, 0.75 );
            text-shadow: 0px 1px 2px rgba( 0, 0, 0, 0.75 );
        }
    }
}