@border: 1px solid var(--kw-line-color);
.custom-config-template-root-wrap {
  display: flex;
  flex-direction: column;
  .title-font {
    font-weight: 600;
  }
  .view-icon {
    flex-flow: column;
    margin-top: 163px;
  }
  .actuator-select {
    width: 352px;
  }

  .param-message-box {
    // max-height: 601px;
    // padding-bottom: 24px;
    overflow-y: auto;
    .title-font {
      font-weight: 600;
    }
    .add-btn {
      padding: 0px;
      height: 22px;
      min-width: 20px;
    }
    .default-btn {
      color: #126ee3;
    }
    .btn-default {
      color: rgba(0, 0, 0, 0.25);
      cursor: not-allowed;
    }
    .param-info {
      .title-font {
        font-weight: 600;
      }
      .in-box {
        width: 100%;
        margin-bottom: 0px;
        background-color: rgba(0, 0, 0, 0.04);
        border: @border;
      }
    }

    .param-pre {
      margin-bottom: 0;
    }

    .param-box {
      // height: calc(100% - 24px);
      background-color: rgba(0, 0, 0, 0.04);
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      position: relative;
      margin-bottom: 24px;
      .icon-copy {
        position: absolute;
        top: 12px;
        z-index: 10;
        padding: 0px 4px;
        // background-color: #fff;
        right: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        // border-radius: 2px;
        // border: 1px solid rgba(0, 0, 0, 0.1);
      }
    }
  }

  // .param-box {
  //   height: calc(100% - 24px);
  //   background-color: rgba(0, 0, 0, 0.04);
  //   border-radius: 4px;
  //   border: 1px solid rgba(0, 0, 0, 0.15);
  //   position: relative;
  //   .icon-copy {
  //     position: absolute;
  //     top: 12px;
  //     z-index: 10;
  //     padding: 0px 4px;
  //     background-color: #fff;
  //     right: 12px;
  //     width: 20px;
  //     height: 20px;
  //     line-height: 20px;
  //     border-radius: 2px;
  //     border: 1px solid rgba(0, 0, 0, 0.1);
  //   }
  // }
}
