.presence-users {
  background-color: $secondary;
  color: $primary-medium;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  
  span.presence-text {
    margin-left: 5px;
  }

  .wave {
    .dot {
      display: inline-block;
      animation: wave 1.8s linear infinite;

      &:nth-child(2) {
        animation-delay: -1.6s;
      }

      &:nth-child(3) {
        animation-delay: -1.4s;
      }
    }
  }

  @keyframes wave {
    0%, 60%, 100% {
      transform: initial;
    }

    30% {
      transform: translateY(-0.2em);
    }
  }
}

.composer-fields .presence-users {
  position: absolute;
  top: 18px;
  right: 35px;
}

.mobile-view {
  .composer-fields .presence-users {
    top: 3px;
    right: 54px;
    .description {
      display:none;
    }
  }
}