:global {
  .text-element-wrapper {
    position: relative;
    max-width: 300px;
    border: 1px solid rgb(235, 235, 235);
    border-radius: 3px;
    word-break: break-word;
  }
  .text-element {
    // padding: 6px;
    padding: 0 6px;
  }
  .element-received {
    background-color: #fff;
  }
  .element-send {
    // background: rgb(5, 185, 240);
  }
  .sound-element-wrapper {
    width: 100px;
    background: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 30px;
  }
  .sound-img {
    width: 25px !important;
    height: 25px !important;
  }
  //图片
  .image-element {
    max-width: 250px;
    /* height: 250px; */
    cursor: zoom-in;
  }
  //图片预览
  .image-previewer-wrapper {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: rgba(14, 12, 12, 0.7);
    z-index: 2000;
    cursor: zoom-out;
    .close-button {
      cursor: pointer;
      font-size: 28px;
      // color: #000;
      position: fixed;
      top: 50px;
      right: 50px;
      // background: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      // padding: 6px;
      background: #fff;
    }
    .image-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .image-preview {
      transition: transform 0.1s ease 0s;
    }
    .actions-bar {
      display: flex;
      justify-content: space-around;
      align-items: center;
      position: fixed;
      bottom: 50px;
      left: 50%;
      margin-left: -100px;
      padding: 12px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.8);
    }
    .actions-bar i {
      font-size: 24px;
      cursor: pointer;
      margin: 0 6px;
    }

    .prev-button,
    .next-button {
      position: fixed;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      font-size: 24px;
      padding: 12px;
    }
    .prev-button {
      left: 0;
      top: 50%;
    }
    .next-button {
      right: 0;
      top: 50%;
    }
    .image-counter {
      background: rgba(20, 18, 20, 0.53);
      padding: 3px;
      border-radius: 3px;
      color: #fff;
    }
  }

  //文件
  .file-element-wrapper {
    background-color: #fff;
    padding: 12px;
  }
  .header {
    display: flex;
  }
  .footer {
    // border-top: 1px solid #dddddd;
    text-align: right;
    padding: 3px;
    margin-top: 8px;
  }
  .file-icon {
    font-size: 40px !important;
  }
  .file-element {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
  }
  .file-size {
    font-size: 14px;
    color: gray;
  }
  .download-link {
    cursor: pointer;
    color: #409eff;
  }
}
