.avatar-channel {
    display: block;
    background-size: cover;
    display: block;
}

@each $channel in $channels {
    .avatar-#{$channel} {
        background-image: url(../images/avatar-#{$channel}.svg);
    }
}

.avatar-add {
  background-color: rgba($color-green-haze, 0.05);
  border: 1px solid $color-green-haze;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;

  i{
    font-size: rem-calc(10);
    color: $color-green-haze;
  }
}