.webConfigContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .link {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    position: relative;
    top: -10px;
    color: #1890ff;

    .anticon {
      top: -3px;
      margin-right: 2px;
      position: relative;
    }
  }

  .ant-tabs-content-holder>.ant-tabs-content.ant-tabs-content-top {
    position: absolute;
    width: 100%;
    // height: calc(100% - 40px);
  }

  .ant-tabs-content {
    height: calc(100% - 56px);
  }

  .webConfigTabcontent {
    background: #fff;
    height: 100%;
    .ant-card-body {
      height: 100%;
    }
  }
}

.webConfigContainer>.ant-tabs-card .ant-tabs-content {
  height: 100%;
  margin-top: -16px;
}

.webConfigContainer>.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.webConfigContainer>.ant-tabs-card>.ant-tabs-nav::before {
  display: none;
}

.webConfigContainer>.ant-tabs-card .ant-tabs-tab,
[data-theme='compact'] .webConfigContainer>.ant-tabs-card .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.webConfigContainer>.ant-tabs-card .ant-tabs-tab-active,
[data-theme='compact'] .webConfigContainer>.ant-tabs-card .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}

#components-tabs-demo-card-top .code-box-demo {
  background: #f5f5f5;
  overflow: hidden;
  padding: 24px;
}

[data-theme='compact'] .webConfigContainer>.ant-tabs-card .ant-tabs-content {
  height: 120px;
  margin-top: -8px;
}

[data-theme='dark'] .webConfigContainer>.ant-tabs-card .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

[data-theme='dark'] #components-tabs-demo-card-top .code-box-demo {
  background: #000;
}

[data-theme='dark'] .webConfigContainer>.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane {
  background: #141414;
}

[data-theme='dark'] .webConfigContainer>.ant-tabs-card .ant-tabs-tab-active {
  border-color: #141414;
  background: #141414;
}