:host {
  line-height: initial;
  font-family: var(--dyte-font-family, sans-serif);

  font-feature-settings: normal;
  font-variation-settings: normal;
}

p {
  margin: var(--dyte-space-0, 0px);
  padding: var(--dyte-space-0, 0px);
}


:host {
  margin-top: var(--dyte-space-2, 8px);
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 14px;
}

.stage-requested-participants {
  margin-bottom: var(--dyte-space-8, 32px);
}

.stage-requested-participants .bulk-actions {
  display: flex;
  gap: var(--dyte-space-2, 8px);
}

.stage-requested-participants .bulk-actions .accept-all-button {
  --tw-text-opacity: 1;
  color: rgba(var(--dyte-colors-success, 98 165 4) / var(--tw-text-opacity));
}

.stage-requested-participants .bulk-actions dyte-button {
  flex: 1 1 0%;
}

h3, 
.heading-count {
  margin: var(--dyte-space-0, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--dyte-space-0, 0px);
  font-size: 16px;
  font-weight: 400;
  color: rgb(var(--dyte-colors-text-900, 255 255 255 / 0.88));
  text-align: center;
}

.heading-count {
  font-size: 14px;
}

.participants {
  margin-top: var(--dyte-space-2, 8px);
  padding: var(--dyte-space-0, 0px);
}

.waiting-participant {
  margin-top: var(--dyte-space-2, 8px);
  margin-bottom: var(--dyte-space-2, 8px);
  display: flex;
  align-items: center;
}

.waiting-participant .participant-details {
  margin-right: auto;
  display: flex;
  align-items: center;
}

.waiting-participant .participant-details dyte-avatar {
  margin-right: var(--dyte-space-2, 8px);
  height: var(--dyte-space-8, 32px);
  width: var(--dyte-space-8, 32px);
  flex-shrink: 0;
  font-size: 14px;
}

.waiting-participant .participant-details .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(var(--dyte-colors-text-900, 255 255 255 / 0.88));
}

@media (min-width: 1080px) {

  .waiting-participant .participant-details .name {
    max-width: var(--dyte-space-40, 160px);
  }
}

.waiting-participant .waitlist-controls {
  display: flex;
}

.waiting-participant .waitlist-controls dyte-button {
  margin-left: var(--dyte-space-2, 8px);
  cursor: pointer;
  border-radius: var(--dyte-border-radius-sm, 4px);
}

.waiting-participant .waitlist-controls dyte-icon.accept {
  --tw-text-opacity: 1;
  color: rgba(var(--dyte-colors-success, 98 165 4) / var(--tw-text-opacity));
}

.waiting-participant .waitlist-controls dyte-icon.deny {
  --tw-text-opacity: 1;
  color: rgba(var(--dyte-colors-danger, 255 45 45) / var(--tw-text-opacity));
}