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

@scrollbar-prefix-cls: ~'@{wd-prefix}-pie-chart';

.@{scrollbar-prefix-cls} {
  &__horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  &__chart {
    position: relative;
    height: @pie-chart-height;
  }

  &__center-content {
    position: absolute;
    z-index: 2;
    font-size: @pie-chart-center-font-size;
    line-height: @pie-chart-center-line-height;
    color: @pie-chart-center-title-color;
    text-align: center;
    transform: translate(-50%, -50%);

    &__title {
      font-size: @pie-chart-center-font-size;
    }

    &__hasNum {
      margin-bottom: @pie-chart-center-number-margin-bottom;
    }

    &__text {
      font-size: @pie-chart-center-text-font-size;
    }

    &__links {
      cursor: pointer;
      color: @brand-text;
    }
  }

  &__body {
    width: 100%;
    height: 100%;
  }
}

@import './legend';