LobbyChatEntry
{
  min-height: 50px;
  padding: 8px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  
  &:nth-child(odd)
  {
    >.background
    {
      background-color: rgba(black, 0.3);
    }
  }

  img
  {
    height: 32px;
    width: 32px;
  }

  > .name
  {
    flex-shrink: 0;
    font-size: 18px;
  }

  > .colon
  {
    font-size: 18px;
  }

  > .message
  {
    font-size: 18px;
  }

  > .background
  {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.1s ease;
  }
}