.chatbox {
  position: relative;
  height: 60% !important;
  width: 60% !important;
  background-color: #0d0d0d8f !important;
  left: 20%;
  bottom: -30%;
  border-radius: 6px;

  :global(.ant-drawer-header) {
    padding: 8px 4px;
  }
  :global(.ant-drawer-body) {
    padding: 16px;
  }
}

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
}

.input {
  display: flex;
  width: 100%;
  margin-top: auto;
  background-color: hsla(0, 0%, 100%, 0.07);
  padding: 4px;
  border-radius: 4px;
}

.dialogs {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 8px 0;
  width: 100%;
  gap: 2px;

  .item {
    vertical-align: baseline;
    .name, .content {
      display: inline-block;
    }
    .name {
      font-weight: 500;
      line-height: 1.375rem;
    }
    .content {
      font-size: 14px;
      color: green;
      margin-top: 2px;
    }
  }
}
