.step-second-canvas-config-model-root {
  .ant-modal-content {
    height: 100%;
  }

  .ant-modal-body {
    height: 100%;
  }

  .kw-universal-modal-content {
    height: calc(100% - 104px);
    max-height: 100%;
    // max-height: 1092px;
    padding: 0px;
  }

  .pc_config-modal-root {
    background: #fff;

    .ant-btn-text:focus,
    .ant-btn-text:hover {
      background: #fff;
    }

    .c-body {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .c-header {
      height: 54px;
      border-bottom: 1px solid var(--kw-line-color);

      .t-name {
        position: relative;
        padding-left: 12px;

        &::before {
          content: '';
          display: inline-block;
          position: absolute;
          left: 0;
          top: 2px;
          width: 1px;
          height: 16px;
          background: #e5e5e5;
        }
      }
    }

    .side-bar {
      width: 56px;
      border-right: 1px solid rgba(0, 0, 0, 0.1);

      .menu-item {
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        text-align: center;
      }

      .side-title {
        height: 56px;
        width: calc(100% - 24px);
        border-bottom: 1px solid var(--kw-line-color);

        .close-mask {
          display: inline-block;
          width: 32px;
          height: 32px;
          line-height: 32px;
          text-align: center;
          transform: translateX(8px);
        }
      }
    }

    .right-box {
      background: #f0f0f3;

      .canvas-box {
        position: relative;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.1);
      }
    }
  }
}
