.resource-intro {
  height: 100%;

  &__top {
    width: 100%;
    height: 110px;
    margin-bottom: 10px;
    padding: 20px 30px 0;
    background-image: url(@/assets/img/dataset-intro-top.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;

    &__name {
      margin-bottom: 12px;
      color: @text-color;
      font-size: 20px;
    }

    &__tag {
      margin-right: 10px;
      padding: 4px 10px;
      color: @primary-color;
      font-size: 14px;
      background: rgba(22, 100, 255, 0.1);
      border-radius: 4px;
    }
  }

  &__bottom {
    height: calc(100% - 120px);
    padding: 8px 30px 20px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 12px rgba(180, 182, 191, 0.09);

    :global {
      .ant-tabs {
        height: 100%;
        .ant-tabs-content-holder {
          height: 100%;
          .ant-tabs-content {
            height: 100%;
            .ant-tabs-tabpane {
              height: 100%;
              overflow-y: auto;
            }
          }
        }
      }
    }
  }

  &__title {
    margin: 30px 0 10px;
    color: @text-color;
    font-weight: 500;
    font-size: @font-size;
  }

  &__intro {
    color: @text-color-secondary;
    font-size: 14px;
  }
}
