@use "../../../style/theme/util" as *;
.groupcall-waiting-container {
  z-index: 1;
}
.waiting-mobile {
  .tip {
    @include theme() {
      color: get(white-1);
    }
    z-index: 1;
  }

  .groupcall-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    z-index: 1;
    @include theme() {
      color: get(white-1);
    }
    width: 100%;

    .tip {
      text-align: center;
    }

    .avatar-group {
      display: flex;
      flex-wrap: wrap;
      margin-top: 12px;
      align-items: center;
      justify-content: center;
      max-width: 70%;

      .avatar-item {
        width: 10vw;
        height: 10vw;
        margin-left: 10px;
        margin-top: 10px;
      }
    }
  }
}