@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@table-prefix-cls: ~'@{fc-prefix}-empty';

/** Empty */
@empty-img-weight-base: 240;
@empty-img-height-base: 240;

.@{table-prefix-cls} {
  height: 100%;
  width: 100%;
  position: relative;

  &-imgWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: @empty-img-height-base;
    width: @empty-img-height-base;
  }

  &-textArea {
    position: absolute;
    top: 164px;
    left: 0;
    font-size: @font4;
    width: 100%;
    text-align: center;
    line-height: @line-height-base;
  }

  &-title {
    display: block;
    color: @black-10;
  }

  &-description {
    display: block;
    max-height: @line-height-base * @font4 * 2;
    color: @black-6;
  }
}