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

KillFeed
{
    position: absolute;
    top: 50%;
    right: $safe-zone-x;
    transform: translateY( -50% );
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;

    .entry
    {
        padding: 0px 16px;
        gap: 16px;
        justify-content: flex-start;
        align-items: center;
        border-radius: $rounding;

        &.local
        {
            border: 1px solid $red;
            background-color: rgba( $red, 0.1 );
        }

        .method
        {
            align-items: center;
            gap: 8px;

            .method-label
            {
                font-size: 18px;
                font-weight: 700;
            }

            .headshot
            {
                background-tint: red;
            }
        }

        .icon
        {
            width: 64px;
            height: 48px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transform: rotateZ(180deg) rotateX(180deg);
        }
    }
}