.pie-chart {
  &__slice {
    fill-opacity: 0.75;

    &:hover, &.hovered {
      fill-opacity: 1;
    }

    &-outlines {
      filter: $blur-filter;
    }
  }
  &__label, &__annotations .annotation-note-title tspan {
    fill: $brand-color;
    font-size: rem-calc(13px);
    font-weight: normal;
    &.small {
      font-size: rem-calc(8px);
    }
  }
  &__line {
    stroke: white;
    stroke-width: 1px;
    fill: none;
  }
  &__outline {
    stroke-width: 2px;
  }
  &__hidden-label {
    .hidden-arc, .hidden-line {
      stroke: $brand-color;
      stroke-width: 2;
      fill: none;
    }
    .hidden-line {
      stroke-width: 1;
    }
    .hidden-label use {
      stroke: $brand-color;
      stroke-width: 2;
      fill: none;
      cursor: pointer;
    }
    .hidden-label__bg {
      fill: #fff;
      fill-opacity: 0.001;
      cursor: pointer;
    }
    &.transparent {
      .hidden-line, .hidden-arc {
        opacity: 0;
      }
    }
  }
}