@import '../index.scss';

.cm-share-modal {
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0;
  font-stretch: normal;

  .cm-share-body {
    display: flex;
    width: 537px;
    height: 400px;

    .body-left {
      display: flex;
      width: 268px;
      height: 100%;
      flex-direction: column;

      .amos-scrollbars-content .amos-collapse {
        background: $background-transparent;
      }
    }

    .cm-share-hdivider {
      width: 1px;
      height: 100%;
      background: $user-select-hdivider;
    }

    .body-right {
      display: flex;
      width: 268px;
      height: 100%;
      flex-direction: column;

      .record-close {
        display: flex;
        width: 16px;
        height: 16px;
        background: #ccc;
        border-radius: 50%;
        justify-content: center;
        align-items: center;

        img {
          width: 13px;
          height: 13px;
        }
      }
    }

    .scroll-list {
      margin: 10px 0;
      flex-shrink: 1;
    }

    .amos-collapse-header-title {
      font-size: 12px;
      // color: #585858;
      color: $font-color-3f3f3f;
    }
  }

  .group-search {
    margin: 12px 25px 0 23px;
    flex-shrink: 0;

    .ant-input {
      width: 222px;
      height: 28px;
      font-size: 12px;
      color: $font-color-black;
      background: $amos-form-item-background;
      border: 1px solid $amos-form-item-border;
    }
  }

  .select-record {
    display: flex;
    margin: 3px 30px 8px 40px;
    font-size: 12px;
    line-height: 36px;
    color: $font-color-black;
    justify-content: space-between;
    align-items: center;

    .group-icon {
      width: 14px;
      height: 14px;
    }
  }

  .group-title {
    margin: 15px 0 12px 23px;
    font-size: 12px;
    // color: #585858;
    color: $font-color-3f3f3f;
    flex-shrink: 0;
  }

  .handle-prompt {
    cursor: pointer;
  }

  .amos-modal-content {
    padding: 0;
  }

  .search-prompt {
    margin: 15px 0 0 23px;
  }

  .amos-collapse {
    border: none;

    .amos-collapse-item {
      // background-color: white;
      background: $background-transparent;
      border: none;

      .amos-collapse-content {
        background: $background-transparent;
      }

      .amos-collapse-header.amos-collapse-header-arrow-left {
        display: flex;
        margin-left: 12px;
        align-items: center;

        .amos-collapse-header-arrow {
          height: 10.5px;
        }
      }

      .amos-collapse-content.amos-collapse-content-active {
        padding: 0;

        &::before {
          height: 0;
          border: none;
          content: none;
        }

        &::after {
          height: 0;
          border: none;
          content: none;
        }

        .amos-collapse-content-box {
          padding: 0;
          margin: 0 0 0 7px;
        }
      }
    }
  }

  .amos-radio input[type='radio']:checked + .amos-radio-status::before {
    background-color: #3b82ff;
    border-color: #3b82ff;
  }

  .amos-radio-status::after {
    top: 50%;
    left: 3.5px;
    width: 10px;
    height: 7px;
    margin-top: -3.5px;
    //background: url('~@gm/graphmod-assets/assets/knowledgeLib/search.png') no-repeat;
    background-size: cover;
  }

  .amos-modal-title {
    margin-left: 6px;
    font-size: 15px;
    line-height: 26px;
    color: #333;
  }

  .amos-modal-footer {
    .amos-btn.eb-modal-save {
      color: white;
    }
  }
}
