@import './apps/commudle-admin/src/assets/styles/variables';

.session-page-viewers {
  height: calc(100% - 48px - 32px);

  // Custom scrollbar
  &::-webkit-scrollbar {
    width: 12px;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: darken($light-purple, 5%);
    border: 3px solid transparent;
    border-radius: $border-10;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: darken($light-purple, 8%);
  }

  nb-list-item {
    padding: $space-8;

    app-user-profile-mini {
      width: 100%;
    }

    &:first-child {
      border-top: none;
    }

    &:last-child {
      border-bottom: none;
    }

    .hand-raised {
      display: initial;
      height: 32px;
      padding-left: 5px;
      padding-right: 5px;
      width: 32px;
    }

    .invite-to-stage,
    .message {
      display: none;
      height: 32px;
      padding-left: 5px;
      padding-right: 5px;
      width: 32px;
    }

    &:hover {
      .invite-to-stage,
      .message {
        display: initial;
      }
    }
  }
}
