@import "/UI/Styles/Theme.scss";

RoundStateDisplay
{
    font-weight: bold;
    color: white;
    font-family: $main-font;
    flex-direction: column;

    .status
    {
        color: rgba( 255, 255, 255, 0.75 );
        text-align: center;
    }

    .timer
    {
        font-size: 32px;
    }

    .grow
    {
        width: 100%;
    }
}

PlayerAvatar
{
    width: 40px;
    height: 40px;
    background-color: black;
    justify-content: center;
    border: 0.5px solid black;

    .health
    {
        bottom: -6px;
        position: absolute;
        width: 100%;
        height: 3px;

        .health-inner
        {
            border: 0.5px solid black;
            background-image: linear-gradient( to right, rgba( white, 1 ), rgba( white, 1 ) );
        }
    }

    &.dead
    {
        opacity: 0.5;

        .avatar
        {
            filter: saturate( 0.2 ) brightness(50%);
        }
    }
}