@import "globals.scss";

InformationBarTeam
{
    width: 500px;
    height: 50px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;

    &.red
    {
        background-color: $red;
        flex-direction: row;
    }

    &.blue
    {
        background-color: $blue;
        flex-direction: row-reverse;
    }

    .dot {
        width: 15px;
        height: 15px;
        background-color: black;
        border-radius: 100%;
        margin: 5px;

        &.solid {
            background-color: white;
            filter: drop-shadow(0px 0px 4px white);
        }
    }
}