.chatBigWindow {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10px 0;

  .chatBigWindowTitle {
    background-color: #16191E;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 10px;

    >span {
      color: #EEEEEE;
      font-size: 18px;
    }

    >img {
      cursor: pointer;
    }
  }

  .chatBigWindowContent {
    flex-grow: 1;
    height: 0px;
    overflow-y: auto;
    background-color: rgb(31, 33, 37);
    padding: 10px;

    .chatBigWindowContentLeft {
      display: flex;
      flex-direction: column;
      align-items: flex-start;

      >div:nth-child(1) {
        display: flex;
        align-items: center;

        >span {
          font-size: 14px;
          color: #F3F3F5;
          margin-left: 4px;
        }

        >div {}
      }

      >div:nth-child(2) {
        background-color: #5575F2;
        color: #F3F3F5;
        max-width: 266px;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 0 25px 25px 25px;
        margin: 10px 0 10px 40px;
        font-size: 14px;
        word-break: break-all;
      }
    }

    .chatBigWindowContentRight {
      display: flex;
      flex-direction: column;
      align-items: flex-end;

      >div:nth-child(1) {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;

        >span {
          font-size: 14px;
          color: #F3F3F5;
        }

        >div {
          margin-left: 4px;
        }
      }

      >div:nth-child(2) {
        background-color: #464E6B;
        color: #F3F3F5;
        max-width: 266px;
        padding: 10px;
        word-break: break-all;
        border-radius: 25px 0 25px 25px;
        margin: 10px 40px 10px 0;
        font-size: 14px;
      }
    }
  }

  .chatBigWindowButton {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: 10px;
    box-sizing: border-box;
    background-color: rgb(31, 33, 37);

    >button {
      margin: 4px 4px 0;
    }
  }

  .chatBigWindowInput {
    flex-shrink: 0;
    padding: 10px 10px;
    background-color: #16191E;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

.chatBigWindowInputPopover {
  display: flex;
  flex-direction: column;

  >button {
    margin-bottom: 4px;

    &:last-child {
      margin-bottom: 0;
    }
  }
}