// 5vw is the max-width of the container
// --bs-gutter-x * 2 is the horizontal padding of the container
$padding-value: calc(5vw + var(--bs-gutter-x) * 0.5);

.chat-padding-fix--left {
  padding-left: $padding-value !important;
}

.chat-padding-fix--right {
  padding-right: $padding-value !important;
}

.member-list {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: scroll;
  gap: 0.5rem;
  margin-bottom: 0.5rem;

  > * {
    margin: 0;
    // padding: 16px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.0625);
    cursor: pointer;
    user-select: none;
  }
}