.chatSmallWindow {
  color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;

  >div:nth-child(1) {
    flex-grow: 1;
    overflow-y: hidden;
    max-height: 80%;
    padding: 4px;
    box-sizing: border-box;

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

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

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

        >div {}
      }

      >div:nth-child(2) {
        background-color: #5575F2;
        color: #F3F3F5;
        padding: 4px;
        box-sizing: border-box;
        border-radius: 0 15px 15px 15px;
        margin: 0 0 10px 40px;
        font-size: 12px;
      }
    }

    .chatSmallWindowContentRight {
      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: black;
        }

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

      >div:nth-child(2) {
        background-color: #464E6B;
        color: #F3F3F5;
        padding: 4px;
        box-sizing: border-box;
        border-radius: 15px 0 15px 15px;
        margin: 0 40px 10px 0;
        font-size: 14px;
      }
    }
  }

  >div:nth-child(2) {
    flex-shrink: 0;
  }
}