.ai-chat {
  --padding-left: 36px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  color: var(--app-text-color);
  box-sizing: border-box;

  .back-bottom-button {
    position: absolute;
    right: 14px;
    top: -30px;
    z-index: 22;
  }
  &__content {
    padding-top: 0;
    box-sizing: border-box;

    .avatar {
      float: left;
    }

    .content {
      :deep(ol) {
        margin-left: 16px !important;
      }
    }
  }
  .video-stop-button {
    box-shadow: 0px 6px 24px 0px rgba(var(--el-text-color-primary-rgb), 0.08);

    &:hover {
      background: #ffffff;
    }
  }
  .el-checkbox-group {
    font-size: inherit;
    line-height: inherit;
  }
  .is-selected {
    background: rgba(var(--el-text-color-primary-rgb), 0.08);
  }
}

.chat-width {
  max-width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
  .chat-width {
    max-width: 100% !important;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .ai-chat {
    height: calc(100% - 116px) !important;
  }
}
.chat-mobile {
  .el-button.is-text:not(.is-disabled):hover {
    background: none;
  }
}
.chat-pc {
  &.openLeft {
    .mul-operation {
      margin-left: 281px;
      width: calc(100% - 281px);
    }
  }
  &.hideLeft {
    .mul-operation {
      margin-left: 65px;
      width: calc(100% - 65px);
    }
  }
}
